dredgy/FlightsAPI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

Added native os notifications

Browse Source
This commit is contained in:
dredgy
2026-07-02 00:33:28 +10:00
parent 84379baf6a
commit 027437dc9b
13 changed files with 451 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Pages/Settings/GeneralSettings.vue
+49 -62
View File
@@ -1,11 +1,11 @@
<script lang="ts" setup>
import { reactive, ref, computed } from 'vue'
import { reactive, ref } from 'vue'
import axios from 'axios'
import type { SettingField } from "@/Types/types"
const props = defineProps<{
fields: SettingField[],
categories: Record<string, string>
description?: string | null
}>()
const values = reactive(
@@ -15,14 +15,6 @@ const saving = ref(false)
const saved = ref(false)
const error = ref(false)
const groupedFields = computed(() =>
props.fields.reduce((groups: Record<string, SettingField[]>, field) => {
const cat = field.category ?? 'General'
;(groups[cat] ??= []).push(field)
return groups
}, {} as Record<string, SettingField[]>)
)
async function save() {
saving.value = true
error.value = false
@@ -40,64 +32,59 @@ async function save() {
<template>
<v-form @submit.prevent="save">
<template v-for="(groupFields, category) in groupedFields" :key="category">
<p class="text-overline text-medium-emphasis mb-1 mt-4">{{ category }}</p>
<small v-if="categories[category]" class="text-body-2 text-medium-emphasis mb-3">
{{ categories[category] }}
</small>
<v-divider class="mb-4" />
<small v-if="description" class="text-body-2 text-medium-emphasis mb-3 d-block">
{{ description }}
</small>
<template v-for="field in groupFields" :key="field.key">
<template v-for="field in fields" :key="field.key">
<v-select
v-if="field.type === 'select'"
v-model="values[field.key]"
:label="field.label"
:items="field.options"
item-title="label"
item-value="value"
variant="outlined"
density="comfortable"
class="mb-2"
/>
<v-select
v-if="field.type === 'select'"
v-model="values[field.key]"
:label="field.label"
:items="field.options"
item-title="label"
item-value="value"
variant="outlined"
density="comfortable"
class="mb-2"
/>
<v-text-field
v-else-if="field.type === 'text'"
v-model="values[field.key]"
:label="field.label"
variant="outlined"
density="comfortable"
class="mb-2"
/>
<v-text-field
v-else-if="field.type === 'text'"
v-model="values[field.key]"
:label="field.label"
variant="outlined"
density="comfortable"
class="mb-2"
/>
<v-checkbox
v-else-if="field.type === 'checkbox'"
v-model="values[field.key]"
:label="field.label"
color="primary"
density="comfortable"
hide-details
class="mb-2"
/>
<v-checkbox
v-else-if="field.type === 'checkbox'"
v-model="values[field.key]"
:label="field.label"
color="primary"
density="comfortable"
hide-details
class="mb-2"
/>
<v-select
v-else-if="field.type === 'multiselect'"
v-model="values[field.key]"
:label="field.label"
:items="field.options"
item-title="label"
item-value="value"
variant="outlined"
density="comfortable"
chips
multiple
closable-chips
clearable
class="mb-2"
/>
<v-select
v-else-if="field.type === 'multiselect'"
v-model="values[field.key]"
:label="field.label"
:items="field.options"
item-title="label"
item-value="value"
variant="outlined"
density="comfortable"
chips
multiple
closable-chips
clearable
class="mb-2"
/>
</template>
</template>
<v-divider class="my-4" />