Mercurial > gemma
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; |