comparison client/src/components/systemconfiguration/PDFTemplates.vue @ 3230:128d686c3950

client: improve styles of template-configuration elements
author Fadi Abbud <fadi.abbud@intevation.de>
date Fri, 10 May 2019 10:13:32 +0200
parents 6d4d8e7ef881
children 86231e847762
comparison
equal deleted inserted replaced
3229:5e773e0c05be 3230:128d686c3950
41 <font-awesome-icon icon="trash" fixed-width /> 41 <font-awesome-icon icon="trash" fixed-width />
42 </button> 42 </button>
43 </div> 43 </div>
44 </template> 44 </template>
45 </UITableBody> 45 </UITableBody>
46 <div class="form-check form-check-inline"> 46 <div class="d-flex align-items-center">
47 <input 47 <div class="form-check form-check-inline">
48 class="form-check-input" 48 <input
49 type="radio" 49 class="form-check-input"
50 name="type" 50 type="radio"
51 v-model="type" 51 name="type"
52 value="map" 52 v-model="type"
53 /> 53 value="map"
54 <label class="form-check-label">Map-template</label> 54 />
55 <label class="form-check-label">Map-template</label>
56 </div>
57 <div class="form-check form-check-inline">
58 <input
59 class="form-check-input"
60 type="radio"
61 v-model="type"
62 value="diagram"
63 />
64 <label class="form-check-label">Diagram-template</label>
65 </div>
66 <button
67 class="btn btn-info btn-sm"
68 @click="$refs.uploadTemplate.click()"
69 >
70 <font-awesome-icon
71 icon="spinner"
72 class="fa-spin fa-fw"
73 v-if="uploading"
74 />
75 <font-awesome-icon icon="upload" class="fa-fw" v-else />
76 <translate>Upload new template</translate>
77 </button>
55 </div> 78 </div>
56 <div class="form-check form-check-inline">
57 <input
58 class="form-check-input"
59 type="radio"
60 v-model="type"
61 value="diagram"
62 />
63 <label class="form-check-label">Diagram-template</label>
64 </div>
65 <button class="btn btn-info mt-2" @click="$refs.uploadTemplate.click()">
66 <font-awesome-icon
67 icon="spinner"
68 class="fa-spin fa-fw"
69 v-if="uploading"
70 />
71 <font-awesome-icon icon="upload" class="fa-fw" v-else />
72 <translate>Upload new template</translate>
73 </button>
74 </div> 79 </div>
75 </div> 80 </div>
76 </template> 81 </template>
77 82
78 <style lang="scss" scoped> 83 <style lang="scss" scoped>