Mercurial > gemma
annotate client/src/components/systemconfiguration/ColorSettings.vue @ 4333:3f0422751cb4
client: (minor) remove comments
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Thu, 05 Sep 2019 10:41:34 +0200 |
parents | baa3759f27f4 |
children | b5290f4a35f4 |
rev | line source |
---|---|
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
1 <template> |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
2 <div class="d-flex flex-column py-3"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
3 <div class="px-3 container-fluid"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
4 <div class="row"> |
4200
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
5 <div v-for="f in features" :key="f.key" class="col-sm-2 mt-2"> |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
6 <div v-if="f.fillColor" class="card mt-3"> |
4200
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
7 <div class="card-header small text-center"> |
4229
912b8aa42c31
clinet: improve strings-marking for translations (ColorSettings.vue)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4213
diff
changeset
|
8 <span v-translate="{ layerName: f.name }" |
912b8aa42c31
clinet: improve strings-marking for translations (ColorSettings.vue)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4213
diff
changeset
|
9 >%{layerName} Fill Color</span |
912b8aa42c31
clinet: improve strings-marking for translations (ColorSettings.vue)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4213
diff
changeset
|
10 > |
4200
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
11 </div> |
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
12 <div class="card-body p-0"> |
4264
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
13 <chrome-picker |
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
14 v-model="f.fillColor" |
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
15 :class="{ hide: f.noOpacity }" |
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
16 /> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
17 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
18 </div> |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
19 <div class="mt-3"> |
4199
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
20 <div v-if="f.strokeColor" class="card"> |
4200
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
21 <div class="card-header small text-center"> |
4229
912b8aa42c31
clinet: improve strings-marking for translations (ColorSettings.vue)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4213
diff
changeset
|
22 <span v-translate="{ layerName: f.name }" |
912b8aa42c31
clinet: improve strings-marking for translations (ColorSettings.vue)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4213
diff
changeset
|
23 >%{layerName} Border Color</span |
912b8aa42c31
clinet: improve strings-marking for translations (ColorSettings.vue)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4213
diff
changeset
|
24 > |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
25 </div> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
26 <div class="card-body p-0"> |
4264
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
27 <chrome-picker |
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
28 v-model="f.strokeColor" |
4320
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
29 :class="{ |
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
30 hide: |
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
31 f.noOpacity || |
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
32 f.name === 'Distance Marks' || |
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
33 f.name === 'Distance Marks, Axis' |
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
34 }" |
4264
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
35 /> |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
36 </div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
37 </div> |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
38 </div> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
39 <div class="mt-2"> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
40 <a |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
41 @click.prevent="submit(f)" |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
42 class="btn btn-info btn-sm text-white" |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
43 > |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
44 <translate>Send</translate> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
45 </a> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
46 <a |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
47 @click.prevent="reset(f)" |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
48 class="btn btn-outline-info btn-sm ml-2" |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
49 > |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
50 <translate>Reset to defaults</translate> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
51 </a> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
52 </div> |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
53 </div> |
4250
3181ae3f9f84
client: unify layout of buttons and mark strings for translations(ColorSetting)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4240
diff
changeset
|
54 <div class="col-sm-2 align-self-end px-1"> |
3181ae3f9f84
client: unify layout of buttons and mark strings for translations(ColorSetting)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4240
diff
changeset
|
55 <a @click.prevent="resetAll" class="btn btn-outline-info btn-sm" |
3181ae3f9f84
client: unify layout of buttons and mark strings for translations(ColorSetting)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4240
diff
changeset
|
56 ><translate>Reset all to defaults</translate> |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
57 </a> |
4250
3181ae3f9f84
client: unify layout of buttons and mark strings for translations(ColorSetting)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4240
diff
changeset
|
58 <a |
3181ae3f9f84
client: unify layout of buttons and mark strings for translations(ColorSetting)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4240
diff
changeset
|
59 @click.prevent="saveAll" |
3181ae3f9f84
client: unify layout of buttons and mark strings for translations(ColorSetting)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4240
diff
changeset
|
60 class="btn btn-info ml-1 btn-sm text-white " |
3181ae3f9f84
client: unify layout of buttons and mark strings for translations(ColorSetting)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4240
diff
changeset
|
61 ><translate>Send all</translate> |
3181ae3f9f84
client: unify layout of buttons and mark strings for translations(ColorSetting)
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4240
diff
changeset
|
62 </a> |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
63 </div> |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
64 </div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
65 </div> |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
66 </div> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
67 </template> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
68 |
3593
e7726cc3bc56
client: configuration: used same color picker for all color settings and adjusted its style
Markus Kottlaender <markus@intevation.de>
parents:
2985
diff
changeset
|
69 <style lang="sass" scoped> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
70 /deep/ |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
71 .card |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
72 overflow: hidden |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
73 .card-header |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
74 padding: .25rem 1rem |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
75 .vc-chrome |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
76 box-shadow: none |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
77 border-radius: 0 |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
78 width: 100% |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
79 .vc-chrome-saturation-wrap |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
80 border-radius: 0 |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
81 padding-bottom: 45% |
4264
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
82 &.hide |
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
83 .vc-chrome-alpha-wrap |
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
84 display: none !important |
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
85 .vc-chrome-hue-wrap |
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
86 margin-top: 10px |
3593
e7726cc3bc56
client: configuration: used same color picker for all color settings and adjusted its style
Markus Kottlaender <markus@intevation.de>
parents:
2985
diff
changeset
|
87 </style> |
e7726cc3bc56
client: configuration: used same color picker for all color settings and adjusted its style
Markus Kottlaender <markus@intevation.de>
parents:
2985
diff
changeset
|
88 |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
89 <script> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
90 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
91 * without warranty, see README.md and license for details. |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
92 * |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
93 * SPDX-License-Identifier: AGPL-3.0-or-later |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
94 * License-Filename: LICENSES/AGPL-3.0.txt |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
95 * |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
96 * Copyright (C) 2018 by via donau |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
97 * – Österreichische Wasserstraßen-Gesellschaft mbH |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
98 * Software engineering by Intevation GmbH |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
99 * |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
100 * Author(s): |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
101 * Markus Kottländer <markus@intevation.de> |
4254
f1f1395f141b
client: correct authors for Colorsettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4250
diff
changeset
|
102 * Fadi Abbud <fadi.abbud@intevation.de> |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
103 */ |
2920
c1f2b9148cc8
client: removed more unnecessary closing tags and opzimized imports
Markus Kottlaender <markus@intevation.de>
parents:
2276
diff
changeset
|
104 import { Chrome, Compact } from "vue-color"; |
3871
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
105 import defaults from "./defaults"; |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
106 import { mapState } from "vuex"; |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
107 import { displayInfo } from "@/lib/errors"; |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
108 |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
109 const initSColor = "#000000", |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
110 initFColor = "#000000"; |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
111 |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
112 export default { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
113 name: "colorsettings", |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
114 data() { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
115 return { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
116 sent: false, |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
117 currentConfig: null, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
118 features: [ |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
119 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
120 name: "Bottlenecks", |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
121 fillColor: initSColor, |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
122 strokeColor: initSColor |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
123 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
124 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
125 name: "Stretches", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
126 fillColor: initFColor, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
127 strokeColor: initSColor |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
128 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
129 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
130 name: "Sections", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
131 fillColor: initFColor, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
132 strokeColor: initSColor |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
133 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
134 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
135 name: "LOS_1", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
136 fillColor: initFColor, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
137 strokeColor: initSColor |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
138 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
139 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
140 name: "LOS_2", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
141 fillColor: initFColor, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
142 strokeColor: initSColor |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
143 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
144 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
145 name: "LOS_3", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
146 fillColor: initFColor, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
147 strokeColor: initSColor |
4199
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
148 }, |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
149 { |
4240
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
150 name: "Distance Marks, Axis", |
4234
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
151 strokeColor: initSColor, |
4320
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
152 fillColor: initSColor |
4234
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
153 }, |
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
154 { |
4240
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
155 name: "Distance Marks", |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
156 strokeColor: initSColor, |
4320
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
157 fillColor: initSColor |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
158 }, |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
159 { |
4199
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
160 name: "Waterway profiles", |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
161 strokeColor: initSColor |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
162 }, |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
163 { |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
164 name: "Waterway Axis", |
4264
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
165 strokeColor: initSColor, |
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
166 noOpacity: true |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
167 }, |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
168 { |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
169 name: "Waterway Area", |
4264
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
170 strokeColor: initSColor, |
edfafea4b7b0
styles-config: hide alpha color picker for some layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4262
diff
changeset
|
171 noOpacity: true |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
172 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
173 ] |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
174 }; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
175 }, |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
176 computed: { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
177 ...mapState("application", ["config"]) |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
178 }, |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
179 components: { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
180 "chrome-picker": Chrome, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
181 "compact-picker": Compact |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
182 }, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
183 methods: { |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
184 saveAll() { |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
185 this.features.forEach(f => { |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
186 this.submit(f); |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
187 }); |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
188 }, |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
189 resetAll() { |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
190 this.features.forEach(f => { |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
191 this.reset(f); |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
192 }); |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
193 }, |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
194 reset(feature) { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
195 switch (feature.name) { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
196 case "Bottlenecks": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
197 feature.strokeColor = defaults.feature_colours_bottlenecks_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
198 feature.fillColor = defaults.feature_colours_bottlenecks_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
199 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
200 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
201 case "Stretches": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
202 feature.strokeColor = defaults.feature_colours_stretches_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
203 feature.fillColor = defaults.feature_colours_stretches_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
204 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
205 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
206 case "Sections": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
207 feature.strokeColor = defaults.feature_colours_sections_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
208 feature.fillColor = defaults.feature_colours_sections_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
209 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
210 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
211 case "LOS_1": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
212 feature.strokeColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
213 defaults.feature_colours_fairwaydimensionslos1_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
214 feature.fillColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
215 defaults.feature_colours_fairwaydimensionslos1_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
216 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
217 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
218 case "LOS_2": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
219 feature.strokeColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
220 defaults.feature_colours_fairwaydimensionslos2_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
221 feature.fillColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
222 defaults.feature_colours_fairwaydimensionslos2_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
223 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
224 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
225 case "LOS_3": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
226 feature.strokeColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
227 defaults.feature_colours_fairwaydimensionslos3_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
228 feature.fillColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
229 defaults.feature_colours_fairwaydimensionslos3_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
230 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
231 } |
4199
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
232 case "Waterway profiles": { |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
233 feature.strokeColor = |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
234 defaults.feature_colours_waterwayprofiles_stroke; |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
235 break; |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
236 } |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
237 case "Waterway Axis": { |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
238 feature.strokeColor = defaults.feature_colours_waterway_axis_stroke; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
239 break; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
240 } |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
241 case "Waterway Area": { |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
242 feature.strokeColor = defaults.feature_colours_waterway_area_stroke; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
243 break; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
244 } |
4240
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
245 case "Distance Marks, Axis": { |
4234
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
246 feature.strokeColor = defaults.feature_colours_distancemarks_stroke; |
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
247 feature.fillColor = defaults.feature_colours_distancemarks_fill; |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
248 break; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
249 } |
4240
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
250 case "Distance Marks": { |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
251 feature.strokeColor = |
4240
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
252 defaults.feature_colours_distancemarks_ashore_stroke; |
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
253 feature.fillColor = |
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
254 defaults.feature_colours_distancemarks_ashore_fill; |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
255 break; |
4234
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
256 } |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
257 } |
3871
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
258 }, |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
259 submit(feature) { |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
260 let strokeC = feature.strokeColor.hex8 || feature.strokeColor, |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
261 fillC = feature.fillColor |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
262 ? feature.fillColor.hex8 || feature.fillColor |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
263 : initFColor; |
4320
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
264 let strokeCForWMS = feature.strokeColor.hex || feature.strokeColor; |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
265 let noChangeMsg = name => { |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
266 displayInfo({ |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
267 title: name + ":", |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
268 message: this.$gettext("No style-changes") |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
269 }); |
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
270 }; |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
271 switch (feature.name) { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
272 case "Bottlenecks": { |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
273 // send values only if they changed |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
274 if ( |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
275 strokeC !== this.config.bottlenecks_stroke || |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
276 fillC !== this.config.bottlenecks_fill |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
277 ) { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
278 this.$store |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
279 .dispatch("application/saveConfig", { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
280 bottlenecks_stroke: strokeC, |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
281 bottlenecks_fill: fillC |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
282 }) |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
283 .finally(() => this.$store.dispatch("application/loadConfig")); |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
284 } else { |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
285 noChangeMsg(feature.name); |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
286 } |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
287 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
288 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
289 case "Stretches": { |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
290 if ( |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
291 strokeC !== this.config.stretches_stroke || |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
292 fillC !== this.config.stretches_fill |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
293 ) { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
294 this.$store |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
295 .dispatch("application/saveConfig", { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
296 stretches_stroke: strokeC, |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
297 stretches_fill: fillC |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
298 }) |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
299 .finally(() => this.$store.dispatch("application/loadConfig")); |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
300 } else { |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
301 noChangeMsg(feature.name); |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
302 } |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
303 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
304 } |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
305 case "Sections": { |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
306 if ( |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
307 strokeC !== this.config.sections_stroke || |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
308 fillC !== this.config.sections_fill |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
309 ) { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
310 this.$store |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
311 .dispatch("application/saveConfig", { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
312 sections_stroke: strokeC, |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
313 sections_fill: fillC |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
314 }) |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
315 .finally(() => this.$store.dispatch("application/loadConfig")); |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
316 } else { |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
317 noChangeMsg(feature.name); |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
318 } |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
319 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
320 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
321 case "LOS_1": { |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
322 if ( |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
323 strokeC !== this.config.fairwaydimensionslos1_stroke || |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
324 fillC !== this.config.fairwaydimensionslos1_fill |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
325 ) { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
326 this.$store |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
327 .dispatch("application/saveConfig", { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
328 fairwaydimensionslos1_stroke: strokeC, |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
329 fairwaydimensionslos1_fill: fillC |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
330 }) |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
331 .finally(() => this.$store.dispatch("application/loadConfig")); |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
332 } else { |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
333 noChangeMsg(feature.name); |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
334 } |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
335 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
336 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
337 case "LOS_2": { |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
338 if ( |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
339 strokeC !== this.config.fairwaydimensionslos2_stroke || |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
340 fillC !== this.config.fairwaydimensionslos2_fill |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
341 ) { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
342 this.$store |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
343 .dispatch("application/saveConfig", { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
344 fairwaydimensionslos2_stroke: strokeC, |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
345 fairwaydimensionslos2_fill: fillC |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
346 }) |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
347 .finally(() => this.$store.dispatch("application/loadConfig")); |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
348 } else { |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
349 noChangeMsg(feature.name); |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
350 } |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
351 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
352 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
353 case "LOS_3": { |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
354 if ( |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
355 strokeC !== this.config.fairwaydimensionslos3_stroke || |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
356 fillC !== this.config.fairwaydimensionslos3_fill |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
357 ) { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
358 this.$store |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
359 .dispatch("application/saveConfig", { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
360 fairwaydimensionslos3_stroke: strokeC, |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
361 fairwaydimensionslos3_fill: fillC |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
362 }) |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
363 .finally(() => this.$store.dispatch("application/loadConfig")); |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
364 } else { |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
365 noChangeMsg(feature.name); |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
366 } |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
367 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
368 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
369 case "Waterway profiles": { |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
370 if (strokeC !== this.config.waterwayprofiles_stroke) { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
371 this.$store |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
372 .dispatch("application/saveConfig", { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
373 waterwayprofiles_stroke: strokeC |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
374 }) |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
375 .finally(() => { |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
376 this.$store.dispatch("application/loadConfig"); |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
377 }); |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
378 } else { |
4213
36ee7e621133
styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4211
diff
changeset
|
379 noChangeMsg(feature.name); |
4211
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
380 } |
d08247127c21
styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4208
diff
changeset
|
381 break; |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
382 } |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
383 case "Waterway Axis": { |
4262
45802eac155b
styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4254
diff
changeset
|
384 if (strokeCForWMS !== this.config.waterway_axis_stroke) { |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
385 this.$store |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
386 .dispatch("application/saveConfig", { |
4262
45802eac155b
styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4254
diff
changeset
|
387 waterway_axis_stroke: strokeCForWMS |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
388 }) |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
389 .finally(() => { |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
390 this.$store.dispatch("application/loadConfig"); |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
391 }); |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
392 } else { |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
393 noChangeMsg(feature.name); |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
394 } |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
395 break; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
396 } |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
397 case "Waterway Area": { |
4262
45802eac155b
styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4254
diff
changeset
|
398 if (strokeCForWMS !== this.config.waterway_area_stroke) { |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
399 this.$store |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
400 .dispatch("application/saveConfig", { |
4262
45802eac155b
styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4254
diff
changeset
|
401 waterway_area_stroke: strokeCForWMS |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
402 }) |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
403 .finally(() => { |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
404 this.$store.dispatch("application/loadConfig"); |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
405 }); |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
406 } else { |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
407 noChangeMsg(feature.name); |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
408 } |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
409 break; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
410 } |
4240
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
411 case "Distance Marks, Axis": { |
4234
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
412 if ( |
4262
45802eac155b
styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4254
diff
changeset
|
413 strokeCForWMS !== this.config.distance_marks_stroke || |
4320
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
414 fillC !== this.config.distance_marks_fill |
4234
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
415 ) { |
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
416 this.$store |
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
417 .dispatch("application/saveConfig", { |
4262
45802eac155b
styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4254
diff
changeset
|
418 distance_marks_stroke: strokeCForWMS, |
4320
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
419 distance_marks_fill: fillC |
4234
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
420 }) |
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
421 .finally(() => this.$store.dispatch("application/loadConfig")); |
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
422 } else { |
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
423 noChangeMsg(feature.name); |
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
424 } |
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
425 break; |
fec07ba0fa60
client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4229
diff
changeset
|
426 } |
4240
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
427 case "Distance Marks": { |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
428 if ( |
4262
45802eac155b
styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4254
diff
changeset
|
429 strokeCForWMS !== this.config.distance_marks_ashore_stroke || |
4320
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
430 fillC !== this.config.distance_marks_ashore_fill |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
431 ) { |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
432 this.$store |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
433 .dispatch("application/saveConfig", { |
4262
45802eac155b
styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4254
diff
changeset
|
434 distance_marks_ashore_stroke: strokeCForWMS, |
4320
baa3759f27f4
client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4264
diff
changeset
|
435 distance_marks_ashore_fill: fillC |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
436 }) |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
437 .finally(() => this.$store.dispatch("application/loadConfig")); |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
438 } else { |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
439 noChangeMsg(feature.name); |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
440 } |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
441 break; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
442 } |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
443 } |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
444 } |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
445 }, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
446 mounted() { |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
447 this.features[0].strokeColor = this.config.bottlenecks_stroke || initSColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
448 this.features[0].fillColor = this.config.bottlenecks_fill || initFColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
449 this.features[1].strokeColor = this.config.stretches_stroke || initSColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
450 this.features[1].fillColor = this.config.stretches_fill || initFColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
451 this.features[2].strokeColor = this.config.sections_stroke || initSColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
452 this.features[2].fillColor = this.config.sections_fill || initFColor; |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
453 this.features[3].strokeColor = this.config.fairwaydimensionslos1_stroke; |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
454 this.features[3].fillColor = |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
455 this.config.fairwaydimensionslos1_fill || initFColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
456 this.features[4].strokeColor = |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
457 this.config.fairwaydimensionslos2_stroke || initSColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
458 this.features[4].fillColor = |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
459 this.config.fairwaydimensionslos2_fill || initFColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
460 this.features[5].strokeColor = |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
461 this.config.fairwaydimensionslos3_stroke || initSColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
462 this.features[5].fillColor = |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
463 this.config.fairwaydimensionslos3_fill || initFColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
464 this.features[6].strokeColor = |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
465 this.config.distance_marks_stroke || initSColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
466 this.features[6].fillColor = this.config.distance_marks_fill || initFColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
467 this.features[7].strokeColor = |
4240
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
468 this.config.distance_marks_ashore_stroke || initSColor; |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
469 this.features[7].fillColor = |
4240
a4f76e170290
styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4238
diff
changeset
|
470 this.config.distance_marks_ashore_fill || initFColor; |
4238
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
471 this.features[8].strokeColor = this.config.waterwayprofiles_stroke; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
472 this.features[9].strokeColor = |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
473 this.config.waterway_axis_stroke || initSColor; |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
474 this.features[10].strokeColor = |
fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4234
diff
changeset
|
475 this.config.waterway_area_stroke || initSColor; |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
476 } |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
477 }; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
478 </script> |