comparison client/src/components/Pdftool.vue @ 1881:f512cfb63e53 dev-pdf-generation

pdf-generation: add select box to pdf tool to choose the resolutions
author Fadi Abbud <fadi.abbud@intevation.de>
date Wed, 16 Jan 2019 11:47:32 +0100
parents 9a2fbeaabd52
children d1f8ff88b180
comparison
equal deleted inserted replaced
1880:2b4de58a9031 1881:f512cfb63e53
18 <div class="p-3"> 18 <div class="p-3">
19 <b><translate>Choose format:</translate></b> 19 <b><translate>Choose format:</translate></b>
20 <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">
21 <option value="landscape"><translate>landscape</translate></option> 21 <option value="landscape"><translate>landscape</translate></option>
22 <option value="portrait"><translate>portrait</translate></option> 22 <option value="portrait"><translate>portrait</translate></option>
23 </select>
24 <select v-model="form.resolution" class="form-control d-block w-100">
25 <option value="120">120 dots per inch</option>
26 <option value="170">160 dots per inch</option>
23 </select> 27 </select>
24 <select v-model="form.paperSize" class="form-control d-block w-100"> 28 <select v-model="form.paperSize" class="form-control d-block w-100">
25 <option value="a3"><translate>ISO A3</translate></option> 29 <option value="a3"><translate>ISO A3</translate></option>
26 <option value="a4"><translate>ISO A4</translate></option> 30 <option value="a4"><translate>ISO A4</translate></option>
27 </select> 31 </select>
88 data() { 92 data() {
89 return { 93 return {
90 form: { 94 form: {
91 format: "landscape", 95 format: "landscape",
92 paperSize: "a4", 96 paperSize: "a4",
93 downloadType: "download" 97 downloadType: "download",
98 resolution: "120"
94 } 99 }
95 }; 100 };
96 }, 101 },
97 computed: { 102 computed: {
98 ...mapState("map", ["openLayersMap"]), 103 ...mapState("map", ["openLayersMap"]),