Mercurial > gemma

annotate client/src/components/systemconfiguration/PDFTemplates.vue @ 2216:585373d33f8f pdf-export

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
prepared pdf template administration prepared UI, connected to vuex store, backend still missing
author Markus Kottlaender <markus@intevation.de>
date Thu, 07 Feb 2019 15:14:40 +0100
parents 9bf8562df42f
children e6fba449aa3c
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
2213
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 <template>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
2 <div class="d-flex flex-column mt-4">
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
3 <div class="d-flex flex-row justify-content-between">
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
4 <h5><translate>PDF-Templates</translate></h5>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
5 <input
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
6 @change="upload"
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
7 id="uploadPDFTemplates"
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
8 ref="uploadPDFTemplates"
2213
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
9 type="file"
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
10 style="visibility:hidden"
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11 />
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
12 <button
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
13 class="btn btn-sm btn-info"
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
14 @click="$refs.uploadPDFTemplates.click()"
2213
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
15 >
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
16 <font-awesome-icon icon="spinner" class="fa-spin" v-if="uploading" />
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
17 <font-awesome-icon icon="plus" v-else />
2213
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
18 </button>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
19 </div>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
20 <div class="d-flex mt-1">
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
21 <table class="table table-sm">
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
22 <thead>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
23 <tr>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
24 <th>Name</th>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
25 <th>Description</th>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
26 <th>Date</th>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
27 <th>Country</th>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
28 <th></th>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
29 </tr>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
30 </thead>
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
31 <transition-group name="list-fade" tag="tbody">
2213
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
32 <tr v-for="template in pdfTemplates" :key="template.name">
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
33 <td>{{ template.name }}</td>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34 <td>{{ template.description }}</td>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
35 <td>{{ template.date }}</td>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
36 <td></td>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
37 <td class="text-right">
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
38 <button class="btn btn-sm btn-info mr-2">
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
39 <font-awesome-icon icon="download" />
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
40 </button>
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
41 <button
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
42 class="btn btn-sm btn-danger"
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
43 @click="
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
44 showDeleteTemplatePrompt = true;
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
45 templateToDelete = template;
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
46 "
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
47 >
2213
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
48 <font-awesome-icon icon="trash" />
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
49 </button>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
50 </td>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
51 </tr>
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
52 </transition-group>
2213
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
53 </table>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
54 </div>
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
55
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
56 <div
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
57 :class="[
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
58 'box popup ui-element rounded bg-white',
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
59 { show: showDeleteTemplatePrompt }
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
60 ]"
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
61 >
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
62 <div>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
63 <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
64 <font-awesome-icon icon="trash" class="mr-2"></font-awesome-icon>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
65 <translate>Delete PDF Template</translate>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
66 <font-awesome-icon
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
67 icon="times"
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
68 class="ml-auto text-muted"
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
69 @click="showDeleteTemplatePrompt = false"
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
70 ></font-awesome-icon>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
71 </h6>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
72 <div class="p-3 text-left">
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
73 <translate class="text-center d-block">
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
74 Do you really want to delete the following template:
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
75 </translate>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
76 <h5 class="mt-3 text-center">{{ templateToDelete.name }}</h5>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
77 </div>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
78 <div
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
79 class="py-2 px-3 border-top d-flex align-items-center justify-content-between"
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
80 >
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
81 <button
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
82 class="btn btn-sm btn-warning"
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
83 @click="showDeleteTemplatePrompt = false"
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
84 >
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
85 no
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
86 </button>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
87 <button class="btn btn-sm btn-info" @click="remove(templateToDelete)">
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
88 yes
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
89 </button>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
90 </div>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
91 </div>
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
92 </div>
2213
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
93 </div>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
94 </template>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
95
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
96 <script>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
97 /* This is Free Software under GNU Affero General Public License v >= 3.0
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
98 * without warranty, see README.md and license for details.
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
99 *
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
100 * SPDX-License-Identifier: AGPL-3.0-or-later
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
101 * License-Filename: LICENSES/AGPL-3.0.txt
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
102 *
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
103 * Copyright (C) 2018 by via donau
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
104 * – Österreichische Wasserstraßen-Gesellschaft mbH
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
105 * Software engineering by Intevation GmbH
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
106 *
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
107 * Author(s):
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
108 * Markus Kottländer <markus@intevation.de>
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
109 */
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
110 import { mapState } from "vuex";
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
111
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
112 export default {
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
113 name: "pdftemplates",
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
114 data() {
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
115 return {
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
116 uploading: false,
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
117 templateToDelete: "",
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
118 showDeleteTemplatePrompt: false
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
119 };
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
120 },
2213
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
121 computed: {
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
122 ...mapState("application", ["pdfTemplates"])
2216
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
123 },
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
124 methods: {
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
125 upload() {
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
126 this.uploading = true;
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
127 this.$store
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
128 .dispatch(
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
129 "application/uploadPDFTemplates",
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
130 this.$refs.uploadPDFTemplates.files
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
131 )
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
132 .then(() => {
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
133 this.uploading = false;
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
134 });
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
135 },
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
136 remove(template) {
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
137 this.showDeleteTemplatePrompt = false;
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
138 this.$store.dispatch("application/removePDFTemplate", template);
585373d33f8f prepared pdf template administration
Markus Kottlaender <markus@intevation.de>
parents: 2213
diff changeset
139 }
2213
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
140 }
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
141 };
9bf8562df42f moved/created files
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
142 </script>