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 }