Mercurial > gemma

comparison client/src/components/map/contextbox/Staging.vue @ 1299:2738a6ae9ad8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fontawesome 4 -> 5 An icon was not displayed on a specific system/environment. No clue why... good moment to switch to version 5 of fontawesome
author Markus Kottlaender <markus@intevation.de>
date Fri, 23 Nov 2018 10:24:29 +0100
parents bcfd038b97a2
children d675e6439aa5
comparison
equal deleted inserted replaced
1296:99c039e86624 1299:2738a6ae9ad8
1 <template> 1 <template>
2 <div class="w-90"> 2 <div class="w-90">
3 <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center"> 3 <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
4 <i class="fa fa-list-ol mr-2"></i> 4 <font-awesome-icon icon="clipboard-check" class="mr-2"></font-awesome-icon>
5 Staging Area 5 Staging Area
6 </h6> 6 </h6>
7 <table class="table mb-0"> 7 <table class="table mb-0">
8 <thead> 8 <thead>
9 <tr> 9 <tr>
26 <td> 26 <td>
27 <button 27 <button
28 @click="toggleApproval(data.id, $options.STATES.APPROVED)" 28 @click="toggleApproval(data.id, $options.STATES.APPROVED)"
29 :class="{btn:true, 'btn-sm':true, 'btn-outline-success':needsApproval(data) || isRejected(data), 'btn-success':isApproved(data)}" 29 :class="{btn:true, 'btn-sm':true, 'btn-outline-success':needsApproval(data) || isRejected(data), 'btn-success':isApproved(data)}"
30 > 30 >
31 <i class="fa fa-check"></i> 31 <font-awesome-icon icon="check"></font-awesome-icon>
32 </button> 32 </button>
33 </td> 33 </td>
34 <td> 34 <td>
35 <button 35 <button
36 @click="toggleApproval(data.id, $options.STATES.REJECTED)" 36 @click="toggleApproval(data.id, $options.STATES.REJECTED)"
37 :class="{btn:true, 'btn-sm':true, 'btn-outline-danger':needsApproval(data) || isApproved(data), 'btn-danger':isRejected(data)}" 37 :class="{btn:true, 'btn-sm':true, 'btn-outline-danger':needsApproval(data) || isApproved(data), 'btn-danger':isRejected(data)}"
38 > 38 >
39 <i class="fa fa-close"></i> 39 <font-awesome-icon icon="times"></font-awesome-icon>
40 </button> 40 </button>
41 </td> 41 </td>
42 </tr> 42 </tr>
43 </tbody> 43 </tbody>
44 <tbody v-else> 44 <tbody v-else>