summaryrefslogtreecommitdiffstats
path: root/apps/projects-web/src/app/pages/ui-workbench.svelte
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-06-01 22:20:31 +0200
committerivarlovlie <git@ivarlovlie.no>2022-06-01 22:20:31 +0200
commit9db0f70f75886ab1f97e231a3f9c16fcbbbe04bd (patch)
treeee4386cdffe27eaf0325b4617c7fafefbb9f7d51 /apps/projects-web/src/app/pages/ui-workbench.svelte
parent7058f55fe099d6b6dea50558f30a4dc8ee52dde8 (diff)
downloadgreatoffice-9db0f70f75886ab1f97e231a3f9c16fcbbbe04bd.tar.xz
greatoffice-9db0f70f75886ab1f97e231a3f9c16fcbbbe04bd.zip
refactor: Move projects-web to projects
Diffstat (limited to 'apps/projects-web/src/app/pages/ui-workbench.svelte')
-rw-r--r--apps/projects-web/src/app/pages/ui-workbench.svelte48
1 files changed, 0 insertions, 48 deletions
diff --git a/apps/projects-web/src/app/pages/ui-workbench.svelte b/apps/projects-web/src/app/pages/ui-workbench.svelte
deleted file mode 100644
index 5e92c9d..0000000
--- a/apps/projects-web/src/app/pages/ui-workbench.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script>
- import Dropdown from "$shared/components/dropdown.svelte";
- import {generate_random_hex_color} from "$shared/lib/colors";
- import {uuid_v4} from "$shared/lib/helpers";
-
- let entries = [];
-
- let dropdown;
-
- for (let i = 1; i < 20; i++) {
- entries.push({
- id: uuid_v4(),
- name: "Option " + i,
- selected: false,
- color: generate_random_hex_color(true)
- });
- }
-
- function on_create({detail}) {
- const copy = entries;
- const entry = {id: uuid_v4(), name: detail.name};
- copy.push(entry);
- entries = copy;
- console.log("Created", entry);
- dropdown.select_entry(entry.id);
- }
-
- function on_select({detail}) {
- console.log(detail);
- }
-</script>
-
-<main class="grid gap-y-lg padding-md">
- <div class="row">
- <label for="dropdown">Choose an entry</label>
- <Dropdown id="dropdown"
- name="dropdown"
- placeholder="Search or create"
- maxlength="50"
- creatable="true"
- multiple="false"
- {entries}
- bind:this={dropdown}
- on:create={on_create}
- on:select={on_select}
- />
- </div>
-</main>