@hostlink/nuxt-light 1.27.7 → 1.28.0

package/dist/runtime/components/MyTest.vue

@@ -1,10 +1,11 @@
-<script setup>
-const props = defineProps({
-    test: String
-})
-</script>
-<template>
+<script setup>
+const props = defineProps({
+  test: String
+});
+</script>
+
+<template>
     <div>
         {{ props }}
     </div>
-</template>
+</template>

package/dist/runtime/components/MyTest.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/components/l-add-btn.vue

@@ -1,15 +1,16 @@
-<script setup>
-const props = defineProps({
-    label: {
-        type: String,
-        default: "Add"
-    },
-    to: String,
-    color: String
-});
-</script>
-<template>
+<script setup>
+const props = defineProps({
+  label: {
+    type: String,
+    default: "Add"
+  },
+  to: String,
+  color: String
+});
+</script>
+
+<template>
     <l-btn icon="sym_o_add" v-bind="$props" :to="to ?? $route.path + '/add'">
         <q-tooltip>{{ $t(label) }}</q-tooltip>
     </l-btn>
-</template>
+</template>

package/dist/runtime/components/l-add-btn.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,31 +1,27 @@
-<script setup>
-
-import { computed } from 'vue'
-
-const props = defineProps({
-    type: {
-        type: String,
-        default: 'info' //info, warning, negative, positive
-    }
-})
-
-
-const icon = computed(() => {
-    switch (props.type) {
-        case 'info':
-            return 'sym_o_info'
-        case 'warning':
-            return 'sym_o_warning'
-        case 'negative':
-            return 'sym_o_error'
-        case 'positive':
-            return 'sym_o_check_circle_outline'
-    }
-})
-
-</script>
-
-<template>
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  type: {
+    type: String,
+    default: "info"
+    //info, warning, negative, positive
+  }
+});
+const icon = computed(() => {
+  switch (props.type) {
+    case "info":
+      return "sym_o_info";
+    case "warning":
+      return "sym_o_warning";
+    case "negative":
+      return "sym_o_error";
+    case "positive":
+      return "sym_o_check_circle_outline";
+  }
+});
+</script>
+
+<template>
     <q-item :class="`bg-${type}`">
         <q-item-section avatar>
             <q-icon :name="icon" class="text-white" />
@@ -34,4 +30,4 @@ const icon = computed(() => {
             <slot></slot>
         </q-item-section>
     </q-item>
-</template>
+</template>

package/dist/runtime/components/l-alert.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,298 +1,230 @@
-<script setup lang="ts">
-import { useRoute, useRouter } from 'vue-router';
-import { useLight, q, m } from "#imports";
-import { useQuasar } from 'quasar';
-import { useI18n } from 'vue-i18n';
-import { ref, computed, reactive, provide, watch, toRaw } from 'vue';
-import { useRuntimeConfig } from 'nuxt/app';
-import { api, } from '#imports';
-
-
-const emits = defineEmits(["logout"]);
-const $q = useQuasar();
-$q.loading.show()
-
-const config = useRuntimeConfig();
-
-const appVersion = config.public.appVersion ?? '0.0.1';
-
-const tt = await q({
-    system: {
-        devMode: true,
-        time: true,
-        storage: {
-            freeSpace: true,
-            usageSpace: true,
-            totalSpace: true,
-        }
-    },
-    app: {
-        menus: true,
-        viewAsMode: true,
-        languages: true,
-        copyrightName: true,
-        copyrightYear: true,
-        hasFavorite: true,
-        i18nMessages: {
-            name: true,
-            value: true
-        }
-    }, my: {
-        username: true,
-        first_name: true,
-        last_name: true,
-        roles: true,
-        styles: true,
-        language: true,
-        permissions: true,
-        default_page: true,
-        myFavorites: {
-            my_favorite_id: true,
-            label: true,
-            path: true,
-            icon: true
-        }
-    }
-})
-
-
-let app = tt.app
-let my = reactive(tt.my)
-
-const light = useLight();
-
-light.devMode = tt.system.devMode;
-
-light.init(my.styles);
-
-//set permission
-light.setPermissions(my.permissions);
-
-light.setMyFavorites(toRaw(my.myFavorites))
-
-const myFavorites = computed(() => {
-    return light.getMyFavorites();
-});
-
-const myFavoritesCount = computed(() => {
-    return light.getMyFavorites().length;
-});
-
-$q.dark.set(light.isDarkMode());
-
-const i18n = useI18n();
-i18n.locale = my.language || 'en';
-
-let system = tt.system;
-
-// message
-let messages = i18n.messages.value[i18n.locale];
-for (let t of app.i18nMessages) {
-    messages[t.name] = t.value;
-}
-i18n.setLocaleMessage(i18n.locale, messages);
-
-//menu
-const menus = ref(app.menus)
-
-
-const leftDrawerOpen = ref(false)
-const rightDrawerOpen = ref(false)
-
-const toggleLeftDrawer = () => {
-    leftDrawerOpen.value = !leftDrawerOpen.value
-}
-
-const toggleRightDrawer = () => {
-    rightDrawerOpen.value = !rightDrawerOpen.value
-}
-
-let showViewAs = false;
-if (my && my.roles.indexOf('Administrators') != -1) {
-    showViewAs = true;
-    light.isAdmin = true;
-}
-
-const layoutView = computed(() => {
-    let s = ''
-    s += style.menuOverlayHeader ? 'l' : 'h'
-    s += 'Hh LpR lFr'
-    return s
-})
-
-const style = reactive({
-    miniState: my.styles?.miniState || false,
-    dense: my.styles?.dense || false,
-    footer: my.styles?.footer || false,
-    menuOverlayHeader: my.styles?.menuOverlayHeader || false
-});
-
-const isMouseOnDrawer = ref(false)
-
-const isMini = computed(() => {
-    if (isMouseOnDrawer.value) {
-        return false
-    }
-    if (style.miniState) {
-        return true
-    }
-    return false
-})
-
-const menuDark = computed(() => {
-
-    if (light.theme == 'dark') {
-        return true
-    }
-    if (light.theme == 'semi-dark') {
-        return true
-    }
-    return false
-})
-
-const languages = app.languages;
-
-const onChangeLocale = async (locale) => {
-
-    localStorage.setItem("locale", locale);
-    await m("updateMyLanguage", { name: locale })
-    window.location.reload();
-}
-
-
-const reloadMenu = async () => {
-    //menus.value = app.menus;
-    let app = await q("app", ["menus"]);
-    menus.value = app.menus
-}
-
-provide('reloadMenu', reloadMenu)
-
-watch(() => style.footer, async (value) => await light.setStyle("footer", value))
-watch(() => style.dense, async (value) => await light.setStyle("dense", value))
-
-
-watch(() => light.theme, async () => {
-    $q.dark.set(light.isDarkMode());
-})
-
-watch(() => style.menuOverlayHeader, async (value) => {
-    await light.setStyle("menuOverlayHeader", value)
-})
-
-watch(() => style.miniState, async (value) => {
-    await m("updateMyStyle", {
-        name: "miniState",
-        value: value
-    })
-});
-
-const exitViewAs = async () => {
-    await m("cancelViewAs");
-    window.location.reload();
-}
-
-const storageColor = computed(() => {
-    if (system.storage) {
-        const percent = system.storage.freeSpace / system.storage.totalSpace;
-        if (percent < 0.05) {
-            return "negative"
-        }
-        if (percent < 0.1) {
-            return "warning"
-        }
-    }
-})
-
-const containerClass = computed(() => {
-    return (light.theme == 'dark') ? {} : { 'bg-grey-2': true }
-})
-
-const containerStyle = computed(() => {
-    if (light.theme == 'dark') {
-        return {};
-    }
-    return {
-        color: '#1f1f1f'
-    }
-})
-
-const route = useRoute()
-const router = useRouter()
-
-
-const onToggleFav = async () => {
-
-    if (isFav.value) {
-        await m("removeMyFavorite", {
-            path: route.fullPath,
-        })
-
-        //reload my.myFavorites
-        light.reloadMyFavorites();
-        return;
-    }
-
-    light.dialog({
-        title: 'Add to favorite',
-        message: 'Enter favorite label',
-        prompt: {
-            //get window title, remove - and replace with space
-            model: route.name.replace(/-/g, ' '),
-            isValid: (val) => val !== '',
-        },
-        cancel: true,
-        persistent: true,
-    }).onOk(async (data) => {
-        if (await m("addMyFavorite", {
-            path: route.fullPath,
-            label: data,
-        })) {
-            light.reloadMyFavorites();
-        }
-    })
-}
-
-const isFav = computed(() => {
-    //check my.myFavorites
-    let fav = my.myFavorites.find((item) => {
-        return item.path == route.fullPath;
-    })
-    return fav;
-})
-
-$q.loading.hide()
-
-const menuWidth = ref(my.styles.menuWidth || 280);
-
-watch(menuWidth, () => {
-    light.setStyle("menuWidth", menuWidth.value)
-})
-
-const c1 = computed(() => {
-    return light.getColorValue()
-})
-
-if (route.fullPath == "/" && my.default_page) {
-    router.push(my.default_page);
-
-}
-
-const onLogout = async () => {
-    await api.auth.logout();
-    emits('logout');
-}
-
-</script>
-
-
-
+<script setup>
+import { useRoute, useRouter } from "vue-router";
+import { useLight, q, m } from "#imports";
+import { useQuasar } from "quasar";
+import { useI18n } from "vue-i18n";
+import { ref, computed, reactive, provide, watch, toRaw } from "vue";
+import { useRuntimeConfig } from "nuxt/app";
+import { api } from "#imports";
+const emits = defineEmits(["logout"]);
+const $q = useQuasar();
+$q.loading.show();
+const config = useRuntimeConfig();
+const appVersion = config.public.appVersion ?? "0.0.1";
+const tt = await q({
+  system: {
+    devMode: true,
+    time: true,
+    storage: {
+      freeSpace: true,
+      usageSpace: true,
+      totalSpace: true
+    }
+  },
+  app: {
+    menus: true,
+    viewAsMode: true,
+    languages: true,
+    copyrightName: true,
+    copyrightYear: true,
+    hasFavorite: true,
+    i18nMessages: {
+      name: true,
+      value: true
+    }
+  },
+  my: {
+    username: true,
+    first_name: true,
+    last_name: true,
+    roles: true,
+    styles: true,
+    language: true,
+    permissions: true,
+    default_page: true,
+    myFavorites: {
+      my_favorite_id: true,
+      label: true,
+      path: true,
+      icon: true
+    }
+  }
+});
+let app = tt.app;
+let my = reactive(tt.my);
+const light = useLight();
+light.devMode = tt.system.devMode;
+light.init(my.styles);
+light.setPermissions(my.permissions);
+light.setMyFavorites(toRaw(my.myFavorites));
+const myFavorites = computed(() => {
+  return light.getMyFavorites();
+});
+const myFavoritesCount = computed(() => {
+  return light.getMyFavorites().length;
+});
+$q.dark.set(light.isDarkMode());
+const i18n = useI18n();
+i18n.locale = my.language || "en";
+let system = tt.system;
+let messages = i18n.messages.value[i18n.locale];
+for (let t of app.i18nMessages) {
+  messages[t.name] = t.value;
+}
+i18n.setLocaleMessage(i18n.locale, messages);
+const menus = ref(app.menus);
+const leftDrawerOpen = ref(false);
+const rightDrawerOpen = ref(false);
+const toggleLeftDrawer = () => {
+  leftDrawerOpen.value = !leftDrawerOpen.value;
+};
+const toggleRightDrawer = () => {
+  rightDrawerOpen.value = !rightDrawerOpen.value;
+};
+let showViewAs = false;
+if (my && my.roles.indexOf("Administrators") != -1) {
+  showViewAs = true;
+  light.isAdmin = true;
+}
+const layoutView = computed(() => {
+  let s = "";
+  s += style.menuOverlayHeader ? "l" : "h";
+  s += "Hh LpR lFr";
+  return s;
+});
+const style = reactive({
+  miniState: my.styles?.miniState || false,
+  dense: my.styles?.dense || false,
+  footer: my.styles?.footer || false,
+  menuOverlayHeader: my.styles?.menuOverlayHeader || false
+});
+const isMouseOnDrawer = ref(false);
+const isMini = computed(() => {
+  if (isMouseOnDrawer.value) {
+    return false;
+  }
+  if (style.miniState) {
+    return true;
+  }
+  return false;
+});
+const menuDark = computed(() => {
+  if (light.theme == "dark") {
+    return true;
+  }
+  if (light.theme == "semi-dark") {
+    return true;
+  }
+  return false;
+});
+const languages = app.languages;
+const onChangeLocale = async (locale) => {
+  localStorage.setItem("locale", locale);
+  await m("updateMyLanguage", { name: locale });
+  window.location.reload();
+};
+const reloadMenu = async () => {
+  let app2 = await q("app", ["menus"]);
+  menus.value = app2.menus;
+};
+provide("reloadMenu", reloadMenu);
+watch(() => style.footer, async (value) => await light.setStyle("footer", value));
+watch(() => style.dense, async (value) => await light.setStyle("dense", value));
+watch(() => light.theme, async () => {
+  $q.dark.set(light.isDarkMode());
+});
+watch(() => style.menuOverlayHeader, async (value) => {
+  await light.setStyle("menuOverlayHeader", value);
+});
+watch(() => style.miniState, async (value) => {
+  await m("updateMyStyle", {
+    name: "miniState",
+    value
+  });
+});
+const exitViewAs = async () => {
+  await m("cancelViewAs");
+  window.location.reload();
+};
+const storageColor = computed(() => {
+  if (system.storage) {
+    const percent = system.storage.freeSpace / system.storage.totalSpace;
+    if (percent < 0.05) {
+      return "negative";
+    }
+    if (percent < 0.1) {
+      return "warning";
+    }
+  }
+});
+const containerClass = computed(() => {
+  return light.theme == "dark" ? {} : { "bg-grey-2": true };
+});
+const containerStyle = computed(() => {
+  if (light.theme == "dark") {
+    return {};
+  }
+  return {
+    color: "#1f1f1f"
+  };
+});
+const route = useRoute();
+const router = useRouter();
+const onToggleFav = async () => {
+  if (isFav.value) {
+    await m("removeMyFavorite", {
+      path: route.fullPath
+    });
+    light.reloadMyFavorites();
+    return;
+  }
+  light.dialog({
+    title: "Add to favorite",
+    message: "Enter favorite label",
+    prompt: {
+      //get window title, remove - and replace with space
+      model: route.name.replace(/-/g, " "),
+      isValid: (val) => val !== ""
+    },
+    cancel: true,
+    persistent: true
+  }).onOk(async (data) => {
+    if (await m("addMyFavorite", {
+      path: route.fullPath,
+      label: data
+    })) {
+      light.reloadMyFavorites();
+    }
+  });
+};
+const isFav = computed(() => {
+  let fav = my.myFavorites.find((item) => {
+    return item.path == route.fullPath;
+  });
+  return fav;
+});
+$q.loading.hide();
+const menuWidth = ref(my.styles.menuWidth || 280);
+watch(menuWidth, () => {
+  light.setStyle("menuWidth", menuWidth.value);
+});
+const c1 = computed(() => {
+  return light.getColorValue();
+});
+if (route.fullPath == "/" && my.default_page) {
+  router.push(my.default_page);
+}
+const onLogout = async () => {
+  await api.auth.logout();
+  emits("logout");
+};
+</script>
+
 <style scoped>
 .q-layout__section--marginal{background-color:v-bind(c1)}
-</style>
-
-
-<template>
+</style>
+
+<template>
     <q-layout :view="layoutView">
         <q-header bordered class="text-white" :class="`bg-${light.color}`">
             <q-toolbar>
@@ -464,4 +396,4 @@ const onLogout = async () => {
             </q-item>
         </q-footer>
     </q-layout>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;