diff options
| -rw-r--r-- | .quasar/entry.js | 4 | ||||
| -rw-r--r-- | quasar.conf.js | 1 | ||||
| -rw-r--r-- | 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) => { |