aboutsummaryrefslogtreecommitdiffstats
path: root/old-apps/web-shared/src/components/form/textarea.svelte
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
committerivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
commitb7e39b59fd0fc7b5610ebff29035bf622079e0d8 (patch)
tree64be84ebbdac9f7ceced983390c53b10d575af5c /old-apps/web-shared/src/components/form/textarea.svelte
parent2001c035fbb417ab0a3d42cfb04d17420bde4086 (diff)
downloadgreatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.tar.xz
greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.zip
refactor: Change file structure
Diffstat (limited to 'old-apps/web-shared/src/components/form/textarea.svelte')
-rw-r--r--old-apps/web-shared/src/components/form/textarea.svelte48
1 files changed, 0 insertions, 48 deletions
diff --git a/old-apps/web-shared/src/components/form/textarea.svelte b/old-apps/web-shared/src/components/form/textarea.svelte
deleted file mode 100644
index b313d2e..0000000
--- a/old-apps/web-shared/src/components/form/textarea.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
- export let id;
- export let disabled = false;
- export let loading = false;
- export let rows = 2;
- export let cols = 0;
- export let name;
- export let placeholder;
- export let value;
- export let label;
- export let errorText;
-
- $: shared_props = {
- rows: rows || null,
- cols: cols || null,
- name: name || null,
- id: id || null,
- disabled: disabled || null,
- class: [`form-control ${loading ? "c-disabled loading" : ""}`, $$restProps.class ?? ""].filter(Boolean).join(" "),
- };
-
- let textarea;
- let scrollHeight = 0;
-
- $:if (textarea) {
- scrollHeight = textarea.scrollHeight;
- }
-
- function on_input(event) {
- event.target.style.height = "auto";
- event.target.style.height = (this.scrollHeight) + "px";
- }
-</script>
-
-{#if label}
- <label for="{id}"
- class="form-label margin-bottom-xxs">{label}</label>
-{/if}
-<textarea {...shared_props}
- {placeholder}
- style="overflow-y:hidden;min-height:calc(1.5em + .75rem + 2px);{scrollHeight ? 'height:{scrollHeight}px' : ''};"
- bind:value={value}
- bind:this={textarea}
- on:input={on_input}
-></textarea>
-{#if errorText}
- <small class="color-error">{errorText}</small>
-{/if}