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"