@hostlink/nuxt-light 1.55.0 → 1.55.2

package/dist/runtime/pages/System/menu/index.vue

@@ -172,148 +172,146 @@ const menusOnly = computed(() => {
 </script>
 
 <template>
-    <l-page>
-        <q-dialog v-model="showMove">
-            <l-card>
-                <q-card-section>
-                    <q-tree :nodes="menus" default-expand-all v-model:selected="moveTarget" node-key="uuid"
-                        ref="tree2" />
-                </q-card-section>
-
-                <q-card-actions align="right">
-                    <q-btn flat label="Cancel" color="primary" v-close-popup />
-                    <q-btn flat label="Move" color="primary" @click="onMoveConfirm" />
-                    <!-- q-btn flat label="Move to root" color="primary" @click="onMoveToRoot" /-->
-                </q-card-actions>
-            </l-card>
-        </q-dialog>
-
-        <l-card>
-            <q-card-actions class="q-gutter-y-sm">
-                <l-btn @click="onSave" label="Save" icon="sym_o_save" />
-                <l-btn @click="onReload" label="Reload" icon="sym_o_refresh" />
-
-                <template v-if="selectedNode">
-
-                    <template v-if="selectedNode.type == 'root'">
-                        <l-btn @click="onAddChild(selectedNode)" label="Add" icon="sym_o_add" />
-                        <l-btn @click="onAddHeader(selectedNode)" label="Add Header" icon="sym_o_add" />
-                        <l-btn @click="onAddSeparator(selectedNode)" label="Add Separator" icon="sym_o_add" />
-                    </template>
-                    <template v-else>
-                        <q-btn-dropdown v-bind="$light.getButtonProps({ label: 'Add' })" icon="sym_o_add"
-                            color="primary">
-                            <q-list>
-                                <q-item clickable v-close-popup @click="onAddChild(selectedNode)">
-                                    <q-item-section>
-                                        <q-item-label>Child</q-item-label>
-                                    </q-item-section>
-                                </q-item>
-                                <q-item clickable v-close-popup @click="onAddHeader(selectedNode)">
-                                    <q-item-section>
-                                        <q-item-label>Header</q-item-label>
-                                    </q-item-section>
-                                </q-item>
-                                <q-item clickable v-close-popup @click="onAddSeparator(selectedNode)">
-                                    <q-item-section>
-                                        <q-item-label>Separator</q-item-label>
-                                    </q-item-section>
-                                </q-item>
-
-                            </q-list>
-                        </q-btn-dropdown>
-
-                        <l-btn @click="onRemove(selectedNode)" label="Remove" icon="sym_o_remove" />
-
-
-                        <l-btn @click="onMove(selectedNode)" label="Move" icon="sym_o_move" />
-
-                        <l-btn @click="onMoveUp(selectedNode)" label="Up" icon="sym_o_arrow_upward" />
-
-                        <l-btn @click="onMoveDown(selectedNode)" label="Down" icon="sym_o_arrow_downward" />
-
-
-                        <q-btn-dropdown v-bind="$light.getButtonProps({ label: 'Add menus' })" icon="sym_o_add"
-                            color="primary">
-                            <q-list>
-                                <q-item clickable v-close-popup @click="onAddChildMenu(selectedNode, 'list')">
-                                    <q-item-section>
-                                        <q-item-label>List</q-item-label>
-                                    </q-item-section>
-                                </q-item>
-
-                                <q-item clickable v-close-popup @click="onAddChildMenu(selectedNode, 'add')">
-                                    <q-item-section>
-                                        <q-item-label>Add</q-item-label>
-                                    </q-item-section>
-                                </q-item>
-
-                            </q-list>
-                        </q-btn-dropdown>
-                    </template>
-                </template>
-            </q-card-actions>
-            <q-splitter v-model="splitterModel" style="height:680px">
-                <template #before>
-
-                    <q-tree :nodes="menus" default-expand-all v-model:selected="selected" node-key="uuid" ref="tree1" />
-                </template>
-
-                <template #after v-if="selected">
-                    <q-card-section>
-                        <template v-if="!selectedNode.type">
-                            <div class="q-gutter-md">
-                                <l-input label="Label" v-model="selectedNode.label" />
-                                <l-input label="To" v-model="selectedNode.to" />
-                                <l-input label="Icon" v-model="selectedNode.icon"
-                                    hint="example: sym_o_add, fas fa-ambulance, mdi-alert-circle-outline" />
-                                <l-input label="Permission" v-model="selectedNode.permission" />
-                                <l-input label="UUID" v-model="selectedNode.uuid" readonly />
-                            </div>
-
-                            <div>
-                                <ul>
-                                    <li>
-                                        <a href="https://fonts.google.com/icons" target="_blank">Material Icons</a>
-                                    </li>
-                                    <li>
-                                        <a href="https://fontawesome.com/search" target="_blank">Font Awesome</a>
-                                    </li>
-
-                                    <li>
-                                        <a href="https://materialdesignicons.com/" target="_blank">Material Design
-                                            Icons</a>
-                                    </li>
-                                    <li>
-                                        <a href="https://quasar.dev/vue-components/icon#webfont-usage"
-                                            target="_blank">Quasar
-                                            Icons</a>
-                                    </li>
-                                </ul>
-
-                            </div>
-
-                        </template>
-
-                        <template v-if="selectedNode.type == 'separator'">
-                            <div class="q-gutter-md">
-                                <l-checkbox label="Spaced" v-model="selectedNode.spaced" />
-
-                            </div>
-                        </template>
-
-                        <template v-if="selectedNode.type == 'header'">
-                            <div class="q-gutter-md">
-                                <l-input label="Label" v-model="selectedNode.label" />
-                            </div>
-                        </template>
-                    </q-card-section>
-
-                </template>
-
-            </q-splitter>
-
-        </l-card>
-
-    </l-page>
+    <l-page>
+        <q-dialog v-model="showMove">
+            <l-card>
+                <q-card-section>
+                    <q-tree :nodes="menus" default-expand-all v-model:selected="moveTarget" node-key="uuid"
+                        ref="tree2" />
+                </q-card-section>
+
+                <q-card-actions align="right">
+                    <q-btn flat label="Cancel" color="primary" v-close-popup />
+                    <q-btn flat label="Move" color="primary" @click="onMoveConfirm" />
+                    <!-- q-btn flat label="Move to root" color="primary" @click="onMoveToRoot" /-->
+                </q-card-actions>
+            </l-card>
+        </q-dialog>
+
+        <l-card>
+            <q-card-actions class="q-gutter-y-sm">
+                <l-btn @click="onSave" label="Save" icon="sym_o_save" />
+                <l-btn @click="onReload" label="Reload" icon="sym_o_refresh" />
+
+                <template v-if="selectedNode">
+
+                    <template v-if="selectedNode.type == 'root'">
+                        <l-btn @click="onAddChild(selectedNode)" label="Add" icon="sym_o_add" />
+                        <l-btn @click="onAddHeader(selectedNode)" label="Add Header" icon="sym_o_add" />
+                        <l-btn @click="onAddSeparator(selectedNode)" label="Add Separator" icon="sym_o_add" />
+                    </template>
+                    <template v-else>
+                        <q-btn-dropdown v-bind="$light.getButtonProps({ label: 'Add' })" icon="sym_o_add"
+                            color="primary">
+                            <q-list>
+                                <q-item clickable v-close-popup @click="onAddChild(selectedNode)">
+                                    <q-item-section>
+                                        <q-item-label>Child</q-item-label>
+                                    </q-item-section>
+                                </q-item>
+                                <q-item clickable v-close-popup @click="onAddHeader(selectedNode)">
+                                    <q-item-section>
+                                        <q-item-label>Header</q-item-label>
+                                    </q-item-section>
+                                </q-item>
+                                <q-item clickable v-close-popup @click="onAddSeparator(selectedNode)">
+                                    <q-item-section>
+                                        <q-item-label>Separator</q-item-label>
+                                    </q-item-section>
+                                </q-item>
+
+                            </q-list>
+                        </q-btn-dropdown>
+
+                        <l-btn @click="onRemove(selectedNode)" label="Remove" icon="sym_o_remove" />
+
+                        <l-btn @click="onMove(selectedNode)" label="Move" icon="sym_o_move" />
+
+                        <l-btn @click="onMoveUp(selectedNode)" label="Up" icon="sym_o_arrow_upward" />
+
+                        <l-btn @click="onMoveDown(selectedNode)" label="Down" icon="sym_o_arrow_downward" />
+
+                        <q-btn-dropdown v-bind="$light.getButtonProps({ label: 'Add menus' })" icon="sym_o_add"
+                            color="primary">
+                            <q-list>
+                                <q-item clickable v-close-popup @click="onAddChildMenu(selectedNode, 'list')">
+                                    <q-item-section>
+                                        <q-item-label>List</q-item-label>
+                                    </q-item-section>
+                                </q-item>
+
+                                <q-item clickable v-close-popup @click="onAddChildMenu(selectedNode, 'add')">
+                                    <q-item-section>
+                                        <q-item-label>Add</q-item-label>
+                                    </q-item-section>
+                                </q-item>
+
+                            </q-list>
+                        </q-btn-dropdown>
+                    </template>
+                </template>
+            </q-card-actions>
+            <q-splitter v-model="splitterModel" style="height:680px">
+                <template #before>
+
+                    <q-tree :nodes="menus" default-expand-all v-model:selected="selected" node-key="uuid" ref="tree1" />
+                </template>
+
+                <template #after v-if="selected">
+                    <q-card-section>
+                        <template v-if="!selectedNode.type">
+                            <div class="q-gutter-md">
+                                <l-input label="Label" v-model="selectedNode.label" />
+                                <l-input label="To" v-model="selectedNode.to" />
+                                <l-input label="Icon" v-model="selectedNode.icon"
+                                    hint="example: sym_o_add, fas fa-ambulance, mdi-alert-circle-outline" />
+                                <l-input label="Permission" v-model="selectedNode.permission" />
+                                <l-input label="UUID" v-model="selectedNode.uuid" readonly />
+                            </div>
+
+                            <div>
+                                <ul>
+                                    <li>
+                                        <a href="https://fonts.google.com/icons" target="_blank">Material Icons</a>
+                                    </li>
+                                    <li>
+                                        <a href="https://fontawesome.com/search" target="_blank">Font Awesome</a>
+                                    </li>
+
+                                    <li>
+                                        <a href="https://materialdesignicons.com/" target="_blank">Material Design
+                                            Icons</a>
+                                    </li>
+                                    <li>
+                                        <a href="https://quasar.dev/vue-components/icon#webfont-usage"
+                                            target="_blank">Quasar
+                                            Icons</a>
+                                    </li>
+                                </ul>
+
+                            </div>
+
+                        </template>
+
+                        <template v-if="selectedNode.type == 'separator'">
+                            <div class="q-gutter-md">
+                                <l-checkbox label="Spaced" v-model="selectedNode.spaced" />
+
+                            </div>
+                        </template>
+
+                        <template v-if="selectedNode.type == 'header'">
+                            <div class="q-gutter-md">
+                                <l-input label="Label" v-model="selectedNode.label" />
+                            </div>
+                        </template>
+                    </q-card-section>
+
+                </template>
+
+            </q-splitter>
+
+        </l-card>
+
+    </l-page>
 </template>

package/dist/runtime/pages/System/package.vue

@@ -18,15 +18,15 @@ const filtered = computed(() => {
 </script>
 
 <template>
-    <l-page title="System package">
-        <q-table dense :rows="filtered" :rows-per-page-options="[0]" hide-pagination flat bordered separator="cell">
-            <template v-slot:top-right>
-                <q-input outlined dense debounce="300" v-model="filter" placeholder="Search">
-                    <template v-slot:append>
-                        <q-icon name="sym_o_search" />
-                    </template>
-                </q-input>
-            </template>
-        </q-table>
-    </l-page>
+    <l-page title="System package">
+        <q-table dense :rows="filtered" :rows-per-page-options="[0]" hide-pagination flat bordered separator="cell">
+            <template v-slot:top-right>
+                <q-input outlined dense debounce="300" v-model="filter" placeholder="Search">
+                    <template v-slot:append>
+                        <q-icon name="sym_o_search" />
+                    </template>
+                </q-input>
+            </template>
+        </q-table>
+    </l-page>
 </template>

package/dist/runtime/pages/System/phpinfo.vue

@@ -8,7 +8,7 @@ const { system } = await q({
 </script>
 
 <template>
-    <l-page title="PHP info">
-        <iframe :srcdoc="system.phpInfo" style="height: 700px;" class="full-width no-border"></iframe>
-    </l-page>
+    <l-page title="PHP info">
+        <iframe :srcdoc="system.phpInfo" style="height: 700px;" class="full-width no-border"></iframe>
+    </l-page>
 </template>

package/dist/runtime/pages/System/setting.vue

@@ -39,34 +39,32 @@ const onSubmit = async (d) => {
 </script>
 
 <template>
-    <l-page>
-
-        <l-card>
-            <q-splitter unit="px" :model-value="145">
-                <template #before>
-                    <q-tabs v-model="tab" vertical>
-                        <q-tab name="general" icon="sym_o_info" :label="$t('General')" />
-                        <q-tab name="security" icon="sym_o_security" :label="$t('Security')" />
-                        <q-tab name="Modules" icon="sym_o_apps" :label="$t('Modules')" />
-                        <q-tab name="mail" icon="sym_o_email" :label="$t('Mail')" />
-                        <q-tab name="forget-password" icon="sym_o_lock" :label="$t('Forget password')" />
-                        <q-tab name="authentication" icon="sym_o_passkey" :label="$t('Authentication')" />
-                        <q-tab name="developer" icon="sym_o_code" :label="$t('Developer')" />
-                    </q-tabs>
-                </template>
-                <template #after>
-                    <l-system-setting-general v-if="tab == 'general'" v-bind="obj" @submit="onSubmit" />
-                    <l-system-setting-mail v-if="tab == 'mail'" v-bind="obj" @submit="onSubmit" />
-                    <l-system-setting-security v-if="tab == 'security'" v-bind="obj" @submit="onSubmit" />
-                    <l-system-setting-modules v-if="tab == 'Modules'" v-bind="obj" @submit="onSubmit" />
-                    <l-system-setting-developer v-if="tab == 'developer'" v-bind="obj" @submit="onSubmit" />
-                    <l-system-setting-forget-password v-if="tab == 'forget-password'" v-bind="obj" @submit="onSubmit" />
-                    <l-system-setting-authentication v-if="tab == 'authentication'" v-bind="obj" @submit="onSubmit" />
-
-
-
-                </template>
-            </q-splitter>
-        </l-card>
-    </l-page>
+    <l-page>
+
+        <l-card>
+            <q-splitter unit="px" :model-value="145">
+                <template #before>
+                    <q-tabs v-model="tab" vertical>
+                        <q-tab name="general" icon="sym_o_info" :label="$t('General')" />
+                        <q-tab name="security" icon="sym_o_security" :label="$t('Security')" />
+                        <q-tab name="Modules" icon="sym_o_apps" :label="$t('Modules')" />
+                        <q-tab name="mail" icon="sym_o_email" :label="$t('Mail')" />
+                        <q-tab name="forget-password" icon="sym_o_lock" :label="$t('Forget password')" />
+                        <q-tab name="authentication" icon="sym_o_passkey" :label="$t('Authentication')" />
+                        <q-tab name="developer" icon="sym_o_code" :label="$t('Developer')" />
+                    </q-tabs>
+                </template>
+                <template #after>
+                    <l-system-setting-general v-if="tab == 'general'" v-bind="obj" @submit="onSubmit" />
+                    <l-system-setting-mail v-if="tab == 'mail'" v-bind="obj" @submit="onSubmit" />
+                    <l-system-setting-security v-if="tab == 'security'" v-bind="obj" @submit="onSubmit" />
+                    <l-system-setting-modules v-if="tab == 'Modules'" v-bind="obj" @submit="onSubmit" />
+                    <l-system-setting-developer v-if="tab == 'developer'" v-bind="obj" @submit="onSubmit" />
+                    <l-system-setting-forget-password v-if="tab == 'forget-password'" v-bind="obj" @submit="onSubmit" />
+                    <l-system-setting-authentication v-if="tab == 'authentication'" v-bind="obj" @submit="onSubmit" />
+
+                </template>
+            </q-splitter>
+        </l-card>
+    </l-page>
 </template>

package/dist/runtime/pages/System/test.vue

@@ -1,13 +1,13 @@
-<script setup>
-
-</script>
-<template>
-    <l-page>
-
-        <l-card title="Test">
-            <q-card-section>
-            </q-card-section>
-        </l-card>
-        
-    </l-page>
+<script setup>
+
+</script>
+<template>
+    <l-page>
+
+        <l-card title="Test">
+            <q-card-section>
+            </q-card-section>
+        </l-card>
+        
+    </l-page>
 </template>

package/dist/runtime/pages/System/view_as.vue

@@ -69,26 +69,25 @@ const filtered = computed(() => {
 </script>
 
 <template>
-    <l-page class="q-gutter-md">
-        <q-banner>
-            Use this page to view the system as another user. This is useful for testing permissions.
-        </q-banner>
-
-
-        <q-table flat :columns="columns" :rows="filtered" :rows-per-page-options="[0]" dense bordered="">
-            <template v-slot:top-right>
-                <q-input outlined dense debounce="300" v-model="filter" placeholder="Search" clearable>
-                    <template v-slot:append>
-                        <q-icon name="sym_o_search" />
-                    </template>
-                </q-input>
-            </template>
-
-            <template #body-cell-view="props">
-                <q-td :props="props">
-                    <q-btn round circle flat dense @click="onCickView(props.row.user_id)" icon="sym_o_search"></q-btn>
-                </q-td>
-            </template>
-        </q-table>
-    </l-page>
+    <l-page class="q-gutter-md">
+        <q-banner>
+            Use this page to view the system as another user. This is useful for testing permissions.
+        </q-banner>
+
+        <q-table flat :columns="columns" :rows="filtered" :rows-per-page-options="[0]" dense bordered="">
+            <template v-slot:top-right>
+                <q-input outlined dense debounce="300" v-model="filter" placeholder="Search" clearable>
+                    <template v-slot:append>
+                        <q-icon name="sym_o_search" />
+                    </template>
+                </q-input>
+            </template>
+
+            <template #body-cell-view="props">
+                <q-td :props="props">
+                    <q-btn round circle flat dense @click="onCickView(props.row.user_id)" icon="sym_o_search"></q-btn>
+                </q-td>
+            </template>
+        </q-table>
+    </l-page>
 </template>

package/dist/runtime/pages/SystemValue/_systemvalue_id/edit.vue

@@ -7,10 +7,10 @@ const { data } = await useObject({
 </script>
 
 <template>
-    <l-page>
-        <FormKit type="l-form" :value="data">
-            <FormKit type="l-input" label="Name" name="name" validation="required" />
-            <FormKit type="l-input" label="Value" name="value" validation="required" input-type="textarea" autogrow/>
-        </FormKit>
-    </l-page>
+    <l-page>
+        <FormKit type="l-form" :value="data">
+            <FormKit type="l-input" label="Name" name="name" validation="required" />
+            <FormKit type="l-input" label="Value" name="value" validation="required" input-type="textarea" autogrow/>
+        </FormKit>
+    </l-page>
 </template>

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

@@ -1,8 +1,8 @@
-<template>
-    <l-page>
-        <FormKit type="l-form">
-            <FormKit type="l-input" label="Name" name="name" validation="required" />
-            <FormKit type="l-input" label="Value" name="value" validation="required" input-type="textarea" />
-        </FormKit>
-    </l-page>
+<template>
+    <l-page>
+        <FormKit type="l-form">
+            <FormKit type="l-input" label="Name" name="name" validation="required" />
+            <FormKit type="l-input" label="Value" name="value" validation="required" input-type="textarea" />
+        </FormKit>
+    </l-page>
 </template>

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

@@ -4,8 +4,8 @@ const columns = model("SystemValue").columns(["name", "value"]);
 </script>
 
 <template>
-    <l-page>
-        <l-table row-key="systemvalue_id" :columns="columns" @request-data="$event.loadObjects('SystemValue')"
-            :actions="['edit', 'delete']"></l-table>
-    </l-page>
+    <l-page>
+        <l-table row-key="systemvalue_id" :columns="columns" @request-data="$event.loadObjects('SystemValue')"
+            :actions="['edit', 'delete']"></l-table>
+    </l-page>
 </template>

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

@@ -81,42 +81,42 @@ const onDelete = async (name) => {
 </script>
 
 <template>
-    <l-page>
-        <l-card>
-            <q-splitter v-model="splitterModel" style="height:680px">
-                <template #before>
-                    <q-table :rows="all" flat :rows-per-page-options="[0]" :columns="columns" dense separator="cell"
-                        :bordered="false">
-                        <template #body="props">
-                            <q-tr :props="props">
-                                <q-td key="_delete" auto-width>
-                                    <q-btn dense flat round icon="sym_o_delete"
-                                        @click="onDelete(props.row.name)"></q-btn>
-                                </q-td>
-                                <q-td key="name">
-                                    {{ props.row.name }}
-                                </q-td>
-                                <q-td :key="language.value" v-for="language in app.languages" :props="props">
-                                    <div class="text-pre-wrap">{{ props.row[language.value] }}</div>
-                                    <q-popup-edit v-model="props.row[language.value]" v-slot="scope" buttons
-                                        :title="language.name"
-                                        @save="onUpdateTranslate($event, language.value, props.row.name)">
-                                        <q-input v-model="scope.value" dense autofocus @keyup.enter="scope.set" />
-                                    </q-popup-edit>
-                                </q-td>
-                            </q-tr>
-                        </template>
-                    </q-table>
-
-                </template>
-                <template #after>
-                    <l-form :bordered="false" @save="onSave">
-                        <l-input label="Name" required v-model.trim="obj.name" clearable></l-input>
-                        <l-input v-for="language in app.languages" :label="language.name" v-model="obj[language.value]"
-                            clearable></l-input>
-                    </l-form>
-                </template>
-            </q-splitter>
-        </l-card>
-    </l-page>
+    <l-page>
+        <l-card>
+            <q-splitter v-model="splitterModel" style="height:680px">
+                <template #before>
+                    <q-table :rows="all" flat :rows-per-page-options="[0]" :columns="columns" dense separator="cell"
+                        :bordered="false">
+                        <template #body="props">
+                            <q-tr :props="props">
+                                <q-td key="_delete" auto-width>
+                                    <q-btn dense flat round icon="sym_o_delete"
+                                        @click="onDelete(props.row.name)"></q-btn>
+                                </q-td>
+                                <q-td key="name">
+                                    {{ props.row.name }}
+                                </q-td>
+                                <q-td :key="language.value" v-for="language in app.languages" :props="props">
+                                    <div class="text-pre-wrap">{{ props.row[language.value] }}</div>
+                                    <q-popup-edit v-model="props.row[language.value]" v-slot="scope" buttons
+                                        :title="language.name"
+                                        @save="onUpdateTranslate($event, language.value, props.row.name)">
+                                        <q-input v-model="scope.value" dense autofocus @keyup.enter="scope.set" />
+                                    </q-popup-edit>
+                                </q-td>
+                            </q-tr>
+                        </template>
+                    </q-table>
+
+                </template>
+                <template #after>
+                    <l-form :bordered="false" @save="onSave">
+                        <l-input label="Name" required v-model.trim="obj.name" clearable></l-input>
+                        <l-input v-for="language in app.languages" :label="language.name" v-model="obj[language.value]"
+                            clearable></l-input>
+                    </l-form>
+                </template>
+            </q-splitter>
+        </l-card>
+    </l-page>
 </template>