aboutsummaryrefslogtreecommitdiffstats
path: root/apps/projects/src/app/pages/views/entry-form/sections
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-09-20 09:24:27 +0200
committerivarlovlie <git@ivarlovlie.no>2022-09-20 09:24:27 +0200
commita9072370ca1eb9a5cce928b1d487db0f307edea6 (patch)
tree59c3c23df930a8b5f888dc7813923abf4ceefed4 /apps/projects/src/app/pages/views/entry-form/sections
parent56fa963a1d63cbe0bf28e29e717cceaa417c45c1 (diff)
downloadgreatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.tar.xz
greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.zip
feat: Move old apps into it's own directory
Diffstat (limited to 'apps/projects/src/app/pages/views/entry-form/sections')
-rw-r--r--apps/projects/src/app/pages/views/entry-form/sections/category.svelte76
-rw-r--r--apps/projects/src/app/pages/views/entry-form/sections/date-time.svelte167
-rw-r--r--apps/projects/src/app/pages/views/entry-form/sections/labels.svelte66
3 files changed, 0 insertions, 309 deletions
diff --git a/apps/projects/src/app/pages/views/entry-form/sections/category.svelte b/apps/projects/src/app/pages/views/entry-form/sections/category.svelte
deleted file mode 100644
index f7af382..0000000
--- a/apps/projects/src/app/pages/views/entry-form/sections/category.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script>
- import {generate_random_hex_color} from "$shared/lib/colors";
- import Dropdown from "$shared/components/dropdown.svelte";
- import {is_guid, move_focus} from "$shared/lib/helpers";
- import categories, {reload_categories, create_category_async} from "$app/lib/stores/categories";
- import LL from "$app/lib/i18n/i18n-svelte"
-
- let categoriesError = "";
- let loading = false;
-
- let DropdownExports;
-
- function reset() {
- DropdownExports.reset();
- categoriesError = "";
- console.log($LL.views.entryForm.category._logReset());
- }
-
- async function on_create({name}) {
- loading = true;
- const response = await create_category_async({
- name: name,
- color: generate_random_hex_color(),
- });
- loading = false;
- if (response.ok) {
- // Small pause to allow loading state to update everywhere.
- setTimeout(() => select_category(response.data.id), 50);
- }
- }
-
- function get_selected() {
- return $categories.find((c) => c.selected === true);
- }
-
- function select_category(id) {
- DropdownExports.select(id);
- }
-
- function is_valid() {
- let isValid = true;
- const category = get_selected();
- if (!is_guid(category?.id)) {
- categoriesError = $LL.views.entryForm.category.errisRequired();
- isValid = false;
- move_focus(document.getElementById("category-dropdown"));
- } else {
- categoriesError = "";
- }
- return isValid;
- }
-
- export const functions = {
- get_selected,
- reset,
- is_valid,
- select_category,
- load_categories: reload_categories,
- };
-</script>
-
-<Dropdown
- entries={$categories}
- label="{$LL.views.entryForm.category.category()}"
- maxlength="50"
- createable={true}
- placeholder="{$LL.views.entryForm.category.placeholder()}"
- id="category-dropdown"
- loading={loading}
- name="category-dropdown"
- on_create_async={on_create}
- noResultsText="{$LL.views.entryForm.category.noResults()}"
- errorText="{categoriesError}"
- bind:this={DropdownExports}
-/>
-
diff --git a/apps/projects/src/app/pages/views/entry-form/sections/date-time.svelte b/apps/projects/src/app/pages/views/entry-form/sections/date-time.svelte
deleted file mode 100644
index b91f1a4..0000000
--- a/apps/projects/src/app/pages/views/entry-form/sections/date-time.svelte
+++ /dev/null
@@ -1,167 +0,0 @@
-<script lang="ts">
- import LL from "$app/lib/i18n/i18n-svelte";
- import { Temporal } from "@js-temporal/polyfill";
-
- // TIME
- let fromTimeValue = "";
- let fromTimeError = "";
- let toTimeValue = "";
- let toTimeError = "";
-
- function handle_from_time_changed(e) {
- fromTimeValue = e.target.value;
- if (fromTimeValue) {
- fromTimeError = "";
- }
- }
-
- function handle_to_time_changed(e) {
- toTimeValue = e.target.value;
- if (toTimeValue) {
- toTimeError = "";
- }
- }
-
- // DATE
- let date = Temporal.Now.plainDateTimeISO().toString().substring(0, 10);
- let dateError = "";
-
- function is_valid() {
- let isValid = true;
- let focusIsSet = false;
- if (!date) {
- dateError = $LL.views.entryForm.dateTime.errDateIsRequired();
- isValid = false;
- if (!focusIsSet) {
- document.getElementById("date")?.focus();
- focusIsSet = true;
- }
- } else {
- dateError = "";
- }
-
- if (!fromTimeValue) {
- fromTimeError = $LL.views.entryForm.dateTime.errFromIsRequired();
- isValid = false;
- if (!focusIsSet) {
- document.getElementById("from")?.focus();
- focusIsSet = true;
- }
- } else if (toTimeValue && fromTimeValue > toTimeValue) {
- fromTimeError = $LL.views.entryForm.dateTime.errFromAfterTo();
- isValid = false;
- if (!focusIsSet) {
- document.getElementById("from")?.focus();
- focusIsSet = true;
- }
- } else if (fromTimeValue === toTimeValue) {
- fromTimeError = $LL.views.entryForm.dateTime.errFromEqTo();
-
- isValid = false;
- if (!focusIsSet) {
- document.getElementById("from")?.focus();
- focusIsSet = true;
- }
- } else {
- fromTimeError = "";
- }
-
- if (!toTimeValue) {
- toTimeError = $LL.views.entryForm.dateTime.errToIsRequired();
- isValid = false;
- if (!focusIsSet) {
- document.getElementById("to")?.focus();
- focusIsSet = true;
- }
- } else if (fromTimeValue && toTimeValue < fromTimeValue) {
- toTimeError = $LL.views.entryForm.dateTime.errToBeforeFrom();
- isValid = false;
- if (!focusIsSet) {
- document.getElementById("to")?.focus();
- focusIsSet = true;
- }
- } else {
- toTimeError = "";
- }
-
- return isValid;
- }
-
- export const functions = {
- get_from_time_value() {
- return fromTimeValue;
- },
- get_to_time_value() {
- return toTimeValue;
- },
- get_date() {
- return date;
- },
- is_valid,
- reset(focusDate = false) {
- fromTimeValue = "";
- toTimeValue = "";
- if (focusDate) {
- document.getElementById("date")?.focus();
- }
- console.log($LL.views.entryForm.dateTime._logReset());
- },
- set_times(value) {
- fromTimeValue = value.from.toPlainTime().toString().substring(0, 5);
- toTimeValue = value.to.toPlainTime().toString().substring(0, 5);
- },
- set_date(new_date: Temporal.PlainDate) {
- date = new_date.toString();
- },
- set_values(values) {
- const currentTimeZone = Temporal.Now.timeZone().id;
- const startDate = Temporal.Instant.from(values.start);
- const stopDate = Temporal.Instant.from(values.stop);
- fromTimeValue = startDate.toZonedDateTimeISO(currentTimeZone).toPlainTime().toString().substring(0, 5);
- toTimeValue = stopDate.toZonedDateTimeISO(currentTimeZone).toPlainTime().toString().substring(0, 5);
- date = startDate.toZonedDateTimeISO(currentTimeZone).toPlainDate().toString();
- }
- };
-</script>
-
-<div class="grid gap-xs">
- <div class="col-4">
- <label for="date"
- class="form-label margin-bottom-xxs">{$LL.views.entryForm.dateTime.date()}</label>
- <input type="date"
- id="date"
- class="form-control width-100%"
- bind:value={date}>
- {#if dateError}
- <small class="color-error">{dateError}</small>
- {/if}
- </div>
- <div class="col-4">
- <label for="from"
- class="form-label margin-bottom-xxs">{$LL.views.entryForm.dateTime.from()}</label>
- <input id="from"
- class="form-control width-100%"
- pattern="[0-9][0-9]:[0-9][0-9]"
- type="time"
- bind:value={fromTimeValue}
- on:input={handle_from_time_changed}
- />
- {#if fromTimeError}
- <small class="color-error">{fromTimeError}</small>
- {/if}
- </div>
- <div class="col-4">
- <label for="to"
- class="form-label margin-bottom-xxs">{$LL.views.entryForm.dateTime.to()}</label>
- <input id="to"
- class="form-control width-100%"
- pattern="[0-9][0-9]:[0-9][0-9]"
- type="time"
- bind:value={toTimeValue}
- on:input={handle_to_time_changed}
- />
- {#if toTimeError}
- <small class="color-error">{toTimeError}</small>
- {/if}
- </div>
-</div>
diff --git a/apps/projects/src/app/pages/views/entry-form/sections/labels.svelte b/apps/projects/src/app/pages/views/entry-form/sections/labels.svelte
deleted file mode 100644
index a6f324b..0000000
--- a/apps/projects/src/app/pages/views/entry-form/sections/labels.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-<script>
- import LL from "$app/lib/i18n/i18n-svelte";
- import {generate_random_hex_color} from "$shared/lib/colors";
- import labels, {reload_labels, create_label_async} from "$app/lib/stores/labels";
- import Dropdown from "$shared/components/dropdown.svelte";
-
- let labelsError = "";
- let loading = false;
- let DropdownExports;
-
- function reset() {
- DropdownExports.reset();
- console.log($LL.views.entryForm.labels._logReset());
- }
-
- function get_selected() {
- return $labels.filter((c) => Object.hasOwn(c, "selected") && c.selected === true);
- }
-
- function select_label(id) {
- DropdownExports.select(id);
- }
-
- function select_labels(ids) {
- for (const id of ids) {
- DropdownExports.select(id);
- }
- }
-
- async function on_create({name}) {
- loading = true;
- const response = await create_label_async({
- name: name,
- color: generate_random_hex_color(),
- });
- loading = false;
- if (response.ok) {
- // Small pause to allow loading state to update everywhere.
- setTimeout(() => select_label(response.data.id), 50);
- }
- }
-
- export const functions = {
- get_selected,
- reset,
- load_labels: reload_labels,
- select_labels,
- select_label,
- };
-</script>
-
-<Dropdown
- entries={$labels}
- label="{$LL.views.entryForm.labels.labels()}"
- maxlength="50"
- createable={true}
- placeholder="{$LL.views.entryForm.labels.placeholder()}"
- multiple="{true}"
- id="labels-search"
- name="labels-search"
- on_create_async={on_create}
- noResultsText="{$LL.views.entryForm.labels.placeholder()}"
- errorText="{labelsError}"
- bind:this={DropdownExports}
- {loading}
-/>