Mercurial > gemma

comparison client/src/components/importconfiguration/Import.vue @ 3281:439e1865a2d2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: define stretches/imports: code cleanup / style improvements
author Markus Kottlaender <markus@intevation.de>
date Thu, 16 May 2019 09:52:32 +0200
parents 5d06629a14df
children 4d7b481e1d39
comparison
equal deleted inserted replaced
3280:8fb81b45085f 3281:439e1865a2d2
1 <template> 1 <template>
2 <div> 2 <div>
3 <UIBoxHeader icon="clock" :title="title" :closeCallback="$parent.close" /> 3 <UIBoxHeader icon="clock" :title="title" :closeCallback="$parent.close" />
4 <div v-if="mode === $options.MODES.LIST" class="mb-3"> 4 <div v-if="mode === $options.MODES.LIST">
5 <UISpinnerOverlay v-if="loading" /> 5 <UISpinnerOverlay v-if="loading" />
6 <UITableHeader 6 <UITableHeader
7 :columns="[ 7 :columns="[
8 { id: 'id', title: `${idLabel}`, class: 'col-1' }, 8 { id: 'id', title: `${idLabel}`, class: 'col-1' },
9 { id: 'kind', title: `${typeLabel}`, class: 'col-2' }, 9 { id: 'kind', title: `${typeLabel}`, class: 'col-2' },
15 <UITableBody 15 <UITableBody
16 :data="filteredSchedules | sortTable(sortColumn, sortDirection)" 16 :data="filteredSchedules | sortTable(sortColumn, sortDirection)"
17 :isActive="item => currentSchedule && item.id === currentSchedule.id" 17 :isActive="item => currentSchedule && item.id === currentSchedule.id"
18 > 18 >
19 <template v-slot:row="{ item: schedule }"> 19 <template v-slot:row="{ item: schedule }">
20 <div class="table-cell col-1">{{ schedule.id }}</div> 20 <div class="table-cell py-1 col-1">{{ schedule.id }}</div>
21 <div class="table-cell col-2"> 21 <div class="table-cell py-1 col-2">
22 {{ schedule.kind.toUpperCase() }} 22 {{ schedule.kind.toUpperCase() }}
23 </div> 23 </div>
24 <div class="table-cell col-2">{{ schedule.user }}</div> 24 <div class="table-cell py-1 col-2">{{ schedule.user }}</div>
25 <div class="table-cell col-2">{{ schedule.config.cron }}</div> 25 <div class="table-cell py-1 col-2">{{ schedule.config.cron }}</div>
26 <div class="table-cell col-2"> 26 <div class="table-cell py-1 col-2">
27 <font-awesome-icon 27 <font-awesome-icon
28 v-if="schedule.config['send-email']" 28 v-if="schedule.config['send-email']"
29 class="fa-fw mr-2" 29 class="fa-fw mr-2"
30 fixed-width 30 fixed-width
31 icon="check" 31 icon="check"
32 /> 32 />
33 </div> 33 </div>
34 <div class="table-cell col justify-content-end"> 34 <div class="table-cell py-1 col justify-content-end">
35 <button 35 <button
36 @click="triggerManualImport(schedule.id)" 36 @click="triggerManualImport(schedule.id)"
37 class="btn btn-xs btn-dark mr-1" 37 class="btn btn-xs btn-dark mr-1"
38 :disabled="importScheduleDetailVisible" 38 :disabled="importScheduleDetailVisible"
39 > 39 >
56 </div> 56 </div>
57 </template> 57 </template>
58 </UITableBody> 58 </UITableBody>
59 </div> 59 </div>
60 <ImportDetails v-if="mode === $options.MODES.EDIT"></ImportDetails> 60 <ImportDetails v-if="mode === $options.MODES.EDIT"></ImportDetails>
61 <div class="d-flex flex-row w-100 mb-3"> 61 <div
62 <button 62 class="text-right border-top p-2"
63 :key="3" 63 v-if="mode === $options.MODES.LIST && !isOnetime"
64 v-if="mode === $options.MODES.LIST && !isOnetime" 64 >
65 @click="newConfiguration()" 65 <button :key="3" @click="newConfiguration()" class="btn btn-sm btn-info">
66 class="ml-auto btn btn-info mr-3"
67 >
68 <translate>New import</translate> 66 <translate>New import</translate>
69 </button> 67 </button>
70 </div> 68 </div>
71 </div> 69 </div>
72 </template> 70 </template>
73
74 <style></style>
75 71
76 <script> 72 <script>
77 /* This is Free Software under GNU Affero General Public License v >= 3.0 73 /* This is Free Software under GNU Affero General Public License v >= 3.0
78 * without warranty, see README.md and license for details. 74 * without warranty, see README.md and license for details.
79 * 75 *