feat: finalize first wiki version

Signed-off-by: Alexander Trost <[email protected]>
fivenet-app · Nov 8, 2024 · 9b72c72 · 9b72c72
1 parent e13f905
commit 9b72c72
Show file tree

Hide file tree

Showing 200 changed files with 10,511 additions and 5,356 deletions.
diff --git a/app/app.config.ts b/app/app.config.ts
@@ -33,6 +33,7 @@ export default defineAppConfig({
         },
         notification: 3500,
     },
+    maxAccessEntries: 10,
 
     // Nuxt UI app config
     ui: {

diff --git a/app/components/calendar/CalendarAccessEntry.vue b/app/components/calendar/CalendarAccessEntry.vue
@@ -187,7 +187,7 @@ watch(selectedAccessRole, () => {
                         <q>{{ search }}</q> {{ $t('common.query_not_found') }}
                     </template>
                     <template #empty>
-                        {{ $t('common.not_found', [$t('common.access', 1)]) }}
+                        {{ $t('common.not_found', [$t('common.type')]) }}
                     </template>
                 </USelectMenu>
             </ClientOnly>

diff --git a/app/components/calendar/CalendarCreateOrUpdateModal.vue b/app/components/calendar/CalendarCreateOrUpdateModal.vue
@@ -28,7 +28,7 @@ const completorStore = useCompletorStore();
 
 const notifications = useNotificatorStore();
 
-const maxAccessEntries = 10;
+const { maxAccessEntries } = useAppConfig();
 
 const canDo = computed(() => ({
     privatecalendar: attr('CalendarService.CreateOrUpdateCalendar', 'Fields', 'Job').value,

diff --git a/app/components/citizens/CitizensList.vue b/app/components/citizens/CitizensList.vue
@@ -166,12 +166,10 @@ const columns = [
         : undefined,
 ].filter((c) => c !== undefined) as { key: string; label: string; class?: string; rowClass?: string; sortable?: boolean }[];
 
-const input = ref<{ input: HTMLInputElement }>();
+const input = useTemplateRef('input');
 
 defineShortcuts({
-    '/': () => {
-        input.value?.input?.focus();
-    },
+    '/': () => input.value?.input?.focus(),
 });
 </script>
 

diff --git a/app/components/documents/DocumentAccessEntry.vue b/app/components/documents/DocumentAccessEntry.vue
@@ -214,7 +214,7 @@ watch(selectedAccessRole, () => {
                         <q>{{ search }}</q> {{ $t('common.query_not_found') }}
                     </template>
                     <template #empty>
-                        {{ $t('common.not_found', [$t('common.access', 1)]) }}
+                        {{ $t('common.not_found', [$t('common.type')]) }}
                     </template>
                 </USelectMenu>
             </ClientOnly>

diff --git a/app/components/documents/DocumentComments.vue b/app/components/documents/DocumentComments.vue
@@ -118,18 +118,12 @@ async function removeComment(id: string): Promise<void> {
     emit('deletedComment');
 }
 
-const commentsEl = ref<HTMLDivElement | null>(null);
+const commentsEl = useTemplateRef('commentsEl');
 const isVisible = useElementVisibility(commentsEl);
 
 watchOnce(isVisible, async () => refresh());
 
-const commentInput = ref<HTMLInputElement | null>(null);
-
-function focusCommentField(): void {
-    if (commentInput.value) {
-        commentInput.value.focus();
-    }
-}
+const commentInput = useTemplateRef('commentInput');
 
 watch(offset, async () => refresh());
 
@@ -178,7 +172,7 @@ const onSubmitThrottle = useThrottleFn(async (event: FormSubmitEvent<Schema>) =>
                 v-else-if="!data?.comments || data?.comments.length === 0"
                 :message="$t('components.documents.document_comments.no_comments')"
                 icon="i-mdi-comment-text-multiple"
-                :focus="focusCommentField"
+                :focus="() => commentInput?.textarea?.focus()"
             />
 
             <ul v-else role="list" class="divide-y divide-gray-100 dark:divide-gray-800">

diff --git a/app/components/documents/DocumentEditor.vue b/app/components/documents/DocumentEditor.vue
@@ -40,7 +40,7 @@ const notifications = useNotificatorStore();
 
 const route = useRoute();
 
-const maxAccessEntries = 10;
+const { maxAccessEntries } = useAppConfig();
 
 const canEdit = ref(false);
 

diff --git a/app/components/documents/DocumentList.vue b/app/components/documents/DocumentList.vue
@@ -118,12 +118,10 @@ watchDebounced(query.value, async () => refresh(), { debounce: 200, maxWait: 125
 
 const categoriesLoading = ref(false);
 
-const input = ref<{ input: HTMLInputElement }>();
+const input = useTemplateRef('input');
 
 defineShortcuts({
-    '/': () => {
-        input.value?.input?.focus();
-    },
+    '/': () => input.value?.input?.focus(),
 });
 </script>
 

diff --git a/app/components/documents/DocumentView.vue b/app/components/documents/DocumentView.vue
@@ -144,7 +144,7 @@ function addToClipboard(): void {
     });
 }
 
-const contentRef = ref<HTMLDivElement | null>(null);
+const contentRef = useTemplateRef('contentRef');
 function disableCheckboxes(): void {
     if (contentRef.value === null) {
         return;

diff --git a/app/components/documents/templates/TemplateEditor.vue b/app/components/documents/templates/TemplateEditor.vue
@@ -32,7 +32,7 @@ const notifications = useNotificatorStore();
 
 const completorStore = useCompletorStore();
 
-const maxAccessEntries = 10;
+const { maxAccessEntries } = useAppConfig();
 
 const schema = z.object({
     weight: z.number().min(0).max(999_999),

diff --git a/app/components/jobs/colleagues/ColleaguesList.vue b/app/components/jobs/colleagues/ColleaguesList.vue
@@ -128,12 +128,10 @@ const columns = [
         : undefined,
 ].filter((c) => c !== undefined) as { key: string; label: string; sortable?: boolean }[];
 
-const input = ref<{ input: HTMLInputElement }>();
+const input = useTemplateRef('input');
 
 defineShortcuts({
-    '/': () => {
-        input.value?.input?.focus();
-    },
+    '/': () => input.value?.input?.focus(),
 });
 </script>
 

diff --git a/app/components/jobs/conduct/ConductList.vue b/app/components/jobs/conduct/ConductList.vue
@@ -178,14 +178,6 @@ const columns = [
         sortable: false,
     },
 ];
-
-const input = ref<{ input: HTMLInputElement }>();
-
-defineShortcuts({
-    '/': () => {
-        input.value?.input?.focus();
-    },
-});
 </script>
 
 <template>
@@ -227,9 +219,6 @@ defineShortcuts({
                                 <template #empty>
                                     {{ $t('common.not_found', [$t('common.creator', 2)]) }}
                                 </template>
-                                <template #trailing>
-                                    <UKbd value="/" />
-                                </template>
                             </USelectMenu>
                         </ClientOnly>
                     </UFormGroup>

diff --git a/app/components/jobs/timeclock/TimeclockList.vue b/app/components/jobs/timeclock/TimeclockList.vue
@@ -268,7 +268,7 @@ const itemsAll = computed(() =>
     ].flatMap((item) => (item !== undefined ? [item] : [])),
 );
 
-const input = ref<{ input: HTMLInputElement }>();
+const input = useTemplateRef('input');
 </script>
 
 <template>

diff --git a/app/components/jobs/timeclock/TimeclockStatsChart.vue b/app/components/jobs/timeclock/TimeclockStatsChart.vue
@@ -28,8 +28,7 @@ const data = computed(() =>
     }),
 );
 
-const cardRef = ref<HTMLElement | null>(null);
-
+const cardRef = useTemplateRef('cardRef');
 const { width } = useElementSize(cardRef);
 
 const x = (_: DataRecord, i: number) => i;

diff --git a/app/components/livemap/BaseMap.vue b/app/components/livemap/BaseMap.vue
@@ -35,7 +35,7 @@ function mapResize(): void {
     map.invalidateSize();
 }
 
-const mapContainer = ref<HTMLElement | null>(null);
+const mapContainer = useTemplateRef('mapContainer');
 const mapResizeDebounced = useDebounceFn(mapResize, 350, { maxWait: 750 });
 useResizeObserver(mapContainer, (_) => mapResizeDebounced());
 

diff --git a/app/components/partials/WebSocketStatusOverlay.vue b/app/components/partials/WebSocketStatusOverlay.vue
@@ -15,7 +15,7 @@ const status = useDebounce(webSocket.status, 150);
 
 const notificationId = ref<string | undefined>();
 
-const overlay = ref<HTMLDivElement | null>(null);
+const overlay = useTemplateRef('overlay');
 
 async function checkWebSocketStatus(previousStatus: WebSocketStatus, status: WebSocketStatus): Promise<void> {
     if (notificationId.value !== undefined && status === 'OPEN') {

diff --git a/app/components/partials/data/DataNoDataBlock.vue b/app/components/partials/data/DataNoDataBlock.vue
@@ -17,9 +17,11 @@ const props = withDefaults(
 );
 
 async function click() {
-    if (props.focus) {
-        props.focus();
+    if (!props.focus) {
+        return;
     }
+
+    props.focus();
 }
 </script>
 

diff --git a/app/components/qualifications/QualificationAccessEntry.vue b/app/components/qualifications/QualificationAccessEntry.vue
@@ -149,7 +149,7 @@ watch(selectedAccessRole, () => {
                         <q>{{ search }}</q> {{ $t('common.query_not_found') }}
                     </template>
                     <template #empty>
-                        {{ $t('common.not_found', [$t('common.access', 1)]) }}
+                        {{ $t('common.not_found', [$t('common.type')]) }}
                     </template>
                 </USelectMenu>
             </ClientOnly>
@@ -215,7 +215,9 @@ watch(selectedAccessRole, () => {
                     <template #option-empty="{ query: search }">
                         <q>{{ search }}</q> {{ $t('common.query_not_found') }}
                     </template>
-                    <template #empty> {{ $t('common.not_found', [$t('common.access', 2)]) }} </template>
+                    <template #empty>
+                        {{ $t('common.not_found', [$t('common.access', 2)]) }}
+                    </template>
                 </USelectMenu>
             </ClientOnly>
         </UFormGroup>

diff --git a/app/components/qualifications/QualificationEditor.vue b/app/components/qualifications/QualificationEditor.vue
@@ -38,7 +38,7 @@ const notifications = useNotificatorStore();
 
 const completorStore = useCompletorStore();
 
-const maxAccessEntries = 10;
+const { maxAccessEntries } = useAppConfig();
 
 const canDo = computed(() => ({
     edit: can('QualificationsService.UpdateQualification').value,

diff --git a/app/components/vehicles/VehiclesList.vue b/app/components/vehicles/VehiclesList.vue
@@ -145,12 +145,10 @@ const columns = computed(() =>
     ].flatMap((item) => (item !== undefined ? [item] : [])),
 );
 
-const input = ref<{ input: HTMLInputElement }>();
+const input = useTemplateRef('input');
 
 defineShortcuts({
-    '/': () => {
-        input.value?.input?.focus();
-    },
+    '/': () => input.value?.input?.focus(),
 });
 </script>
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,6 +33,7 @@ export default defineAppConfig({ @@
             },
             notification: 3500,
         },
+        maxAccessEntries: 10,
         // Nuxt UI app config
         ui: {
@@ Expand Down @@