From d890d50669775e1ed07be14ec50ee16c97a98391 Mon Sep 17 00:00:00 2001
From: Arne Schauf <git@asw.io>
Date: Mon, 19 Mar 2018 01:47:20 +0100
Subject: make description editable

---
 src/pages/UploadDetail.vue | 43 ++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 40 insertions(+), 3 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/UploadDetail.vue b/src/pages/UploadDetail.vue
index d1412d3..7cf19a3 100644
--- a/src/pages/UploadDetail.vue
+++ b/src/pages/UploadDetail.vue
@@ -35,9 +35,38 @@
                  label="Delete mod" />
         </q-card-actions>
         <q-card-main>
-          <p class="text-faded">
-            <vue-markdown class="markdown" :html="false" :source="upload.description"></vue-markdown>
-          </p>
+          <div class="row gutter-sm">
+            <p class="col text-faded">
+              <vue-markdown class="markdown" :html="false" :source="upload.description"></vue-markdown>
+            </p>
+            <div :class="editDescription ? 'col-md-6' : 'col-auto'" v-if="username === upload.author.username">
+              <div class="text-right group">
+                <q-btn outline
+                       round
+                       v-if="editDescription"
+                       @click="saveUpload()"
+                       color="positive"
+                       size="sm"
+                       icon="fa-save" />
+                <q-btn outline
+                       round
+                       v-if="editDescription"
+                       @click="editDescription = false; refresh()"
+                       size="sm"
+                       color="negative"
+                       icon="fa-times" />
+                <q-btn outline
+                       round
+                       v-if="!editDescription"
+                       @click="editDescription = true"
+                       size="sm"
+                       icon="fa-edit" />
+              </div>
+              <q-input v-if="editDescription"
+                       v-model="upload.description"
+                       type="textarea" />
+            </div>
+          </div>
         </q-card-main>
         <q-card-separator />
         <q-card-title><i class="far fa-hand-point-right"></i> Tags</q-card-title>
@@ -202,6 +231,7 @@
         comments: [],
         comment: '',
         commentSaving: false,
+        editDescription: false,
       }
     },
     methods: {
@@ -228,6 +258,13 @@
           console.error(error)
         })
       },
+      saveUpload () {
+        let that = this
+        this.$http.put(`/uploads/${this.upload._id}`, this.upload).then(response => {
+          that.editDescription = false
+          that.refresh()
+        }).catch(() => that.$q.notify('Failed to save mod'))
+      },
       deleteUpload (upload) {
         let that = this
         this.$q.dialog({
-- 
cgit v1.2.3-54-g00ecf