Mercurial > gemma
comparison client/src/components/importschedule/Importschedule.vue @ 2874:b9a6abef9f1c
client: more unified table layout
Expandable/collapsible rows are now also handled by the component
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Mon, 01 Apr 2019 11:51:03 +0200 |
parents | 615b0a9b8098 |
children | c40540889b53 |
comparison
equal
deleted
inserted
replaced
2873:b1707f60f241 | 2874:b9a6abef9f1c |
---|---|
30 { id: 'config.send-email', title: `${emailLabel}`, class: 'col-2' } | 30 { id: 'config.send-email', title: `${emailLabel}`, class: 'col-2' } |
31 ]" | 31 ]" |
32 /> | 32 /> |
33 <UITableBody | 33 <UITableBody |
34 :data="filteredSchedules() | sortTable(sortColumn, sortDirection)" | 34 :data="filteredSchedules() | sortTable(sortColumn, sortDirection)" |
35 v-slot="{ item: schedule }" | |
36 > | 35 > |
37 <div class="py-1 col-1">{{ schedule.id }}</div> | 36 <template v-slot:row="{ item: schedule }"> |
38 <div class="py-1 col-2">{{ schedule.kind.toUpperCase() }}</div> | 37 <div class="py-1 col-1">{{ schedule.id }}</div> |
39 <div class="py-1 col-2">{{ schedule.user }}</div> | 38 <div class="py-1 col-2">{{ schedule.kind.toUpperCase() }}</div> |
40 <div class="py-1 col-2">{{ schedule.config.cron }}</div> | 39 <div class="py-1 col-2">{{ schedule.user }}</div> |
41 <div class="py-1 col-2 text-center"> | 40 <div class="py-1 col-2">{{ schedule.config.cron }}</div> |
42 <font-awesome-icon | 41 <div class="py-1 col-2 text-center"> |
43 v-if="schedule.config['send-email']" | |
44 class="fa-fw mr-2" | |
45 fixed-width | |
46 icon="check" | |
47 ></font-awesome-icon> | |
48 </div> | |
49 <div class="py-1 col text-right"> | |
50 <button | |
51 @click="editSchedule(schedule.id)" | |
52 class="btn btn-xs btn-dark mr-1" | |
53 :disabled="importScheduleDetailVisible" | |
54 > | |
55 <font-awesome-icon | 42 <font-awesome-icon |
56 icon="pencil-alt" | 43 v-if="schedule.config['send-email']" |
44 class="fa-fw mr-2" | |
57 fixed-width | 45 fixed-width |
46 icon="check" | |
58 ></font-awesome-icon> | 47 ></font-awesome-icon> |
59 </button> | 48 </div> |
60 <button | 49 <div class="py-1 col text-right"> |
61 @click="deleteSchedule(schedule)" | 50 <button |
62 class="btn btn-xs btn-dark mr-1" | 51 @click="editSchedule(schedule.id)" |
63 :disabled="importScheduleDetailVisible" | 52 class="btn btn-xs btn-dark mr-1" |
64 > | 53 :disabled="importScheduleDetailVisible" |
65 <font-awesome-icon icon="trash" fixed-width></font-awesome-icon> | 54 > |
66 </button> | 55 <font-awesome-icon |
67 <button | 56 icon="pencil-alt" |
68 @click="triggerManualImport(schedule.id)" | 57 fixed-width |
69 class="btn btn-xs btn-dark" | 58 ></font-awesome-icon> |
70 :disabled="importScheduleDetailVisible" | 59 </button> |
71 > | 60 <button |
72 <font-awesome-icon icon="play" fixed-width></font-awesome-icon> | 61 @click="deleteSchedule(schedule)" |
73 </button> | 62 class="btn btn-xs btn-dark mr-1" |
74 </div> | 63 :disabled="importScheduleDetailVisible" |
64 > | |
65 <font-awesome-icon icon="trash" fixed-width></font-awesome-icon> | |
66 </button> | |
67 <button | |
68 @click="triggerManualImport(schedule.id)" | |
69 class="btn btn-xs btn-dark" | |
70 :disabled="importScheduleDetailVisible" | |
71 > | |
72 <font-awesome-icon icon="play" fixed-width></font-awesome-icon> | |
73 </button> | |
74 </div> | |
75 </template> | |
75 </UITableBody> | 76 </UITableBody> |
76 <div class="p-3 text-right"> | 77 <div class="p-3 text-right"> |
77 <button | 78 <button |
78 :disabled="importScheduleDetailVisible" | 79 :disabled="importScheduleDetailVisible" |
79 @click="newImport" | 80 @click="newImport" |