Mercurial > gemma

comparison client/src/components/systemconfiguration/PDFTemplates.vue @ 2462:9ae2a2f758bb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: make use of new table header/body components
author Markus Kottlaender <markus@intevation.de>
date Mon, 04 Mar 2019 14:50:23 +0100
parents 408e0f4d4008
children 24bab584f0a1
comparison
equal deleted inserted replaced
2461:b60efa7d4cee 2462:9ae2a2f758bb
9 type="file" 9 type="file"
10 style="visibility:hidden" 10 style="visibility:hidden"
11 /> 11 />
12 </div> 12 </div>
13 <div class="mt-1 border-bottom pb-4"> 13 <div class="mt-1 border-bottom pb-4">
14 <transition name="fade"> 14 <UITableHeader
15 <table class="table table-sm table-hover" v-if="templates.length"> 15 :columns="[
16 <thead> 16 { id: 'name', title: 'Name', class: 'col-4' },
17 <tr> 17 { id: 'date', title: 'Date', class: 'col-4' },
18 <th><translate>Name</translate></th> 18 { id: 'country', title: 'Country', class: 'col-2' }
19 <th><translate>Date</translate></th> 19 ]"
20 <th><translate>Country</translate></th> 20 :sortable="false"
21 <th></th> 21 />
22 </tr> 22 <UITableBody :data="templates" v-slot="{ item: template }">
23 </thead> 23 <div class="py-2 col-4">{{ template.name }}</div>
24 <transition-group name="fade" tag="tbody"> 24 <div class="py-2 col-4">{{ template.time }}</div>
25 <tr v-for="template in templates" :key="template.name"> 25 <div class="py-2 col-2" v-if="template.country">
26 <td>{{ template.name }}</td> 26 {{ template.country }}
27 <td>{{ template.time }}</td> 27 </div>
28 <td v-if="template.country">{{ template.country }}</td> 28 <div class="py-2 col-2" v-else><i>global</i></div>
29 <td v-else><i>global</i></td> 29 <div class="col py-2 text-right">
30 <td class="text-right"> 30 <button class="btn btn-sm btn-dark" @click="deleteTemplate(template)">
31 <button 31 <font-awesome-icon icon="trash" />
32 class="btn btn-sm btn-dark" 32 </button>
33 @click="deleteTemplate(template)" 33 </div>
34 > 34 </UITableBody>
35 <font-awesome-icon icon="trash" />
36 </button>
37 </td>
38 </tr>
39 </transition-group>
40 </table>
41 </transition>
42 <button class="btn btn-info mt-2" @click="$refs.uploadTemplate.click()"> 35 <button class="btn btn-info mt-2" @click="$refs.uploadTemplate.click()">
43 <font-awesome-icon 36 <font-awesome-icon
44 icon="spinner" 37 icon="spinner"
45 class="fa-spin fa-fw" 38 class="fa-spin fa-fw"
46 v-if="uploading" 39 v-if="uploading"