@hostlink/nuxt-light 1.22.0 → 1.22.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.22.0",
+  "version": "1.22.2",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/l-app-main.vue

@@ -61,6 +61,8 @@ let my = reactive(tt.my)
 
 const light = useLight();
 
+light.devMode = tt.system.devMode;
+
 light.init(my.styles);
 
 //set permission
@@ -281,15 +283,6 @@ const onLogout = async () => {
     emits('logout');
 }
 
-watch(light.errors, (value) => {
-    if (value.length > 0) {
-        //if errors
-        for (let error of value) {
-            console.log(error.message);
-        }
-    }
-})
-
 </script>
 
 
@@ -432,7 +425,7 @@ watch(light.errors, (value) => {
 
         <q-page-container :class="containerClass" :style="containerStyle"> <!-- Error message -->
             <slot name="header"></slot>
-            <div class="q-gutter-sm q-pa-sm" v-if="$light.errors.length > 0">
+            <div class="q-gutter-sm q-pa-sm" v-if="system.devMode && $light.errors.length > 0">
                 <q-banner dense inline-actions class="bg-grey-4" v-for=" error in $light.errors " rounded>
                     {{ error }}
                     <template v-slot:action>

package/dist/runtime/components/l-file-manager.vue

@@ -145,6 +145,7 @@ function toggleLeftDrawer() {
   leftDrawerOpen.value = !leftDrawerOpen.value;
 }
 const loadItems = async () => {
+
   let path = selectedPath.value;
 
   files.value = [];
@@ -201,13 +202,15 @@ const loadItems = async () => {
       item.id = selectedDrive.value + "/" + item.path;
       return item;
     });
+    reloadTreeFolder(selectedNodePath.value, folders.value);
   }
 
+
   loading.value = false;
 
 
 
-  reloadTreeFolder(selectedNodePath.value, folders.value);
+
 }
 
 
@@ -292,6 +295,7 @@ const findFolder = (path, folders) => {
 
 const reloadTreeFolder = (path, newFolders) => {
   let node = folderTree.value.getNodeByKey(path);
+  
   if (node) {
     node.lazy = false;
     node.children = newFolders;

package/dist/runtime/components/l-login.vue

@@ -293,20 +293,20 @@ const facebookLogin = (accessToken) => {
       </div>
       <q-form ref="form1" v-if="passwordBasedEnabled">
         <div class="q-gutter-sm">
-          <l-input v-model.trim="data.username" label="Username" :rules="[v => !!v || $t('Username is required')]"
+          <l-input color="primary" v-model.trim="data.username" label="Username" :rules="[v => !!v || $t('Username is required')]"
             clearable :outlined="false" stackLabel autocomplete="username">
             <template v-slot:prepend>
               <q-icon name="sym_o_person" />
             </template>
           </l-input>
-          <l-input v-model="data.password" label="Password" type="password" clearable show-password stackLabel
+          <l-input color="primary" v-model="data.password" label="Password" type="password" clearable show-password stackLabel
             :rules="[v => !!v || $t('Password is required')]" @keydown.enter.prevent="submit" :outlined="false"
             autocomplete="off">
             <template v-slot:prepend>
               <q-icon name="sym_o_lock" />
             </template>
           </l-input>
-          <l-input v-if="twoFactorAuthentication" v-model="data.code" label="2FA code"
+          <l-input color="primary" v-if="twoFactorAuthentication" v-model="data.code" label="2FA code"
             :rules="[v => !!v || $t('2FA code is required')]" type="text" clearable stackLabel :outlined="false">
             <template v-slot:prepend>
               <q-icon name="sym_o_key" />

package/dist/runtime/light.d.ts

@@ -15,6 +15,7 @@ export interface User {
     language?: string;
 }
 declare const light: {
+    devMode: boolean;
     styles: any;
     version: string;
     errors: Array<Error>;
@@ -618,6 +619,7 @@ export declare const createLight: (opts: any) => {
     install: (app: App) => void;
 };
 export declare const useLight: () => {
+    devMode: boolean;
     styles: any;
     version: string;
     errors: Array<Error>;

package/dist/runtime/light.js

@@ -1,6 +1,6 @@
 import { useQuasar } from "quasar";
 import packageJson from "../../package.json";
-import { watch, reactive } from "vue";
+import { watch, reactive, getCurrentInstance } from "vue";
 import { m, q } from "./lib/index.js";
 const COLOR_CODE = {
   red: "#f44336",
@@ -32,6 +32,7 @@ const COLOR_CODE = {
   dark: "#4b4b4b"
 };
 const light = reactive({
+  devMode: false,
   styles: {
     table: {
       dense: true,
@@ -271,6 +272,8 @@ export const createLight = (opts) => {
 };
 let currentRoute = null;
 export const useLight = () => {
-  light.$q = useQuasar();
+  if (getCurrentInstance()) {
+    light.$q = useQuasar();
+  }
   return light;
 };

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

@@ -2,7 +2,14 @@
 import { q } from '#imports'
 const { system } = await q({
     system: {
-        server: true
+        server: true,
+        arch: true,
+        os: true,
+        CPUCores: true,
+        hostname: true,
+        memoryTotal: true,
+        memoryFree: true,
+        memoryAvailable: true,
     }
 })
 
@@ -22,6 +29,20 @@ const columns = [
 </script>
 <template>
     <l-page>
+        <l-card>
+            <l-list>
+                <l-item label="Arch">{{ system.arch }}</l-item>
+                <l-item label="OS">{{ system.os }}</l-item>
+                <l-item label="CPUCores">{{ system.CPUCores }}</l-item>
+                <l-item label="Hostname">{{ system.hostname }}</l-item>
+                <l-item label="Memory Total">{{ system.memoryTotal }}</l-item>
+                <l-item label="Memory Free">{{ system.memoryFree }}</l-item>
+                <l-item label="Memory Available">{{ system.memoryAvailable }}</l-item>
+            </l-list>
+        </l-card>
+
+
+
         <l-table searchable :rows="system.server" :columns="columns" :rows-per-page-options="[0]"
             hide-pagination></l-table>
     </l-page>

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

@@ -237,7 +237,7 @@ const menusOnly = computed(() => {
         </q-dialog>
 
         <l-card>
-            <q-toolbar class="q-gutter-xs">
+            <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" />
 
@@ -298,7 +298,7 @@ const menusOnly = computed(() => {
                         </q-btn-dropdown>
                     </template>
                 </template>
-            </q-toolbar>
+            </q-card-actions>
             <q-splitter v-model="splitterModel" style="height:680px">
                 <template #before>
 
@@ -360,8 +360,6 @@ const menusOnly = computed(() => {
 
             </q-splitter>
 
-
-
         </l-card>
 
     </l-page>

package/dist/runtime/plugin.js

@@ -32,8 +32,10 @@ export default defineNuxtPlugin((nuxtApp) => {
   api.model("SystemValue").setDataPath("app.listSystemValue");
   api.model("Permission").setDataPath("app.listPermission");
   nuxtApp.vueApp.config.errorHandler = (err, instance, info) => {
-    console.log(err);
     const light = useLight();
+    if (light.devMode) {
+      console.log(err);
+    }
     if (err instanceof Error) {
       light.addError(err);
     } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.22.0",
+  "version": "1.22.2",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",