@hostlink/nuxt-light 1.9.0 → 1.9.1

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.9.0"
+  "version": "1.9.1"
 }

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

@@ -1,9 +1,26 @@
 <script setup lang="ts">
-import type { QTabPanelProps } from 'quasar';
-defineProps<QTabPanelProps>()
+import type { QTabPanelProps, QTabProps } from 'quasar';
+import { getCurrentInstance } from 'vue';
+defineProps<QTabPanelProps | QTabProps>()
+const instance = getCurrentInstance();
+
+// check parent is q-tab-panels or q-tabs
+
+const parent_type = instance?.parent?.type.name
+
+
 </script>
 <template>
-    <q-tab-panel :name="name">
-        <slot></slot>
-    </q-tab-panel>
+    <template v-if="parent_type == 'QTabPanels'">
+        <q-tab-panel :name="name">
+            <slot></slot>
+        </q-tab-panel>
+    </template>
+
+    <template v-if="parent_type == 'QTabs'">
+        <q-tab v-bind="$props">
+        </q-tab>
+    </template>
+
+
 </template>

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

@@ -1,37 +1,12 @@
 <script setup lang="ts">
-import { useSlots } from 'vue';
 import type { QTabsProps } from 'quasar';
 
 const model = defineModel<string | number | null | undefined>()
 interface LTabsProps extends QTabsProps {
-
 }
 
-defineProps<LTabsProps>()
-
-const slots = useSlots();
-const defaultSlots = slots.default ? slots.default() : []
-
 
-const LTab = resolveComponent("l-tab")
-//get the tabs from the default slot
-let name = 0;
-const tabContents = defaultSlots.filter((slot) => {
-    return slot.type === LTab
-}).map((slot) => {
-    const n = slot.props?.name || name++;
-    return {
-        label: slot.props?.label,
-        content: slot.children,
-        name: n.toString()
-    }
-})
-
-if (model.value === null || model.value === undefined) {
-    if (tabContents.length > 0) {
-        model.value = tabContents[0].name
-    }
-}
+defineProps<LTabsProps>()
 
 </script>
 
@@ -39,10 +14,12 @@ if (model.value === null || model.value === undefined) {
     <l-card>
         <q-tabs class="text-grey" :active-color="$light.color" :indicator-color="$light.color" align="justify"
             v-model="model">
-            <q-tab v-for="tab in tabContents" :label="$t(tab.label)" :name="tab.name"></q-tab>
+
+            <slot></slot>
         </q-tabs>
         <q-tab-panels v-model="model">
-            <component v-for="tab in tabContents" :key="tab.name" :is="tab.content?.default" :name="tab.name" />
+            <slot></slot>
+            <!-- component v-for="tab in tabContents" :key="tab.name" :is="tab.content?.default" :name="tab.name" /-->
         </q-tab-panels>
     </l-card>
 </template>

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

@@ -1,7 +1,10 @@
 <script setup>
+import { useI18n } from 'vue-i18n'
 import { q, m } from '#imports'
 import { useRouter, useRoute } from "vue-router"
 import { Notify } from 'quasar';
+import { computed } from 'vue'
+const { t } = useI18n()
 
 const system = await q("system", ["passwordPolicy"]);
 const router = useRouter();
@@ -18,17 +21,42 @@ const onSubmit = async (data) => {
             color: "positive",
             icon: "check"
         });
-        
+
         router.push("/User");
     });
 }
 
+const policies = computed(() => {
+    return system.passwordPolicy.split("|").map((policy) => {
+        let name = policy.split(":")[0]
+
+        if (name == "length") {
+            return t('Must contain at least {0} characters', [policy.split(":")[1]]);
+        }
+        
+        return t(name);
+    })
+})
+
+
 </script>
 <template>
     <l-page>
         <FormKit type="l-form" @submit="onSubmit">
             <FormKit type="l-input" name="password" :validation="system.passwordPolicy" label="Password"
-                input-type="password"></FormKit>
+                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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -58,4 +58,4 @@
     "nuxt": "^3.7.0",
     "vue-route-generator": "^1.0.0"
   }
-}
+}