#1 feat(udateTags): Update article's tags

mochenski · Jul 15, 2020 · e85788f · e85788f
1 parent c0600b2
commit e85788f
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 2 deletions.
diff --git a/front-end/pages/dashboard/articles/_slug.vue b/front-end/pages/dashboard/articles/_slug.vue
@@ -13,6 +13,18 @@
             <v-textarea auto-grow outlined rounded label="Excerpt" v-model="article.excerpt"></v-textarea>
             <v-textarea auto-grow outlined rounded label="Body" v-model="article.body"></v-textarea>
 
+            <v-select
+              outlined
+              rounded
+              label="Tags"
+              v-model="article.tags"
+              item-value="id"
+              item-text="name"
+              :items="tags"
+              chips
+              multiple
+            ></v-select>
+
             <v-row class="pa-5">
               <v-btn color="red" @click="loadArticle" dark>Reset</v-btn>
               <v-spacer></v-spacer>
@@ -30,12 +42,14 @@ export default {
   layout: 'dashboard',
 
   data: () => ({
+    loading: false,
     article: Object,
-    loading: false
+    tags: []
   }),
 
   mounted() {
     this.loadArticle()
+    this.loadTags()
   },
 
   computed: {
@@ -50,6 +64,7 @@ export default {
       await this.$axios
         .get(`articles/${this.params.slug}`)
         .then((response) => {
+          console.log(response.data)
           this.article = response.data
           this.loading = false
         })
@@ -59,8 +74,27 @@ export default {
         })
     },
 
+    async loadTags() {
+      console.log('a')
+      this.loading = true
+      await this.$axios
+        .get('tags')
+        .then((response) => {
+          this.tags = response.data.map((tag) => ({
+            id: tag.id,
+            name: tag.name
+          }))
+          this.loading = false
+        })
+        .catch((err) => {
+          console.log(err.response)
+          this.loading = false
+        })
+    },
+
     async submitArticle() {
       this.loading = true
+      console.log(this.article)
       await this.$axios
         .put(`articles/${this.params.slug}`, this.article)
         .then((response) => {

diff --git a/front-end/pages/dashboard/articles/index.vue b/front-end/pages/dashboard/articles/index.vue
@@ -96,7 +96,7 @@ export default {
 
     async publishArticle(article, slug) {
       this.loading = true
-      article.publicated_at = this.$moment().format()
+      article.publicated_at = this.$moment().format('YYYY-MM-DD HH:mm:ss')
       console.log(article)
       await this.$axios
         .put(`articles/${slug}`, article)