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 >