File edit

frontend/api/api.js

@@ -198,6 +198,16 @@ const api = {
         .catch(error => reject(error))
     })
   },
+  saveContent (params) {
+    return new Promise((resolve, reject) => {
+      axios.post('savecontent', {
+        name: params.name,
+        content: params.content,
+      })
+        .then(res => resolve(res.data))
+        .catch(error => reject(error))
+    })
+  },
 }
 
 export default api

frontend/translations/bulgarian.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': 'Обновено',
   'Deleted': 'изтрити',
   'Your file is ready': 'Вашия файл е готов',
+  'View': 'View',
 }
 
 export default data

frontend/translations/chinese.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': '已上传',
   'Deleted': '已删除',
   'Your file is ready': '您的文件已备妥',
+  'View': 'View',
 }
 
 export default data

frontend/translations/dutch.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': 'Aangepast',
   'Deleted': 'Verwijderd',
   'Your file is ready': 'Uw bestand is verwerkt',
+  'View': 'View',
 }
 
 export default data

frontend/translations/french.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': 'Mis à jour',
   'Deleted': 'Supprimé',
   'Your file is ready': 'Votre fichier est prêt',
+  'View': 'View',
 }
 
 export default data

frontend/translations/german.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': 'Aktualisiert',
   'Deleted': 'Gelöscht',
   'Your file is ready': 'Deine Datei ist fertig',
+  'View': 'View',
 }
 
 export default data

frontend/translations/indonesian.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': 'Diperbarui',
   'Deleted': 'Dihapus',
   'Your file is ready': 'File Anda sudah siap',
+  'View': 'View',
 }
 
 export default data

frontend/translations/lithuanian.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': 'Atnaujintas',
   'Deleted': 'Ištrintas',
   'Your file is ready': 'Jūsų failas paruoštas',
+  'View': 'View',
 }
 
 export default data

frontend/translations/portuguese.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': 'Atualizado',
   'Deleted': 'Excluido',
   'Your file is ready': 'Seu arquivo está pronto',
+  'View': 'View',
 }
 
 export default data

frontend/translations/serbian.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': 'Izmenjeno',
   'Deleted': 'Obrisano',
   'Your file is ready': 'Vaš fajl je spreman',
+  'View': 'View',
 }
 
 export default data

frontend/translations/spanish.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': 'Actualizado',
   'Deleted': 'Eliminado',
   'Your file is ready': 'Su fichero está listo',
+  'View': 'View',
 }
 
 export default data

frontend/translations/turkish.js

@@ -70,6 +70,7 @@ const data = {
   'Updated': 'Güncellendi',
   'Deleted': 'Silindi',
   'Your file is ready': 'Dosyanız Hazır',
+  'View': 'View',
 }
 
 export default data

frontend/views/Browser.vue

@@ -113,7 +113,7 @@
                 <b-dropdown-item v-if="props.row.type == 'file' && can('download')" aria-role="listitem" @click="download(props.row)">
                   <b-icon icon="download" size="is-small" /> {{ lang('Download') }}
                 </b-dropdown-item>
-                <b-dropdown-item v-if="props.row.type == 'file' && can('read')" aria-role="listitem" @click="preview(props.row)">
+                <b-dropdown-item v-if="props.row.type == 'file' && can(['read', 'download'])" aria-role="listitem" @click="preview(props.row)">
                   <b-icon icon="file-alt" size="is-small" /> {{ lang('View') }}
                 </b-dropdown-item>
                 <b-dropdown-item v-if="can('write')" aria-role="listitem" @click="copy($event, props.row)">
@@ -252,7 +252,7 @@ export default {
     itemClick(item) {
       if (item.type == 'dir' || item.type == 'back') {
         this.goTo(item.path)
-      } else {
+      } else if (this.can(['read', 'download'])) {
         this.preview(item)
       }
     },

frontend/views/partials/Preview.vue

@@ -13,6 +13,9 @@
       </div>
     </section>
     <footer class="modal-card-foot">
+      <button v-if="isText() && can(['write'])" class="button" type="button" @click="saveFile()">
+        {{ lang('Save') }}
+      </button>
       <button class="button" type="button" @click="$parent.close()">
         {{ lang('Close') }}
       </button>
@@ -54,6 +57,20 @@ export default {
     hasExtension(exts) {
       return (new RegExp('(' + exts.join('|').replace(/\./g, '\\.') + ')$', 'i')).test(this.item.path)
     },
+    saveFile() {
+      api.saveContent({
+        name: this.item.name,
+        content: this.content,
+      })
+        .then(() => {
+          this.$toast.open({
+            message: this.lang('Updated'),
+            type: 'is-success',
+          })
+          this.$parent.close()
+        })
+        .catch(error => this.handleError(error))
+    }
   },
 }
 </script>