Mercurial > gemma

comparison client/src/components/ImportStretches.vue @ 1888:45197e7a7ad3

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
import stretches: listing layout fixed
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 18 Jan 2019 09:47:05 +0100
parents 8ae7a1fba4cd
children b6d0460b069d
comparison
equal deleted inserted replaced
1873:9f8f7d3fd655 1888:45197e7a7ad3
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="road" class="mr-2"></font-awesome-icon> 4 <font-awesome-icon icon="road" class="mr-2"></font-awesome-icon>
5 <translate>Define stretches</translate> 5 <translate>Define stretches</translate>
6 </h6> 6 </h6>
7 <div v-if="!edit" class="mb-3"> 7 <div v-if="!edit" class="mb-3">
8 <div class="mt-3 mb-2 mr-3 ml-3 d-flex flex-row border-bottom">
9 <div class="id">id</div>
10 <div class="funktion">funktion</div>
11 <div class="startrhm">startrhm</div>
12 <div class="endrhm">endrhm</div>
13 </div>
8 <div 14 <div
9 class="mt-3 mr-3 ml-3 d-flex flex-row justify-content-between border-bottom" 15 class=" mr-3 ml-3 d-flex flex-row"
10 >
11 <div>id</div>
12 <div>funktion</div>
13 <div>startrhm</div>
14 <div>endrhm</div>
15 </div>
16 <div
17 class=" mr-3 ml-3 d-flex flex-row justify-content-between"
18 v-for="stretch in stretches" 16 v-for="stretch in stretches"
19 :key="stretch.id" 17 :key="stretch.id"
20 > 18 >
21 <div>{{ stretch.id }}</div> 19 <div class="id">{{ stretch.id }}</div>
22 <div>{{ stretch.funktion }}</div> 20 <div class="funktion">{{ stretch.funktion }}</div>
23 <div>{{ stretch.startrhm }}</div> 21 <div class="startrhm">{{ stretch.startrhm }}</div>
24 <div>{{ stretch.endrhm }}</div> 22 <div class="endrhm">{{ stretch.endrhm }}</div>
25 </div> 23 </div>
26 <div class="mt-3" v-if="stretches.length == 0"> 24 <div class="mt-3" v-if="stretches.length == 0">
27 <translate>No results.</translate> 25 <translate>No results.</translate>
28 </div> 26 </div>
29 </div> 27 </div>
357 ...mapGetters("user", ["isSysAdmin"]) 355 ...mapGetters("user", ["isSysAdmin"])
358 } 356 }
359 }; 357 };
360 </script> 358 </script>
361 359
362 <style lang="scss" scoped></style> 360 <style lang="scss" scoped>
361 .id {
362 text-align: left;
363 width: 25%;
364 }
365
366 .funktion {
367 text-align: left;
368 width: 25%;
369 }
370
371 .endrhm {
372 text-align: left;
373 width: 25%;
374 }
375
376 .startrhm {
377 text-align: left;
378 width: 25%;
379 }
380 </style>