Mercurial > gemma
comparison client/src/components/importconfiguration/types/Bottleneck.vue @ 3281:439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Thu, 16 May 2019 09:52:32 +0200 |
parents | cb3b31566e48 |
children |
comparison
equal
deleted
inserted
replaced
3280:8fb81b45085f | 3281:439e1865a2d2 |
---|---|
1 <template> | 1 <template> |
2 <div> | 2 <div class="p-2"> |
3 <div class="d-flex flex-row"> | 3 <div class="d-flex"> |
4 <div class="flex-column mt-3 mr-3 w-100"> | 4 <div class="flex-column w-100"> |
5 <template v-if="!directImport"> | 5 <template v-if="!directImport"> |
6 <div class="flex-row text-left"> | 6 <div class="flex-row text-left"> |
7 <small class="text-muted"> <translate>URL</translate> </small> | 7 <small class="text-muted"> |
8 <translate>URL</translate> | |
9 </small> | |
8 </div> | 10 </div> |
9 <div class="w-100"> | 11 <div class="w-100"> |
10 <input | 12 <input |
11 @input="urlChanged" | 13 @input="urlChanged" |
12 class="url form-control" | 14 class="url form-control form-control-sm" |
13 type="url" | 15 type="url" |
14 :value="url" | 16 :value="url" |
15 /> | 17 /> |
16 </div> | 18 </div> |
17 </template> | 19 </template> |
18 </div> | 20 </div> |
19 <div v-if="false" class="flex-column mt-3 text-left"> | 21 <div v-if="false" class="flex-column mt-2 text-left"> |
20 <div class="d-flex flex-row"> | 22 <div class="d-flex flex-row"> |
21 <small class="text-muted mr-2" | 23 <small class="text-muted mr-2" |
22 ><translate>Insecure</translate> | 24 ><translate>Insecure</translate> |
23 </small> | 25 </small> |
24 </div> | 26 </div> |
40 :height="30" | 42 :height="30" |
41 /> | 43 /> |
42 </div> | 44 </div> |
43 </div> | 45 </div> |
44 </div> | 46 </div> |
45 <div v-if="!directImport && !url" class="d-flex flex-row"> | 47 <div v-if="!directImport && !url" class="d-flex"> |
46 <small | 48 <small |
47 ><translate class="text-danger">Please enter a URL</translate></small | 49 ><translate class="text-danger">Please enter a URL</translate></small |
48 > | 50 > |
49 </div> | 51 </div> |
50 <div class="d-flex flex-row"> | 52 <div class="d-flex"> |
51 <div class="flex-column mt-3 mr-3 w-50"> | 53 <div class="flex-column mt-2 mr-3 w-50"> |
52 <div class="flex-row text-left"> | 54 <div class="flex-row text-left"> |
53 <small class="text-muted"> | 55 <small class="text-muted"> |
54 <translate>Tolerance for snapping of waterway axis [m]</translate> | 56 <translate>Tolerance for snapping of waterway axis [m]</translate> |
55 </small> | 57 </small> |
56 </div> | 58 </div> |
57 <div class="w-100"> | 59 <div class="w-100"> |
58 <input | 60 <input |
59 @input="toleranceChanged" | 61 @input="toleranceChanged" |
60 class="tolerance form-control" | 62 class="tolerance form-control form-control-sm" |
61 type="number" | 63 type="number" |
62 min="0" | 64 min="0" |
63 :value="tolerance" | 65 :value="tolerance" |
64 /> | 66 /> |
65 </div> | 67 </div> |
66 <div v-if="!tolerance" class="d-flex flex-row"> | 68 <div v-if="!tolerance" class="d-flex"> |
67 <small | 69 <small |
68 ><translate class="text-danger" | 70 ><translate class="text-danger" |
69 >Please enter a tolerance value</translate | 71 >Please enter a tolerance value</translate |
70 ></small | 72 ></small |
71 > | 73 > |