Mercurial > gemma
diff client/src/pdftool/Pdftool.vue @ 1123:d9e6a1f6f394 store-refactoring
moved all collapse flags for UI elements to store
UI elements can now be expanded/collapsed via the application store
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Tue, 06 Nov 2018 13:00:17 +0100 |
parents | c576b5d59c58 |
children | 2e06bc53b002 |
line wrap: on
line diff
--- a/client/src/pdftool/Pdftool.vue Tue Nov 06 11:21:29 2018 +0100 +++ b/client/src/pdftool/Pdftool.vue Tue Nov 06 13:00:17 2018 +0100 @@ -1,10 +1,10 @@ <template> <div class="pdftool"> - <div @click="collapse" class="d-flex flex-column ui-element minimizer"> - <i :class="['fa', 'mt-1', {'fa-file-pdf-o': collapsed}, {'fa-close': !collapsed}]"></i> + <div @click="$store.commit('application/showPdfTool', !showPdfTool)" class="d-flex flex-column ui-element minimizer"> + <i :class="['fa', 'mt-1', {'fa-file-pdf-o': !showPdfTool}, {'fa-close': showPdfTool}]"></i> </div> <div :class="style"> - <div v-if="!collapsed" class="card-body"> + <div v-if="showPdfTool" class="card-body"> <div class="headline"> <h4 class="card-title">Generate PDF</h4> </div> @@ -102,7 +102,6 @@ name: "pdftool", data() { return { - collapsed: true, form: { format: "landscape", downloadType: "download" @@ -110,22 +109,19 @@ }; }, computed: { - ...mapState("application", ["showPrintDialog"]), + ...mapState("application", ["showPdfTool"]), style() { return { "ui-element": true, card: true, inner: true, shadow: true, - pdftoolexpanded: !this.collapsed, - pdftoolcollapsed: this.collapsed + pdftoolexpanded: this.showPdfTool, + pdftoolcollapsed: !this.showPdfTool }; } }, methods: { - collapse() { - this.collapsed = !this.collapsed; - }, download() { // generate PDF and open it // TODO: replace this src with an API reponse after actually generating PDFs