Mercurial > gemma

comparison client/src/layers/Identify.vue @ 798:383fac3e5d1e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fairway profile WIP
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 27 Sep 2018 12:07:29 +0200
parents 073394629ec6
children 5ef542130865
comparison
equal deleted inserted replaced
797:644172f201e8 798:383fac3e5d1e
10 <div class="headline"> 10 <div class="headline">
11 <h4 class="card-title">Identified</h4> 11 <h4 class="card-title">Identified</h4>
12 </div> 12 </div>
13 <hr> 13 <hr>
14 <div class="d-flex flex-column"> 14 <div class="d-flex flex-column">
15 <div v-for="feature of identifiedFeatures" :key="feature.getId()"> 15 <div v-for="feature of identifiedFeatures" :key="feature.getId()">
16 <div v-if="feature.getId()"> 16 <div v-if="feature.getId()">
17 {{ feature.getId().replace(/[.][^.]*$/,"") /* cut away everything from the last . to the end */}}: 17 {{ feature.getId().replace(/[.][^.]*$/,"") /* cut away everything from the last . to the end */}}:
18 <small v-for="(value, key) in prepareProperties(feature)" :key="key"> 18 <small v-for="(value, key) in prepareProperties(feature)" :key="key">
19 <div v-if="value">{{key}}:{{value}}</div> 19 <div v-if="value">{{key}}:{{value}}</div>
20 </small> 20 </small>
21 </div>
21 </div> 22 </div>
22 </div>
23 </div> 23 </div>
24 </div> 24 </div>
25 </div> 25 </div>
26 </div> 26 </div>
27 </template> 27 </template>
33 } 33 }
34 .identify { 34 .identify {
35 background-color: white; 35 background-color: white;
36 margin-left: $small-offset; 36 margin-left: $small-offset;
37 opacity: $slight-transparent; 37 opacity: $slight-transparent;
38 text-align: left;
38 } 39 }
39 40
40 .identifycollapsed { 41 .identifycollapsed {
41 height: $icon-height; 42 height: $icon-height;
42 width: $icon-width; 43 width: $icon-width;