Mercurial > gemma

comparison client/src/components/ImportStretches.vue @ 2874:b9a6abef9f1c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: more unified table layout Expandable/collapsible rows are now also handled by the component
author Markus Kottlaender <markus@intevation.de>
date Mon, 01 Apr 2019 11:51:03 +0200
parents 02f51054f648
children ab0a829735f6
comparison
equal deleted inserted replaced
2873:b1707f60f241 2874:b9a6abef9f1c
17 } 17 }
18 ]" 18 ]"
19 /> 19 />
20 <UITableBody 20 <UITableBody
21 :data="filteredStretches() | sortTable(sortColumn, sortDirection)" 21 :data="filteredStretches() | sortTable(sortColumn, sortDirection)"
22 v-slot="{ item: stretch }"
23 > 22 >
24 <div class="py-1 col-4 "> 23 <template v-slot:row="{ item: stretch }">
25 <a 24 <div class="py-1 col-4 ">
26 class="linkto text-info" 25 <a
27 v-if="isInStaging(stretch.properties.name)" 26 class="linkto text-info"
28 @click="gotoStaging(getStagingLink(stretch.properties.name))" 27 v-if="isInStaging(stretch.properties.name)"
29 > 28 @click="gotoStaging(getStagingLink(stretch.properties.name))"
30 {{ stretch.properties.name 29 >
31 }}<font-awesome-icon 30 {{ stretch.properties.name
32 class="ml-1 text-danger" 31 }}<font-awesome-icon
33 icon="exclamation-triangle" 32 class="ml-1 text-danger"
34 fixed-width 33 icon="exclamation-triangle"
35 ></font-awesome-icon 34 fixed-width
36 ><small class="ml-1">review</small> 35 ></font-awesome-icon
37 </a> 36 ><small class="ml-1">review</small>
38 <a v-else @click="moveMapToStretch(stretch)" href="#">{{ 37 </a>
39 stretch.properties.name 38 <a v-else @click="moveMapToStretch(stretch)" href="#">{{
40 }}</a> 39 stretch.properties.name
41 </div> 40 }}</a>
42 <div class="py-1 col-2"> 41 </div>
43 {{ stretch.properties.date_info | surveyDate }} 42 <div class="py-1 col-2">
44 </div> 43 {{ stretch.properties.date_info | surveyDate }}
45 <div class="py-1 col-3"> 44 </div>
46 {{ stretch.properties.source_organization }} 45 <div class="py-1 col-3">
47 </div> 46 {{ stretch.properties.source_organization }}
48 <div class="py-1 col text-right"> 47 </div>
49 <button 48 <div class="py-1 col text-right">
50 class="btn btn-xs btn-dark mr-1" 49 <button
51 @click="editStretch(stretch)" 50 class="btn btn-xs btn-dark mr-1"
52 > 51 @click="editStretch(stretch)"
53 <font-awesome-icon icon="pencil-alt" fixed-width /> 52 >
54 </button> 53 <font-awesome-icon icon="pencil-alt" fixed-width />
55 <button class="btn btn-xs btn-dark" @click="deleteStretch(stretch)"> 54 </button>
56 <font-awesome-icon icon="trash" fixed-width /> 55 <button class="btn btn-xs btn-dark" @click="deleteStretch(stretch)">
57 </button> 56 <font-awesome-icon icon="trash" fixed-width />
58 </div> 57 </button>
58 </div>
59 </template>
59 </UITableBody> 60 </UITableBody>
60 </div> 61 </div>
61 <div v-if="edit"> 62 <div v-if="edit">
62 <div class="ml-3 mr-3"> 63 <div class="ml-3 mr-3">
63 <div class="d-flex flex-row justify-content-between"> 64 <div class="d-flex flex-row justify-content-between">