From f41fb9862b3d76de3d9cb9082fefb2227a3997f5 Mon Sep 17 00:00:00 2001
From: Arne Schauf <git@asw.io>
Date: Sun, 4 Mar 2018 03:47:01 +0100
Subject: add tags on upload create

---
 .quasar/entry.js           |  4 ++--
 quasar.conf.js             |  1 +
 src/pages/UploadCreate.vue | 29 +++++++++++++++++++----------
 3 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/.quasar/entry.js b/.quasar/entry.js
index 4e35988..dd83420 100644
--- a/.quasar/entry.js
+++ b/.quasar/entry.js
@@ -40,12 +40,12 @@ import 'src/css/app.styl'
 
 
 import Vue from 'vue'
-import Quasar, {QAlert,QLayout,QLayoutHeader,QLayoutDrawer,QPageContainer,QPage,QToolbar,QToolbarTitle,QBtn,QIcon,QList,QListHeader,QInput,QItem,QItemMain,QItemSide,QTable,QTabs,QRouteTab,QInnerLoading,QSpinnerComment,QField,QStep,QStepper,QStepperNavigation,QTd,QSpinner,QCard,QCardTitle,QCardMain,QCardMedia,QCardSeparator,QCardActions,QParallax,QCheckbox,QChip,QChatMessage,Ripple,LocalStorage,Dialog,Notify} from 'quasar'
+import Quasar, {QAlert,QLayout,QLayoutHeader,QLayoutDrawer,QPageContainer,QPage,QToolbar,QToolbarTitle,QBtn,QIcon,QList,QListHeader,QInput,QItem,QItemMain,QItemSide,QTable,QTabs,QRouteTab,QInnerLoading,QSpinnerComment,QField,QStep,QStepper,QStepperNavigation,QTd,QSpinner,QCard,QCardTitle,QCardMain,QCardMedia,QCardSeparator,QCardActions,QParallax,QCheckbox,QChip,QChatMessage,QChipsInput,Ripple,LocalStorage,Dialog,Notify} from 'quasar'
 
 Vue.config.productionTip = false
 import App from 'src/App'
 
-Vue.use(Quasar, {components: {QAlert,QLayout,QLayoutHeader,QLayoutDrawer,QPageContainer,QPage,QToolbar,QToolbarTitle,QBtn,QIcon,QList,QListHeader,QInput,QItem,QItemMain,QItemSide,QTable,QTabs,QRouteTab,QInnerLoading,QSpinnerComment,QField,QStep,QStepper,QStepperNavigation,QTd,QSpinner,QCard,QCardTitle,QCardMain,QCardMedia,QCardSeparator,QCardActions,QParallax,QCheckbox,QChip,QChatMessage},directives: {Ripple},plugins: {LocalStorage,Dialog,Notify}})
+Vue.use(Quasar, {components: {QAlert,QLayout,QLayoutHeader,QLayoutDrawer,QPageContainer,QPage,QToolbar,QToolbarTitle,QBtn,QIcon,QList,QListHeader,QInput,QItem,QItemMain,QItemSide,QTable,QTabs,QRouteTab,QInnerLoading,QSpinnerComment,QField,QStep,QStepper,QStepperNavigation,QTd,QSpinner,QCard,QCardTitle,QCardMain,QCardMedia,QCardSeparator,QCardActions,QParallax,QCheckbox,QChip,QChatMessage,QChipsInput},directives: {Ripple},plugins: {LocalStorage,Dialog,Notify}})
 
 
 
diff --git a/quasar.conf.js b/quasar.conf.js
index 610ef26..4ac00e2 100644
--- a/quasar.conf.js
+++ b/quasar.conf.js
@@ -93,6 +93,7 @@ module.exports = function (ctx) {
         'QCheckbox',
         'QChip',
         'QChatMessage',
+        'QChipsInput',
       ],
       directives: [
         'Ripple'
diff --git a/src/pages/UploadCreate.vue b/src/pages/UploadCreate.vue
index e1d027d..26e7703 100644
--- a/src/pages/UploadCreate.vue
+++ b/src/pages/UploadCreate.vue
@@ -8,16 +8,23 @@
           <div class="text-negative" v-if="errors.slug">
             {{ errors.slug }}
           </div>
-          <q-field :error="errors.title !== undefined"
-                   :error-label="errors.title"
-                   icon="fa-pencil">
-            <q-input v-model="title" float-label="Title" />
-          </q-field>
-          <q-field :error="errors.description !== undefined"
-                   :error-label="errors.description"
-                   icon="fa-bars">
-            <q-input v-model="description" type="textarea" float-label="Description" />
-          </q-field>
+          <div class="group">
+            <q-field :error="errors.title !== undefined"
+                     :error-label="errors.title"
+                     icon="fa-pencil">
+              <q-input v-model="title" float-label="Title" />
+            </q-field>
+            <q-field :error="errors.description !== undefined"
+                     :error-label="errors.description"
+                     icon="fa-bars">
+              <q-input v-model="description" type="textarea" float-label="Description" />
+            </q-field>
+            <q-field :error="errors.tags !== undefined"
+                     :error-label="errors.tags"
+                     icon="fa-tags">
+              <q-chips-input v-model="tags" float-label="Tags"></q-chips-input>
+            </q-field>
+          </div>
           <q-stepper-navigation>
             <q-btn color="primary" :disabled="!description || !title" @click="$refs.stepper.next()">Next</q-btn>
           </q-stepper-navigation>
@@ -133,6 +140,7 @@
     data () {
       return {
         files: [],
+        tags: [],
         title: '',
         description: '',
         slug: '',
@@ -229,6 +237,7 @@
           description: this.description,
           files: this.files.map(el => el._id),
           pic: this.pic,
+          tags: this.tags,
         }
         this.$http.post('/uploads', params)
           .then((response) => {
-- 
cgit v1.2.3-54-g00ecf