@hostlink/nuxt-light 1.0.7 → 1.0.8

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.0.7"
+  "version": "1.0.8"
 }

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

@@ -3,8 +3,10 @@ import { VariableType } from "json-to-graphql-query";
 import { ref, computed, useAttrs } from "vue";
 import { useLight, m } from '#imports';
 import { Loading, Dialog } from "quasar";
+import { useI18n } from "vue-i18n";
 
 const light = useLight();
+const i18n = useI18n();
 
 export interface LFileProps {
     modelValue?: string;
@@ -59,12 +61,22 @@ const attrs = computed(() => {
 const uploadFile = ref(null);
 
 const onUploadFile = async () => {
+
+    if (!uploadFile.value) {
+        Dialog.create({
+            title: "Error",
+            message: i18n.t("Please select a file"),
+            color: "negative"
+        });
+        return;
+    }
+
     Loading.show({
-        message: "Uploading file...",
+        message: i18n.t("Uploading file..."),
     });
 
     try {
-        localValue.value = await m("fsUploadFile", {
+        let v = await m("fsUploadFile", {
             path: props.path,
             file: new VariableType("file"),
             rename: true
@@ -76,6 +88,12 @@ const onUploadFile = async () => {
                 }
             }
         }]);
+
+        //remove first slash if exists
+        if (v.startsWith("/")) v = v.substr(1);
+
+        localValue.value = v;
+
         Loading.hide();
 
         show.value = false;
@@ -83,7 +101,7 @@ const onUploadFile = async () => {
         return;
     } catch (e: any) {
         Dialog.create({
-            title: "Error",
+            title: i18n.t("Error"),
             message: e.message,
         });
     }
@@ -98,12 +116,11 @@ const onUploadFile = async () => {
         <q-dialog v-model="show" persistent transition-show="scale" transition-hide="scale">
             <l-card style="width:300px">
                 <q-card-section>
-                    <q-file ref="file" v-model="uploadFile" name="file" label="Files"></q-file>
+                    <q-file ref="file" v-model="uploadFile" name="file" :label="$t('File')" :accept="accept"></q-file>
                 </q-card-section>
-
                 <q-card-actions align="right">
-                    <q-btn flat label="Cancel" color="primary" v-close-popup></q-btn>
-                    <q-btn flat label="Upload" color="primary" @click="onUploadFile"></q-btn>
+                    <q-btn flat :label="$t('Cancel')" color="primary" v-close-popup></q-btn>
+                    <q-btn flat :label="$t('Upload')" color="primary" @click="onUploadFile"></q-btn>
                 </q-card-actions>
             </l-card>
         </q-dialog>

package/dist/runtime/formkit/FileUpload.vue

@@ -22,7 +22,7 @@ const onBlur = () => {
 }
 </script>
 <template>
-    <l-file-upload v-model="value" :label="context.label" v-bind="context.attrs" :error="error" :type="context.inputType"
+    <l-file-upload v-bind="context.attrs" v-model="value" :label="context.label" :error="error" :type="context.inputType"
         :error-message="errorMessage" @blur="onBlur">
         <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
             <slot :name="name" v-bind="props ?? {}"></slot>

package/package.json

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