@hostlink/nuxt-light 1.0.7 → 1.0.9

package/dist/module.json

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

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

@@ -1,10 +1,18 @@
 <script setup lang="ts">
 import { VariableType } from "json-to-graphql-query";
 import { ref, computed, useAttrs } from "vue";
-import { useLight, m } from '#imports';
+import { useLight, m, q } from '#imports';
 import { Loading, Dialog } from "quasar";
+import { useI18n } from "vue-i18n";
 
 const light = useLight();
+const i18n = useI18n();
+
+const { system } = await q({
+    system: {
+        maxUploadSize: true
+    }
+})
 
 export interface LFileProps {
     modelValue?: string;
@@ -56,18 +64,39 @@ const attrs = computed(() => {
     return a;
 });
 
-const uploadFile = ref(null);
+const uploadFile = ref<File | null>(null);
+const rename = ref(true);
 
 const onUploadFile = async () => {
+
+    if (!uploadFile.value) {
+        Dialog.create({
+            title: "Error",
+            message: i18n.t("Please select a file"),
+            color: "negative"
+        });
+        return;
+    }
+
+    //check file size
+    if (uploadFile.value.size > system.maxUploadSize) {
+        Dialog.create({
+            title: "Error",
+            message: "File size is too big. Max size is " + system.maxUploadSize + " bytes",
+            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
+            rename: rename.value
         }, [{
             __variables: {
                 file: {
@@ -76,6 +105,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,9 +118,10 @@ const onUploadFile = async () => {
         return;
     } catch (e: any) {
         Dialog.create({
-            title: "Error",
+            title: i18n.t("Error"),
             message: e.message,
         });
+        Loading.hide();
     }
 
 
@@ -98,12 +134,14 @@ 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" :hint="`Max upload size: ${system.maxUploadSize} bytes`"></q-file>
+                    <!-- q-checkbox v-model="rename" :label="$t('Rename file if exists')"></q-checkbox-->
+                    
+                    
                 </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.9",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",