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"