Mercurial > gemma
comparison client/src/components/Bottlenecks.vue @ 2948:f6cd4ebd8562
client: importoverview: improved heights and scrolling
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Fri, 05 Apr 2019 13:52:22 +0200 |
parents | 399b03e59411 |
children | c71373594719 |
comparison
equal
deleted
inserted
replaced
2947:a6eea3002e6e | 2948:f6cd4ebd8562 |
---|---|
16 { | 16 { |
17 id: 'properties.current', | 17 id: 'properties.current', |
18 title: `${latestmeasurementLabel}`, | 18 title: `${latestmeasurementLabel}`, |
19 width: '150px' | 19 width: '150px' |
20 }, | 20 }, |
21 { id: 'properties.from', title: `${chainageLabel}`, width: '150px' } | 21 { id: 'properties.from', title: `${chainageLabel}`, width: '135px' } |
22 ]" | 22 ]" |
23 /> | 23 /> |
24 <UITableBody | 24 <UITableBody |
25 :data="filteredBottlenecks() | sortTable(sortColumn, sortDirection)" | 25 :data="filteredBottlenecks() | sortTable(sortColumn, sortDirection)" |
26 :maxHeight="(showSplitscreen ? 18 : 35) + 'rem'" | 26 :maxHeight="(showSplitscreen ? 18 : 35) + 'rem'" |
36 {{ bottleneck.properties.responsible_country }} | 36 {{ bottleneck.properties.responsible_country }} |
37 </div> | 37 </div> |
38 <div class="table-cell" style="width: 150px"> | 38 <div class="table-cell" style="width: 150px"> |
39 {{ bottleneck.properties.current | surveyDate }} | 39 {{ bottleneck.properties.current | surveyDate }} |
40 </div> | 40 </div> |
41 <div class="table-cell" style="width: 150px"> | 41 <div class="table-cell" style="width: 135px"> |
42 {{ | 42 {{ |
43 displayCurrentChainage( | 43 displayCurrentChainage( |
44 bottleneck.properties.from, | 44 bottleneck.properties.from, |
45 bottleneck.properties.to | 45 bottleneck.properties.to |
46 ) | 46 ) |
47 }} | 47 }} |
48 </div> | 48 </div> |
49 <div class="table-cell center" style="width: 30px"> | 49 <div class="table-cell center" style="flex-grow: 1"> |
50 <UISpinnerButton | 50 <UISpinnerButton |
51 @click="loadSurveys(bottleneck)" | 51 @click="loadSurveys(bottleneck)" |
52 :loading="loading === bottleneck" | 52 :loading="loading === bottleneck" |
53 :state="bottleneck === openBottleneck" | 53 :state="bottleneck === openBottleneck" |
54 v-if="bottleneck.properties.current" | 54 v-if="bottleneck.properties.current" |