Mercurial > gemma

comparison client/src/components/Pdftool.vue @ 1878:f030182f82f1 dev-pdf-generation

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: fix style warning for pdfexport
author Bernhard Reiter <bernhard@intevation.de>
date Tue, 15 Jan 2019 09:54:46 +0100
parents e53924abb4a2
children 9a2fbeaabd52
comparison
equal deleted inserted replaced
1877:46d007e3de2d 1878:f030182f82f1
1 1 <template>
2 <template>
3 <div 2 <div
4 :class="[ 3 :class="[
5 'box ui-element rounded bg-white text-nowrap', 4 'box ui-element rounded bg-white text-nowrap',
6 { expanded: showPdfTool } 5 { expanded: showPdfTool }
7 ]" 6 ]"
15 class="ml-auto text-muted" 14 class="ml-auto text-muted"
16 @click="$store.commit('application/showPdfTool', false)" 15 @click="$store.commit('application/showPdfTool', false)"
17 ></font-awesome-icon> 16 ></font-awesome-icon>
18 </h6> 17 </h6>
19 <div class="p-3"> 18 <div class="p-3">
20 <b> 19 <b><translate>Choose format:</translate></b>
21 <translate>Chose format:</translate>
22 </b>
23 <select v-model="form.format" class="form-control d-block w-100"> 20 <select v-model="form.format" class="form-control d-block w-100">
24 <option value="landscape"> 21 <option value="landscape"><translate>landscape</translate></option>
25 <translate>landscape</translate> 22 <option value="portrait"><translate>portrait</translate></option>
26 </option>
27 <option value="portrait">
28 <translate>portrait</translate>
29 </option>
30 </select> 23 </select>
31 <select v-model="form.paperSize" class="form-control d-block w-100"> 24 <select v-model="form.paperSize" class="form-control d-block w-100">
32 <option value="a3"> 25 <option value="a3"><translate>ISO A3</translate></option>
33 <translate>ISO A3</translate> 26 <option value="a4"><translate>ISO A4</translate></option>
34 </option>
35 <option value="a4">
36 <translate>ISO A4</translate>
37 </option>
38 </select> 27 </select>
39 <small class="d-block my-2"> 28 <small class="d-block my-2">
40 <input 29 <input
41 type="radio" 30 type="radio"
42 id="pdfexport-downloadtype-download" 31 id="pdfexport-downloadtype-download"
43 value="download" 32 value="download"
44 v-model="form.downloadType" 33 v-model="form.downloadType"
45 selected 34 selected
46 > 35 />
47 <label for="pdfexport-downloadtype-download" class="ml-1 mr-2"> 36 <label for="pdfexport-downloadtype-download" class="ml-1 mr-2">
48 <translate>Download</translate> 37 <translate>Download</translate>
49 </label> 38 </label>
50 <input 39 <input
51 type="radio" 40 type="radio"
52 id="pdfexport-downloadtype-open" 41 id="pdfexport-downloadtype-open"
53 value="open" 42 value="open"
54 v-model="form.downloadType" 43 v-model="form.downloadType"
55 > 44 />
56 <label for="pdfexport-downloadtype-open" class="ml-1"> 45 <label for="pdfexport-downloadtype-open" class="ml-1">
57 <translate>Open in new window</translate> 46 <translate>Open in new window</translate>
58 </label> 47 </label>
59 </small> 48 </small>
60 <button @click="download" type="button" class="btn btn-sm btn-info d-block w-100"> 49 <button
50 @click="download"
51 type="button"
52 class="btn btn-sm btn-info d-block w-100"
53 >
61 <translate>Generate PDF</translate> 54 <translate>Generate PDF</translate>
62 </button> 55 </button>
63 </div> 56 </div>
64 </div> 57 </div>
65 </div> 58 </div>
70 * without warranty, see README.md and license for details. 63 * without warranty, see README.md and license for details.
71 * 64 *
72 * SPDX-License-Identifier: AGPL-3.0-or-later 65 * SPDX-License-Identifier: AGPL-3.0-or-later
73 * License-Filename: LICENSES/AGPL-3.0.txt 66 * License-Filename: LICENSES/AGPL-3.0.txt
74 * 67 *
75 * Copyright (C) 2018 by via donau 68 * Copyright (C) 2018, 2019 by via donau
76 * – Österreichische Wasserstraßen-Gesellschaft mbH 69 * – Österreichische Wasserstraßen-Gesellschaft mbH
77 * Software engineering by Intevation GmbH 70 * Software engineering by Intevation GmbH
78 * 71 *
79 * Author(s): 72 * Author(s):
80 * * Markus Kottländer <markus.kottlaender@intevation.de> 73 * * Markus Kottländer <markus.kottlaender@intevation.de>
81 * * Bernhard E. Reiter <bernhard@intevation.de> 74 * * Bernhard E. Reiter <bernhard@intevation.de>
75 * * Fadi Abbud <fadi.abbud@intevation.de>
82 */ 76 */
83 import { mapState } from "vuex"; 77 import { mapState } from "vuex";
84 import jsPDF from "jspdf"; 78 import jsPDF from "jspdf";
85 79
86 var paperSizes = { 80 var paperSizes = {