encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

clean admin announce

Browse Source
This commit is contained in:
les
2020-10-07 10:05:36 +02:00
parent b0428b5983
commit 63a717e4ff
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/admin/Announcement.vue
View File

@@ -6,26 +6,24 @@
v-card v-card
v-card-title {{$t('admin.new_announcement')}} v-card-title {{$t('admin.new_announcement')}}
v-card-text v-card-text
v-form(v-model='valid') v-form(v-model='valid' ref='announcement')
v-text-field(v-model='announcement.title' :label='$t("common.title")') v-text-field(v-model='announcement.title' :label='$t("common.title")')
Editor.mt-2(v-model='announcement.announcement' border no-save style='max-height: 400px;') Editor.mt-2(v-model='announcement.announcement' border no-save style='max-height: 400px;')
v-card-actions v-card-actions
v-spacer v-spacer
v-btn(@click='dialog=false' color='error') {{$t('common.cancel')}}
v-btn(@click='save' color='primary') {{$t(`common.${editing?'save':'send'}`)}} v-btn(@click='save' color='primary') {{$t(`common.${editing?'save':'send'}`)}}
v-card-actions v-btn(@click='openDialog' text color='primary') <v-icon>mdi-plus</v-icon> {{$t('common.add')}}
v-spacer
v-btn(@click='dialog=true' text color='primary') {{$t('common.add')}}
v-card-text v-card-text
v-data-table( v-data-table(
:headers='headers' :headers='headers'
:items='announcements') :items='announcements')
template(v-slot:item.actions='{ item }') template(v-slot:item.actions='{ item }')
v-btn(text small @click.stop='toggle(item)' v-btn(text small @click.stop='toggle(item)'
:color='item.visible?"warning":"success"') {{item.visible?$t('common.deactivate'):$t('common.activate')}} :color='item.visible?"warning":"success"') {{item.visible?$t('common.disable'):$t('common.enable')}}
v-btn(text small @click='edit(item)') {{$t('common.edit')}} v-btn(text small @click='edit(item)' color='primary') {{$t('common.edit')}}
v-btn(text small @click='remove(item)' v-btn(text small @click='remove(item)' color='error') {{$t('common.delete')}}
color='error') {{$t('common.delete')}}
</template> </template>
<script> <script>
@@ -58,8 +56,14 @@ export default {
this.announcement.title = announcement.title this.announcement.title = announcement.title
this.announcement.announcement = announcement.announcement this.announcement.announcement = announcement.announcement
this.announcement.id = announcement.id this.announcement.id = announcement.id
this.editing = true
this.dialog = true this.dialog = true
}, },
openDialog () {
this.announcement = { title: '', announcement: '' }
this.dialog = true
this.$nextTick( () => this.$refs.announcement.reset() )
},
async toggle (announcement) { async toggle (announcement) {
try { try {
announcement.visible = !announcement.visible announcement.visible = !announcement.visible
@@ -95,7 +99,9 @@ export default {
} }
this.setAnnouncements(cloneDeep(this.announcements)) this.setAnnouncements(cloneDeep(this.announcements))
this.announcement = { title: '', announcement: '' } this.announcement = { title: '', announcement: '' }
this.$refs.announcement.reset()
this.editing = false this.editing = false
this.dialog = false
} catch (e) { } catch (e) {
console.error(e) console.error(e)
} }