comparison client/src/components/importoverview/LogEntry.vue @ 3005:870d2a0e866b

import_overview: improved style calculus
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 11 Apr 2019 10:11:59 +0200
parents 0d74727725d3
children f6eae0b6c221
comparison
equal deleted inserted replaced
3004:0d74727725d3 3005:870d2a0e866b
19 {{ entry.user }} 19 {{ entry.user }}
20 </div> 20 </div>
21 <div style="width: 105px;" class="table-cell truncate"> 21 <div style="width: 105px;" class="table-cell truncate">
22 {{ entry.signer }} 22 {{ entry.signer }}
23 </div> 23 </div>
24 <div style="width: 72px;" class="table-cell center"> 24 <div style="width: 72px;" :class="stateStyle">
25 <span v-if="entry.state === 'failed'" class="text-danger"> 25 {{ entry.state }}
26 {{ entry.state }}
27 </span>
28 <span v-if="entry.state === 'running'" class="text-bold">
29 {{ entry.state }}
30 </span>
31 <span v-if="entry.state !== 'running' && entry.state !== 'failed'">{{
32 entry.state
33 }}</span>
34 </div> 26 </div>
35 <div style="width: 44px;" class="table-cell center"> 27 <div style="width: 44px;" class="table-cell center">
36 <font-awesome-icon 28 <font-awesome-icon
37 v-if="entry.warnings" 29 v-if="entry.warnings"
38 class="text-warning" 30 class="text-warning"
115 loading: false 107 loading: false
116 }; 108 };
117 }, 109 },
118 computed: { 110 computed: {
119 ...mapState("imports", ["show"]), 111 ...mapState("imports", ["show"]),
112 stateStyle() {
113 return [
114 "table-cell",
115 "center",
116 {
117 "text-danger": this.entry.state === "failed",
118 "text-bold": this.entry.state === "running"
119 }
120 ];
121 },
120 needsApproval() { 122 needsApproval() {
121 return this.entry.status === STATES.NEEDSAPPROVAL; 123 return this.entry.status === STATES.NEEDSAPPROVAL;
122 }, 124 },
123 isRejected() { 125 isRejected() {
124 return this.entry.status === STATES.REJECTED; 126 return this.entry.status === STATES.REJECTED;