Mercurial > gemma
comparison client/src/components/importoverview/importlogs/LogDetail.vue @ 2440:999bb511ef67
staging: layout logs
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Fri, 01 Mar 2019 10:52:32 +0100 |
parents | 77baf4f0ee1e |
children | 9b7138751f5b |
comparison
equal
deleted
inserted
replaced
2439:c3c014435e88 | 2440:999bb511ef67 |
---|---|
1 <template> | 1 <template> |
2 <div class="entry d-flex flex-column py-1 border-bottom"> | 2 <div class="entry d-flex flex-column py-1 border-bottom"> |
3 <div class="d-flex flex-row position-relative"> | 3 <div class="d-flex flex-row position-relative"> |
4 <div @click="showDetails(job.id)" class="jobid ml-2 mt-1 mr-2"> | 4 <small @click="showDetails(job.id)" class="jobid ml-2 mt-1 mr-2"> |
5 {{ job.id }} | 5 {{ job.id }} |
6 </div> | 6 </small> |
7 <div @click="showDetails(job.id)" class="enqueued mt-1 mr-2"> | 7 <small @click="showDetails(job.id)" class="enqueued mt-1 mr-2"> |
8 {{ formatDateTime(job.enqueued) }} | 8 {{ formatDateTime(job.enqueued) }} |
9 </div> | 9 </small> |
10 <div @click="showDetails(job.id)" class="kind mt-1 mr-2"> | 10 <small @click="showDetails(job.id)" class="kind mt-1 mr-2"> |
11 {{ job.kind.toUpperCase() }} | 11 {{ job.kind.toUpperCase() }} |
12 </div> | 12 </small> |
13 <div @click="showDetails(job.id)" class="user mt-1 mr-2"> | 13 <small @click="showDetails(job.id)" class="user mt-1 mr-2"> |
14 {{ job.user }} | 14 {{ job.user }} |
15 </div> | 15 </small> |
16 <div @click="showDetails(job.id)" class="signer mt-1 mr-2"> | 16 <small @click="showDetails(job.id)" class="signer mt-1 mr-2"> |
17 {{ job.signer }} | 17 {{ job.signer }} |
18 </div> | 18 </small> |
19 <div @click="showDetails(job.id)" class="state mt-1 mr-2"> | 19 <small @click="showDetails(job.id)" class="state mt-1 mr-2"> |
20 <span :class="{ 'text-danger': job.state.toUpperCase() == 'FAILED' }" | 20 <span :class="{ 'text-danger': job.state.toUpperCase() == 'FAILED' }" |
21 >{{ job.state | 21 >{{ job.state |
22 }}<font-awesome-icon | 22 }}<font-awesome-icon |
23 v-if="job.warnings" | 23 v-if="job.warnings" |
24 class="ml-1 text-warning" | 24 class="ml-1 text-warning" |
25 icon="exclamation-triangle" | 25 icon="exclamation-triangle" |
26 fixed-width | 26 fixed-width |
27 ></font-awesome-icon | 27 ></font-awesome-icon> |
28 ></span> | 28 </span> |
29 </div> | 29 <span v-if="!job.warnings" style="margin-right: 1.6em;"></span> |
30 </small> | |
30 <div @click="showDetails(job.id)" class="mt-1 text-info detailsbutton"> | 31 <div @click="showDetails(job.id)" class="mt-1 text-info detailsbutton"> |
31 <font-awesome-icon | 32 <font-awesome-icon |
32 class="pointer" | 33 class="pointer" |
33 v-if="show" | 34 v-if="show" |
34 icon="angle-up" | 35 icon="angle-up" |
289 top: 0; | 290 top: 0; |
290 right: 0; | 291 right: 0; |
291 height: 100%; | 292 height: 100%; |
292 } | 293 } |
293 .jobid { | 294 .jobid { |
294 width: 15%; | 295 width: 5%; |
295 } | |
296 | |
297 .enqueued { | |
298 width: 15%; | |
299 } | 296 } |
300 | 297 |
301 .user { | 298 .user { |
302 width: 15%; | 299 width: 15%; |
303 } | 300 } |