@hostlink/nuxt-light 1.54.6 → 1.55.2

package/dist/runtime/pages/User/_user_id/change-password.vue

@@ -35,22 +35,21 @@ const policies = computed(() => {
 </script>
 
 <template>
-    <l-page>
-        <FormKit type="l-form" @submit="onSubmit">
-            <FormKit type="l-input" name="password" :validation="system.passwordPolicy" label="Password"
-                input-type="password" show-password></FormKit>
-
-
-        </FormKit>
-
-        <q-card flat>
-            <q-card-section>
-                <div>{{ $t('Password policy') }}</div>
-                <ul>
-                    <li v-for="policy in policies" :key="policy">{{ policy }}</li>
-                </ul>
-
-            </q-card-section>
-        </q-card>
-    </l-page>
+    <l-page>
+        <FormKit type="l-form" @submit="onSubmit">
+            <FormKit type="l-input" name="password" :validation="system.passwordPolicy" label="Password"
+                input-type="password" show-password></FormKit>
+
+        </FormKit>
+
+        <q-card flat>
+            <q-card-section>
+                <div>{{ $t('Password policy') }}</div>
+                <ul>
+                    <li v-for="policy in policies" :key="policy">{{ policy }}</li>
+                </ul>
+
+            </q-card-section>
+        </q-card>
+    </l-page>
 </template>

package/dist/runtime/pages/User/_user_id/edit.vue

@@ -33,32 +33,32 @@ const languages = tt.app.languages.map((lang) => {
 </script>
 
 <template>
-    <l-page>
-        <FormKit type="l-form" :value="obj" gutter="none">
-            <l-row class="col col-12">
-                <l-col md="6">
-                    <FormKit type="l-input" label="Username" name="username" validation="required" />
-                    <FormKit type="l-input" label="First name" name="first_name" validation="required" />
-                    <FormKit type="l-input" label="Last name" name="last_name" />
-                    <FormKit type="l-input" label="Email" name="email" validation="required|email" />
-                </l-col>
-
-                <l-col md="6">
-                    <FormKit type="l-input" label="Phone" name="phone" />
-                    <FormKit type="l-input" label="Address1" name="addr1" />
-                    <FormKit type="l-input" label="Address2" name="addr2" />
-                    <FormKit type="l-input" label="Address3" name="addr3" />
-                </l-col>
-
-                <l-col>
-                    <FormKit type="l-date-picker" label="Join date" name="join_date" validation="required" />
-                    <FormKit type="l-date-picker" label="Expiry date" name="expiry_date" />
-                    <FormKit type="l-select" label="Status" name="status" :options="options" validation="required" />
-                    <FormKit type="l-select" label="Language" name="language" :options="languages"
-                        validation="required" />
-                    <FormKit type="l-input" label="Default page" name="default_page" />
-                </l-col>
-            </l-row>
-        </FormKit>
-    </l-page>
+    <l-page>
+        <FormKit type="l-form" :value="obj" gutter="none">
+            <l-row class="col col-12">
+                <l-col md="6">
+                    <FormKit type="l-input" label="Username" name="username" validation="required" />
+                    <FormKit type="l-input" label="First name" name="first_name" validation="required" />
+                    <FormKit type="l-input" label="Last name" name="last_name" />
+                    <FormKit type="l-input" label="Email" name="email" validation="required|email" />
+                </l-col>
+
+                <l-col md="6">
+                    <FormKit type="l-input" label="Phone" name="phone" />
+                    <FormKit type="l-input" label="Address1" name="addr1" />
+                    <FormKit type="l-input" label="Address2" name="addr2" />
+                    <FormKit type="l-input" label="Address3" name="addr3" />
+                </l-col>
+
+                <l-col>
+                    <FormKit type="l-date-picker" label="Join date" name="join_date" validation="required" />
+                    <FormKit type="l-date-picker" label="Expiry date" name="expiry_date" />
+                    <FormKit type="l-select" label="Status" name="status" :options="options" validation="required" />
+                    <FormKit type="l-select" label="Language" name="language" :options="languages"
+                        validation="required" />
+                    <FormKit type="l-input" label="Default page" name="default_page" />
+                </l-col>
+            </l-row>
+        </FormKit>
+    </l-page>
 </template>

package/dist/runtime/pages/User/_user_id/update-role.vue

@@ -33,12 +33,11 @@ const submit = async (data, form) => {
 </script>
 
 <template>
-    <l-page>
-        <FormKit type="l-form" @submit="submit" :value="{ roles: obj.roles }">
-            <FormKit type="l-option-group" :options="roles" name="roles">
-            </FormKit>
-        </FormKit>
-
-
-    </l-page>
+    <l-page>
+        <FormKit type="l-form" @submit="submit" :value="{ roles: obj.roles }">
+            <FormKit type="l-option-group" :options="roles" name="roles">
+            </FormKit>
+        </FormKit>
+
+    </l-page>
 </template>

package/dist/runtime/pages/User/_user_id/view.vue

@@ -33,34 +33,31 @@ const reset2fa = async () => {
 </script>
 
 <template>
-    <l-page :edit-btn="obj.canUpdate" v-if="obj">
-        <template #header>
-            <l-btn to="change-password" icon="sym_o_key" permission="user.changePassword"
-                label="Change password"></l-btn>
-            <l-btn to="update-role" icon="sym_o_people" permission="user.role.add" label="Update role"></l-btn>
-            <l-btn label="Reset 2FA" icon="sym_o_key" permission="user.reset2fa" @click="reset2fa"></l-btn>
-
-        </template>
-
-        <q-card flat bordered>
-            <l-tabs inline-label align="justify">
-                <l-tab name="overview" icon="sym_o_person" :label="$t('Overview')">
-                    <l-user-overview :id="id" />
-                </l-tab>
-                <l-tab name="userlog" icon="sym_o_description" :label="$t('User log')"
-                    v-if="$light.isGranted('userlog.list')">
-                    <l-user-userlog :id="id" />
-                </l-tab>
-                <l-tab name="eventlog" icon="sym_o_description" :label="$t('Event log')"
-                    v-if="$light.isGranted('eventlog.list')">
-                    <l-user-eventlog :id="id" />
-                </l-tab>
-            </l-tabs>
-
-        </q-card>
-
-
-
-
-    </l-page>
+    <l-page :edit-btn="obj.canUpdate" v-if="obj">
+        <template #header>
+            <l-btn to="change-password" icon="sym_o_key" permission="user.changePassword"
+                label="Change password"></l-btn>
+            <l-btn to="update-role" icon="sym_o_people" permission="user.role.add" label="Update role"></l-btn>
+            <l-btn label="Reset 2FA" icon="sym_o_key" permission="user.reset2fa" @click="reset2fa"></l-btn>
+
+        </template>
+
+        <q-card flat bordered>
+            <l-tabs inline-label align="justify">
+                <l-tab name="overview" icon="sym_o_person" :label="$t('Overview')">
+                    <l-user-overview :id="id" />
+                </l-tab>
+                <l-tab name="userlog" icon="sym_o_description" :label="$t('User log')"
+                    v-if="$light.isGranted('userlog.list')">
+                    <l-user-userlog :id="id" />
+                </l-tab>
+                <l-tab name="eventlog" icon="sym_o_description" :label="$t('Event log')"
+                    v-if="$light.isGranted('eventlog.list')">
+                    <l-user-eventlog :id="id" />
+                </l-tab>
+            </l-tabs>
+
+        </q-card>
+
+    </l-page>
 </template>

package/dist/runtime/pages/User/add.vue

@@ -49,39 +49,39 @@ const languages = app.languages.map((lang) => {
 </script>
 
 <template>
-    <l-page>
-
-        <FormKit type="l-form" :value="obj">
-            <l-row class="col">
-                <l-col md="6">
-                    <FormKit type="l-input" label="Username" name="username" validation="required" />
-                    <FormKit type="l-input" label="Password" name="password" :validation="system.passwordPolicy"
-                        input-type="password" autocomplete="new-password" />
-                    <FormKit type="l-input" label="First name" name="first_name" validation="required" />
-                    <FormKit type="l-input" label="Last name" name="last_name" />
-                    <FormKit type="l-input" label="Email" name="email" validation="required|email" />
-                </l-col>
-
-                <l-col md="6">
-                    <FormKit type="l-input" label="Phone" name="phone" />
-                    <FormKit type="l-input" label="Address1" name="addr1" />
-                    <FormKit type="l-input" label="Address2" name="addr2" />
-                    <FormKit type="l-input" label="Address3" name="addr3" />
-                </l-col>
-
-                <l-col>
-                    <FormKit type="l-date-picker" label="Join date" name="join_date" validation="required" />
-                    <FormKit type="l-date-picker" label="Expiry date" name="expiry_date" />
-                    <FormKit type="l-select" label="Status" name="status" :options="options" validation="required" />
-                    <FormKit type="l-select" label="Language" name="language" :options="languages"
-                        validation="required" />
-                    <FormKit type="l-input" label="Default page" name="default_page" />
-
-                    <FormKit type="l-option-group" label="Roles" name="roles" :options="roles ?? []" />
-                </l-col>
-            </l-row>
-
-        </FormKit>
-
-    </l-page>
+    <l-page>
+
+        <FormKit type="l-form" :value="obj">
+            <l-row class="col">
+                <l-col md="6">
+                    <FormKit type="l-input" label="Username" name="username" validation="required" />
+                    <FormKit type="l-input" label="Password" name="password" :validation="system.passwordPolicy"
+                        input-type="password" autocomplete="new-password" />
+                    <FormKit type="l-input" label="First name" name="first_name" validation="required" />
+                    <FormKit type="l-input" label="Last name" name="last_name" />
+                    <FormKit type="l-input" label="Email" name="email" validation="required|email" />
+                </l-col>
+
+                <l-col md="6">
+                    <FormKit type="l-input" label="Phone" name="phone" />
+                    <FormKit type="l-input" label="Address1" name="addr1" />
+                    <FormKit type="l-input" label="Address2" name="addr2" />
+                    <FormKit type="l-input" label="Address3" name="addr3" />
+                </l-col>
+
+                <l-col>
+                    <FormKit type="l-date-picker" label="Join date" name="join_date" validation="required" />
+                    <FormKit type="l-date-picker" label="Expiry date" name="expiry_date" />
+                    <FormKit type="l-select" label="Status" name="status" :options="options" validation="required" />
+                    <FormKit type="l-select" label="Language" name="language" :options="languages"
+                        validation="required" />
+                    <FormKit type="l-input" label="Default page" name="default_page" />
+
+                    <FormKit type="l-option-group" label="Roles" name="roles" :options="roles ?? []" />
+                </l-col>
+            </l-row>
+
+        </FormKit>
+
+    </l-page>
 </template>

package/dist/runtime/pages/User/index.vue

@@ -1,12 +1,12 @@
-<template>
-    <l-page>
-        <l-tabs route>
-            <l-tab label="Active" name="active">
-                <user-list :status="0" name="user-active" />
-            </l-tab>
-            <l-tab label="Inactive" name="inactive">
-                <user-list :status="1" name="user-inactive" />
-            </l-tab>
-        </l-tabs>
-    </l-page>
+<template>
+    <l-page>
+        <l-tabs route>
+            <l-tab label="Active" name="active">
+                <user-list :status="0" name="user-active" />
+            </l-tab>
+            <l-tab label="Inactive" name="inactive">
+                <user-list :status="1" name="user-inactive" />
+            </l-tab>
+        </l-tabs>
+    </l-page>
 </template>

package/dist/runtime/pages/User/profile.vue

@@ -49,50 +49,49 @@ eventLogCols.forEach((col) => {
 </script>
 
 <template>
-    <l-page title="User profile" gutter="sm">
-        <template #header>
-            <l-btn icon="sym_o_password" to="setting/password" label="Update password" />
-            <l-btn icon="sym_o_key" to="setting/two-factor-auth" label="Two factor auth" />
-        </template>
-
-        <l-row>
-            <l-col md="4">
-                <l-card>
-                    <q-card-section class="text-h5 text-center">
-                        {{ my.first_name }} {{ my.last_name }}
-                    </q-card-section>
-
-                    <q-card-section class="text-center text-center q-pt-none">
-                        <q-chip v-for="role in my.roles" :key="role" :label="role" color="primary"
-                            text-color="white" class="q-ma-xs" />
-                    </q-card-section>
-
-
-                    <q-separator />
-                    <l-list :bordered="false">
-                        <q-item-label header>{{ $t('Details') }}</q-item-label>
-                        <l-item label="Username">{{ my.username }}</l-item>
-                        <l-item label="First name">{{ my.first_name }}</l-item>
-                        <l-item label="Last name">{{ my.last_name }}</l-item>
-                        <l-item label="Email">{{ my.email }}</l-item>
-                        <l-item label="Phone">{{ my.phone }}</l-item>
-                        <l-item label="Address">{{ my.addr1 }} {{ my.addr2 }} {{ my.addr3 }}</l-item>
-                        <l-item label="Join date">{{ my.join_date }}</l-item>
-                    </l-list>
-                </l-card>
-            </l-col>
-
-            <l-col md="8">
-                <l-tabs>
-                    <l-tab label="User Log" name="user_log">
-                        <l-table :rows="my.userLog.data" searchable :columns="userlogColumns" hide-pagination />
-                    </l-tab>
-                    <l-tab label="Event Log" name="event_log">
-                        <l-table :rows="my.eventLog.data" :columns="eventLogCols" searchable hide-pagination />
-                    </l-tab>
-                </l-tabs>
-            </l-col>
-        </l-row>
-
-    </l-page>
+    <l-page title="User profile" gutter="sm">
+        <template #header>
+            <l-btn icon="sym_o_password" to="setting/password" label="Update password" />
+            <l-btn icon="sym_o_key" to="setting/two-factor-auth" label="Two factor auth" />
+        </template>
+
+        <l-row>
+            <l-col md="4">
+                <l-card>
+                    <q-card-section class="text-h5 text-center">
+                        {{ my.first_name }} {{ my.last_name }}
+                    </q-card-section>
+
+                    <q-card-section class="text-center text-center q-pt-none">
+                        <q-chip v-for="role in my.roles" :key="role" :label="role" color="primary"
+                            text-color="white" class="q-ma-xs" />
+                    </q-card-section>
+
+                    <q-separator />
+                    <l-list :bordered="false">
+                        <q-item-label header>{{ $t('Details') }}</q-item-label>
+                        <l-item label="Username">{{ my.username }}</l-item>
+                        <l-item label="First name">{{ my.first_name }}</l-item>
+                        <l-item label="Last name">{{ my.last_name }}</l-item>
+                        <l-item label="Email">{{ my.email }}</l-item>
+                        <l-item label="Phone">{{ my.phone }}</l-item>
+                        <l-item label="Address">{{ my.addr1 }} {{ my.addr2 }} {{ my.addr3 }}</l-item>
+                        <l-item label="Join date">{{ my.join_date }}</l-item>
+                    </l-list>
+                </l-card>
+            </l-col>
+
+            <l-col md="8">
+                <l-tabs>
+                    <l-tab label="User Log" name="user_log">
+                        <l-table :rows="my.userLog.data" searchable :columns="userlogColumns" hide-pagination />
+                    </l-tab>
+                    <l-tab label="Event Log" name="event_log">
+                        <l-table :rows="my.eventLog.data" :columns="eventLogCols" searchable hide-pagination />
+                    </l-tab>
+                </l-tabs>
+            </l-col>
+        </l-row>
+
+    </l-page>
 </template>

package/dist/runtime/pages/User/setting/bio-auth.vue

@@ -71,26 +71,26 @@ const deleteItem = async (uuid) => {
 </script>
 
 <template>
-    <l-card :bordered="false">
-        <q-card-section v-if="!data.app.hasBioAuth">
-            Biometric authentication is not installed, please install web-auth/webauthn-lib on the server.
-        </q-card-section>
-
-        <template v-else>
-            <q-toolbar>
-                <q-toolbar-title>Biometric authentication</q-toolbar-title>
-                <l-btn label="Register" @click="register" icon="sym_o_add"></l-btn>
-            </q-toolbar>
-
-            <q-table :rows="data.my.webAuthn" :columns="columns" dense :rows-per-page-options="[0]">
-                <template #body-cell-action="props">
-                    <q-td :props="props" auto-width>
-                        <q-btn @click="deleteItem(props.row.uuid)" icon="sym_o_delete" round flat dense></q-btn>
-                    </q-td>
-                </template>
-            </q-table>
-
-        </template>
-
-    </l-card>
+    <l-card :bordered="false">
+        <q-card-section v-if="!data.app.hasBioAuth">
+            Biometric authentication is not installed, please install web-auth/webauthn-lib on the server.
+        </q-card-section>
+
+        <template v-else>
+            <q-toolbar>
+                <q-toolbar-title>Biometric authentication</q-toolbar-title>
+                <l-btn label="Register" @click="register" icon="sym_o_add"></l-btn>
+            </q-toolbar>
+
+            <q-table :rows="data.my.webAuthn" :columns="columns" dense :rows-per-page-options="[0]">
+                <template #body-cell-action="props">
+                    <q-td :props="props" auto-width>
+                        <q-btn @click="deleteItem(props.row.uuid)" icon="sym_o_delete" round flat dense></q-btn>
+                    </q-td>
+                </template>
+            </q-table>
+
+        </template>
+
+    </l-card>
 </template>

package/dist/runtime/pages/User/setting/favorite.vue

@@ -95,68 +95,67 @@ onMounted(() => {
 </script>
 
 <template>
-    <div>
-        <q-table id="myfav-table" :rows="rows" :columns="columns" row-key="my_favorite_id" flat :bordered="false"
-            :rows-per-page-options="[0]">
-
-            <template #body-cell-label="props">
-                <q-td :props="props">
-                    {{ props.row.label }}
-                    <q-popup-edit v-model="props.row.label" v-slot="scope" buttons
-                        @save="onSave(props.row.my_favorite_id, { 'label': $event })">
-                        <q-input v-model="scope.value" dense autofocus counter @keyup.enter="scope.set" />
-                    </q-popup-edit>
-                </q-td>
-            </template>
-
-
-            <template #body-cell-icon="props">
-                <q-td :props="props" class="text-center" style="width: 80px;">
-                    <!-- Icon -->
-                    <l-icon-picker v-model="props.row.icon" flat round size="sm"
-                        @update:model-value="onSave(props.row.my_favorite_id, { 'icon': $event })" />
-                </q-td>
-
-            </template>
-
-            <template #body-cell-handler="props">
-                <q-td :props="props" class="drag-handle" style="cursor: move; width: 40px; text-align: center;">
-                    <q-icon name="drag_handle" />
-                </q-td>
-            </template>
-            <!-- 操作列 -->
-            <template #body-cell-actions="props">
-                <q-td :props="props">
-                    <q-btn icon="sym_o_delete" color="negative" flat dense @click="onRemove(props.row.my_favorite_id)"
-                        :disable="saving">
-                        <q-tooltip>Delete item</q-tooltip>
-                    </q-btn>
-                </q-td>
-            </template>
-
-            <template #no-data>
-                <div class="text-center q-pa-md">
-                    <l-icon name="sym_o_favorite_border" size="48px" class="text-grey-5" />
-                    <div class="text-h6 q-mt-sm">No favorites added yet</div>
-                    <div class="text-subtitle2 text-grey-6 q-mt-xs">
-                        You can add frequently used features here for quick access.
-                    </div>
-                </div>
-            </template>
-        </q-table>
-
-        <!-- 更新按鈕 -->
-        <div v-if="hasChanges" class="q-mt-md text-center">
-            <q-btn color="primary" icon="save" label="Update Order" @click="updateSequence" :loading="isUpdating"
-                :disable="isUpdating" />
-        </div>
-
-        <!-- 狀態提示 -->
-        <div v-if="isUpdating" class="q-mt-md">
-            <q-linear-progress indeterminate color="primary" />
-            <div class="text-center q-mt-sm text-grey-6">Updating order...</div>
-        </div>
-    </div>
+    <div>
+        <q-table id="myfav-table" :rows="rows" :columns="columns" row-key="my_favorite_id" flat :bordered="false"
+            :rows-per-page-options="[0]">
+
+            <template #body-cell-label="props">
+                <q-td :props="props">
+                    {{ props.row.label }}
+                    <q-popup-edit v-model="props.row.label" v-slot="scope" buttons
+                        @save="onSave(props.row.my_favorite_id, { 'label': $event })">
+                        <q-input v-model="scope.value" dense autofocus counter @keyup.enter="scope.set" />
+                    </q-popup-edit>
+                </q-td>
+            </template>
+
+            <template #body-cell-icon="props">
+                <q-td :props="props" class="text-center" style="width: 80px;">
+                    <!-- Icon -->
+                    <l-icon-picker v-model="props.row.icon" flat round size="sm"
+                        @update:model-value="onSave(props.row.my_favorite_id, { 'icon': $event })" />
+                </q-td>
+
+            </template>
+
+            <template #body-cell-handler="props">
+                <q-td :props="props" class="drag-handle" style="cursor: move; width: 40px; text-align: center;">
+                    <q-icon name="drag_handle" />
+                </q-td>
+            </template>
+            <!-- 操作列 -->
+            <template #body-cell-actions="props">
+                <q-td :props="props">
+                    <q-btn icon="sym_o_delete" color="negative" flat dense @click="onRemove(props.row.my_favorite_id)"
+                        :disable="saving">
+                        <q-tooltip>Delete item</q-tooltip>
+                    </q-btn>
+                </q-td>
+            </template>
+
+            <template #no-data>
+                <div class="text-center q-pa-md">
+                    <l-icon name="sym_o_favorite_border" size="48px" class="text-grey-5" />
+                    <div class="text-h6 q-mt-sm">No favorites added yet</div>
+                    <div class="text-subtitle2 text-grey-6 q-mt-xs">
+                        You can add frequently used features here for quick access.
+                    </div>
+                </div>
+            </template>
+        </q-table>
+
+        <!-- 更新按鈕 -->
+        <div v-if="hasChanges" class="q-mt-md text-center">
+            <q-btn color="primary" icon="save" label="Update Order" @click="updateSequence" :loading="isUpdating"
+                :disable="isUpdating" />
+        </div>
+
+        <!-- 狀態提示 -->
+        <div v-if="isUpdating" class="q-mt-md">
+            <q-linear-progress indeterminate color="primary" />
+            <div class="text-center q-mt-sm text-grey-6">Updating order...</div>
+        </div>
+    </div>
 </template>
 
 <style scoped>

package/dist/runtime/pages/User/setting/index.vue

@@ -23,10 +23,10 @@ const onSubmit = async (data, form) => {
 </script>
 
 <template>
-    <FormKit type="l-form" :value="my" :bordered="false" @submit="onSubmit">
-        <FormKit type="l-input" label="Username" name="username" readonly></FormKit>
-        <FormKit type="l-input" label="Email" name="email" validation="required|email"></FormKit>
-        <FormKit type="l-input" label="First name" name="first_name" validation="required"></FormKit>
-        <FormKit type="l-input" label="Last name" name="last_name"></FormKit>
-    </FormKit>
+    <FormKit type="l-form" :value="my" :bordered="false" @submit="onSubmit">
+        <FormKit type="l-input" label="Username" name="username" readonly></FormKit>
+        <FormKit type="l-input" label="Email" name="email" validation="required|email"></FormKit>
+        <FormKit type="l-input" label="First name" name="first_name" validation="required"></FormKit>
+        <FormKit type="l-input" label="Last name" name="last_name"></FormKit>
+    </FormKit>
 </template>

package/dist/runtime/pages/User/setting/information.vue

@@ -25,10 +25,10 @@ const onSubmit = (data, form) => {
 </script>
 
 <template>
-    <FormKit type="l-form" :value="my" :bordered="false" @submit="onSubmit">
-        <FormKit type="l-input" label="Phone" name="phone"></FormKit>
-        <FormKit type="l-input" label="Address1" name="addr1"></FormKit>
-        <FormKit type="l-input" label="Address2" name="addr2"></FormKit>
-        <FormKit type="l-input" label="Address3" name="addr3"></FormKit>
-    </FormKit>
+    <FormKit type="l-form" :value="my" :bordered="false" @submit="onSubmit">
+        <FormKit type="l-input" label="Phone" name="phone"></FormKit>
+        <FormKit type="l-input" label="Address1" name="addr1"></FormKit>
+        <FormKit type="l-input" label="Address2" name="addr2"></FormKit>
+        <FormKit type="l-input" label="Address3" name="addr3"></FormKit>
+    </FormKit>
 </template>