diff options
| author | Arne Schauf <git@asw.io> | 2018-03-04 03:47:01 +0100 |
|---|---|---|
| committer | Arne Schauf <git@asw.io> | 2018-03-04 03:47:01 +0100 |
| commit | f41fb9862b3d76de3d9cb9082fefb2227a3997f5 (patch) | |
| tree | 87105c9abdc6db003af1c7de035b6e9c36af81ab /src/pages | |
| parent | 7ecc0e2cdb99fc70a4198c323ee555ae5801a0cf (diff) | |
| download | parry-ui-f41fb9862b3d76de3d9cb9082fefb2227a3997f5.tar.gz parry-ui-f41fb9862b3d76de3d9cb9082fefb2227a3997f5.zip | |
add tags on upload create
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/UploadCreate.vue | 29 |
1 files changed, 19 insertions, 10 deletions
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) => { |