@hostlink/nuxt-light 0.0.48 → 0.0.50

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.48"
+  "version": "0.0.50"
 }

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

@@ -0,0 +1,37 @@
+<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" />
+        </q-item-section>
+        <q-item-section class="text-white">
+            <slot></slot>
+        </q-item-section>
+    </q-item>
+</template>

package/dist/runtime/components/l-date-picker.vue

@@ -17,8 +17,8 @@ const props = defineProps({
     },
     label: {
         type: String,
+        default: ""
     },
-    
     required: {
         type: Boolean,
         default: false

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

@@ -116,7 +116,6 @@ const attrs = {
 }
 </script>
 <template>
-    {{ slotNames }}
     <q-input v-bind="attrs" :label="localLabel" v-model="localValue" :rules="new_rules" hide-bottom-space :type="localType">
         <template v-if="translate" #prepend>
             <q-btn icon="sym_o_translate" flat dense rounded>

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

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useQuasar, QTable } from 'quasar';
+//import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { ref, computed, onMounted, useSlots, reactive, useAttrs } from "vue";
 import { t, deleteObject, q, f, useLight } from '../';
@@ -48,6 +49,10 @@ const props = defineProps({
     }, pagination: {
         type: Boolean,
         default: true
+    },
+    selection: {
+        type: String,
+        default: "none"
     }
 })
 

package/dist/runtime/lib/id.mjs

@@ -1,13 +1,12 @@
 import { useRoute } from "vue-router";
 const route = useRoute();
 export default () => {
-  let route2 = useRoute();
-  let name = route2.name?.toString();
+  let name = route.name?.toString();
   if (name == void 0)
     return 0;
   let parts = name.split("-");
   const module = parts[0];
   const moduleLower = module.charAt(0).toLowerCase() + module.slice(1);
   const keyname = parts[1];
-  return parseInt(route2.params[keyname]);
+  return parseInt(route.params[keyname]);
 };

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

@@ -8,6 +8,22 @@ const splitterModel = ref(38)
 const obj = reactive({
     name: ""
 })
+
+const onSave = async () => {
+    await m("addTranslate", {
+        data: {
+            name: obj.name,
+
+            values: app.languages.map(language => {
+                return {
+                    language: language.value,
+                    value: obj[language.value]
+                }
+            })
+
+        }
+    })
+}
 </script>
 <template>
     <l-page>
@@ -19,7 +35,7 @@ const obj = reactive({
                     </q-card-section>
                 </template>
                 <template #after>
-                    <l-form :bordered="false">
+                    <l-form :bordered="false" @save="onSave">
                         <l-input label="Name" required v-model="obj.name"></l-input>
                         <l-input v-for="language in app.languages" :label="language.name"
                             v-model="obj[language.value]"></l-input>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.48",
+  "version": "0.0.50",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",