Mercurial > gemma

annotate client/src/components/systemconfiguration/ColorSettings.vue @ 4320:baa3759f27f4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: opacity for WMS-Layers
author Fadi Abbud <fadi.abbud@intevation.de>
date Wed, 04 Sep 2019 12:40:21 +0200
parents edfafea4b7b0
children 3f0422751cb4
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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;
4262
45802eac155b styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4254
diff changeset
264 // Now we do not handle alpha-color value for WMS-Layers
45802eac155b styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4254
diff changeset
265 // ToDo: implementation in front-backend.
4320
baa3759f27f4 client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4264
diff changeset
266 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
267 let noChangeMsg = name => {
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
268 displayInfo({
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
269 title: name + ":",
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
270 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
271 });
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
272 };
4204
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
273 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
274 case "Bottlenecks": {
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
275 // send values only if they changed
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
276 if (
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
277 strokeC !== this.config.bottlenecks_stroke ||
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
278 fillC !== this.config.bottlenecks_fill
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
279 ) {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
280 this.$store
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
281 .dispatch("application/saveConfig", {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
282 bottlenecks_stroke: strokeC,
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
283 bottlenecks_fill: fillC
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
284 })
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
285 .finally(() => this.$store.dispatch("application/loadConfig"));
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
286 } else {
4213
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
287 noChangeMsg(feature.name);
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
288 }
4204
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
289 break;
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
290 }
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
291 case "Stretches": {
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
292 if (
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
293 strokeC !== this.config.stretches_stroke ||
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
294 fillC !== this.config.stretches_fill
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
295 ) {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
296 this.$store
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
297 .dispatch("application/saveConfig", {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
298 stretches_stroke: strokeC,
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
299 stretches_fill: fillC
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
300 })
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
301 .finally(() => this.$store.dispatch("application/loadConfig"));
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
302 } else {
4213
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
303 noChangeMsg(feature.name);
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
304 }
4204
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
305 break;
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
306 }
4206
cd267ed8371e styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4204
diff changeset
307 case "Sections": {
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
308 if (
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
309 strokeC !== this.config.sections_stroke ||
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
310 fillC !== this.config.sections_fill
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
311 ) {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
312 this.$store
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
313 .dispatch("application/saveConfig", {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
314 sections_stroke: strokeC,
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
315 sections_fill: fillC
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
316 })
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
317 .finally(() => this.$store.dispatch("application/loadConfig"));
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
318 } else {
4213
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
319 noChangeMsg(feature.name);
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
320 }
4204
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
321 break;
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
322 }
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
323 case "LOS_1": {
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
324 if (
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
325 strokeC !== this.config.fairwaydimensionslos1_stroke ||
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
326 fillC !== this.config.fairwaydimensionslos1_fill
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
327 ) {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
328 this.$store
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
329 .dispatch("application/saveConfig", {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
330 fairwaydimensionslos1_stroke: strokeC,
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
331 fairwaydimensionslos1_fill: fillC
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
332 })
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
333 .finally(() => this.$store.dispatch("application/loadConfig"));
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
334 } else {
4213
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
335 noChangeMsg(feature.name);
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
336 }
4204
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
337 break;
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
338 }
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
339 case "LOS_2": {
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
340 if (
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
341 strokeC !== this.config.fairwaydimensionslos2_stroke ||
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
342 fillC !== this.config.fairwaydimensionslos2_fill
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
343 ) {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
344 this.$store
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
345 .dispatch("application/saveConfig", {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
346 fairwaydimensionslos2_stroke: strokeC,
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
347 fairwaydimensionslos2_fill: fillC
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
348 })
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
349 .finally(() => this.$store.dispatch("application/loadConfig"));
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
350 } else {
4213
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
351 noChangeMsg(feature.name);
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
352 }
4204
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
353 break;
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
354 }
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
355 case "LOS_3": {
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
356 if (
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
357 strokeC !== this.config.fairwaydimensionslos3_stroke ||
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
358 fillC !== this.config.fairwaydimensionslos3_fill
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
359 ) {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
360 this.$store
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
361 .dispatch("application/saveConfig", {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
362 fairwaydimensionslos3_stroke: strokeC,
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
363 fairwaydimensionslos3_fill: fillC
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
364 })
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
365 .finally(() => this.$store.dispatch("application/loadConfig"));
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
366 } else {
4213
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
367 noChangeMsg(feature.name);
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
368 }
4204
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
369 break;
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
370 }
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
371 case "Waterway profiles": {
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
372 if (strokeC !== this.config.waterwayprofiles_stroke) {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
373 this.$store
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
374 .dispatch("application/saveConfig", {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
375 waterwayprofiles_stroke: strokeC
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
376 })
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
377 .finally(() => {
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
378 this.$store.dispatch("application/loadConfig");
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
379 });
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
380 } else {
4213
36ee7e621133 styles-config: impelement rest-send buttons for all style changes
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4211
diff changeset
381 noChangeMsg(feature.name);
4211
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
382 }
d08247127c21 styles-config: improve code for ColorSettings component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4208
diff changeset
383 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
384 }
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 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
386 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
387 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
388 .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
389 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
390 })
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 .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
392 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
393 });
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 } 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
395 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
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 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
398 }
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 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
400 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
401 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
402 .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
403 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
404 })
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 .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
406 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
407 });
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 } 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
409 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
410 }
fe24cdde614d styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4234
diff changeset
411 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
412 }
4240
a4f76e170290 styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4238
diff changeset
413 case "Distance Marks, Axis": {
4234
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
414 if (
4262
45802eac155b styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4254
diff changeset
415 strokeCForWMS !== this.config.distance_marks_stroke ||
4320
baa3759f27f4 client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4264
diff changeset
416 fillC !== this.config.distance_marks_fill
4234
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
417 ) {
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
418 this.$store
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
419 .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
420 distance_marks_stroke: strokeCForWMS,
4320
baa3759f27f4 client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4264
diff changeset
421 distance_marks_fill: fillC
4234
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
422 })
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
423 .finally(() => this.$store.dispatch("application/loadConfig"));
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
424 } else {
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
425 noChangeMsg(feature.name);
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
426 }
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
427 break;
fec07ba0fa60 client: implement styling for distance marks
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4229
diff changeset
428 }
4240
a4f76e170290 styles-config: adjust names of layers in ColorSetting component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4238
diff changeset
429 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
430 if (
4262
45802eac155b styles-config: fix sending of values to backend for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4254
diff changeset
431 strokeCForWMS !== this.config.distance_marks_ashore_stroke ||
4320
baa3759f27f4 client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4264
diff changeset
432 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
433 ) {
fe24cdde614d styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4234
diff changeset
434 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
435 .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
436 distance_marks_ashore_stroke: strokeCForWMS,
4320
baa3759f27f4 client: opacity for WMS-Layers
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4264
diff changeset
437 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
438 })
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 .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
440 } 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
441 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
442 }
fe24cdde614d styles-config: prepare components for WMS-Layer styling and set default color values
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4234
diff changeset
443 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
444 }
4204
aee5b44f60a1 styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4200
diff changeset
445 }
2276
920fba6eef0d moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
446 }
920fba6eef0d moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
447 },
920fba6eef0d moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
448 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
449 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
450 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
451 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
452 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
453 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
454 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
455 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
456 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
457 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
458 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
459 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
460 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
461 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
462 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
463 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
464 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
465 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
466 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
467 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
468 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
469 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
470 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
471 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
472 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
473 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
474 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
475 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
476 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
477 this.config.waterway_area_stroke || initSColor;
2276
920fba6eef0d moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
478 }
920fba6eef0d moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
479 };
920fba6eef0d moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
480 </script>