Mercurial > gemma

comparison client/src/components/map/contextbox/Bottlenecks.vue @ 1402:acb71a982837

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: improve translation process docs * Add comment that vue-gettext and easygettext node packages are needed to run the process. * Update easygettext version to latest.
author Fadi Abbud <fadi.abbud@intevation.de>
date Wed, 28 Nov 2018 16:17:17 +0100
parents b350b0b5cb6c
children f7139b814a6c
comparison
equal deleted inserted replaced
1401:178f5beeab03 1402:acb71a982837
1 <template> 1 <template>
2 <div> 2 <div>
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 <font-awesome-icon icon="ship" class="mr-2"></font-awesome-icon>Bottlenecks 4 <font-awesome-icon icon="ship" class="mr-2"></font-awesome-icon><translate>Bottlenecks</translate>
5 </h6> 5 </h6>
6 <div class="row p-2 text-left small"> 6 <div class="row p-2 text-left small">
7 <div class="col-5"> 7 <div class="col-5">
8 <a href="#" @click="sortBy('name')" class="sort-link">Name</a> 8 <a href="#" @click="sortBy('name')" class="sort-link"><translate>Name</translate></a>
9 <font-awesome-icon :icon="sortIcon" class="ml-1" v-if="sortColumn === 'name'"></font-awesome-icon> 9 <font-awesome-icon :icon="sortIcon" class="ml-1" v-if="sortColumn === 'name'"></font-awesome-icon>
10 </div> 10 </div>
11 <div class="col-2"> 11 <div class="col-2">
12 <a href="#" @click="sortBy('latestMeasurement')" class="sort-link">Latest 12 <a href="#" @click="sortBy('latestMeasurement')" class="sort-link"><translate>Latest</translate>
13 <br>Measurement 13 <br><translate>Measurement</translate>
14 </a> 14 </a>
15 <font-awesome-icon :icon="sortIcon" class="ml-1" v-if="sortColumn === 'latestMeasurement'"></font-awesome-icon> 15 <font-awesome-icon :icon="sortIcon" class="ml-1" v-if="sortColumn === 'latestMeasurement'"></font-awesome-icon>
16 </div> 16 </div>
17 <div class="col-3"> 17 <div class="col-3">
18 <a href="#" @click="sortBy('chainage')" class="sort-link">Chainage</a> 18 <a href="#" @click="sortBy('chainage')" class="sort-link"><translate>Chainage</translate></a>
19 <font-awesome-icon :icon="sortIcon" class="ml-1" v-if="sortColumn === 'chainage'"></font-awesome-icon> 19 <font-awesome-icon :icon="sortIcon" class="ml-1" v-if="sortColumn === 'chainage'"></font-awesome-icon>
20 </div> 20 </div>
21 <div class="col-2"></div> 21 <div class="col-2"></div>
22 </div> 22 </div>
23 <div class="bottleneck-list small text-left" v-if="filteredAndSortedBottlenecks().length"> 23 <div class="bottleneck-list small text-left" v-if="filteredAndSortedBottlenecks().length">
55 @click="selectSurvey(survey, bottleneck)" 55 @click="selectSurvey(survey, bottleneck)"
56 >{{ survey.date_info }}</a> 56 >{{ survey.date_info }}</a>
57 </div> 57 </div>
58 </div> 58 </div>
59 </div> 59 </div>
60 <div v-else class="small text-center py-3 border-top">No results.</div> 60 <div v-else class="small text-center py-3 border-top"><translate>No results.</translate></div>
61 </div> 61 </div>
62 </template> 62 </template>
63 63
64 <script> 64 <script>
65 /* This is Free Software under GNU Affero General Public License v >= 3.0 65 /* This is Free Software under GNU Affero General Public License v >= 3.0