ayanova/src/views/adm-translations.vue

@@ -1,14 +1,23 @@
 <template>
-  <gz-data-table
-    formKey="adm-translations"
-    :dataListKey="dataListKey"
-    :dataListFilter="dataListFilter"
-    :dataListSort="dataListSort"
-    :showSelect="false"
-    :singleSelect="false"
-    v-on:update:selected="handleSelected"
-  >
-  </gz-data-table>
+  <div>
+    <gz-data-table
+      formKey="adm-translations"
+      :dataListKey="dataListKey"
+      :dataListFilter="dataListFilter"
+      :dataListSort="dataListSort"
+      :showSelect="false"
+      :singleSelect="false"
+      v-on:update:selected="handleSelected"
+    >
+    </gz-data-table>
+    <v-file-input
+      v-model="uploadFiles"
+      :label="$ay.t('Import')"
+      prepend-icon="fa-file-upload"
+      multiple
+      chips
+    ></v-file-input>
+  </div>
 </template>
 
 <script>
@@ -25,6 +34,7 @@ export default {
   },
   data() {
     return {
+      uploadFiles: [],
       currentListViewId: 1,
       dataListKey: "TranslationDataList",
       dataListFilter: "",
@@ -33,6 +43,33 @@ export default {
     };
   },
   methods: {
+    async upload() {
+      //similar code in wiki-control
+      let vm = this;
+      let fileData = [];
+      for (let i = 0; i < vm.uploadFiles.length; i++) {
+        let f = vm.uploadFiles[i];
+        fileData.push({ name: f.name, lastModified: f.lastModified });
+      }
+      let at = {
+        ayaId: vm.ayaId,
+        ayaType: vm.ayaType,
+        files: vm.uploadFiles,
+        fileData: JSON.stringify(fileData)
+      };
+      try {
+        let res = await window.$gz.api.uploadAttachment(at);
+        if (res.error) {
+          window.$gz.errorHandler.handleFormError(res.error);
+        } else {
+          vm.uploadFiles = [];
+          //probably call getdatafromapi here to refresh the list
+          //vm.updateDisplayList(res.data);
+        }
+      } catch (error) {
+        window.$gz.errorHandler.handleFormError(error);
+      }
+    },
     handleSelected(selectedItems) {
       console.log(selectedItems);
     }