Mercurial > gemma
annotate client/src/components/systemconfiguration/ColorSettings.vue @ 4206:cd267ed8371e stylesconfig
styles-config: deal with alpha values for colors
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Wed, 14 Aug 2019 17:30:49 +0200 |
parents | aee5b44f60a1 |
children | ee79f8e25f61 |
rev | line source |
---|---|
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
1 <template> |
3889
851c0ccba59b
client: configuration: separated sections in tabs
Markus Kottlaender <markus@intevation.de>
parents:
3871
diff
changeset
|
2 <div class="d-flex flex-column py-4"> |
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"> |
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
6 <div v-if="f.fillColor" class="card"> |
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
7 <div class="card-header small text-center"> |
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
8 <translate>{{ f.name }} Fill Color</translate> |
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
9 </div> |
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
10 <div class="card-body p-0"> |
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
11 <chrome-picker v-model="f.fillColor" /> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
12 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
13 </div> |
4200
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
14 <div class="mt-2"> |
4199
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
15 <div v-if="f.strokeColor" class="card"> |
4200
5cee71c929d1
style-config: improve layout
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4199
diff
changeset
|
16 <div class="card-header small text-center"> |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
17 <translate>{{ f.name }} Border Color</translate> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
18 </div> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
19 <div class="card-body p-0"> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
20 <chrome-picker v-model="f.strokeColor" /> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
21 </div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
22 </div> |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
23 </div> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
24 <div class="mt-2"> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
25 <a |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
26 @click.prevent="submit(f)" |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
27 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
|
28 > |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
29 <translate>Send</translate> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
30 </a> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
31 <a |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
32 @click.prevent="reset(f)" |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
33 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
|
34 > |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
35 <translate>Reset to defaults</translate> |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
36 </a> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
37 </div> |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
38 </div> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
39 </div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
40 </div> |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
41 </div> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
42 </template> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
43 |
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
|
44 <style lang="sass" scoped> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
45 /deep/ |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
46 .card |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
47 overflow: hidden |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
48 .card-header |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
49 padding: .25rem 1rem |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
50 .vc-chrome |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
51 box-shadow: none |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
52 border-radius: 0 |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
53 width: 100% |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
54 .vc-chrome-saturation-wrap |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
55 border-radius: 0 |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
56 padding-bottom: 45% |
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
|
57 </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
|
58 |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
59 <script> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
60 /* 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
|
61 * without warranty, see README.md and license for details. |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
62 * |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
63 * SPDX-License-Identifier: AGPL-3.0-or-later |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
64 * License-Filename: LICENSES/AGPL-3.0.txt |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
65 * |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
66 * Copyright (C) 2018 by via donau |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
67 * – Österreichische Wasserstraßen-Gesellschaft mbH |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
68 * Software engineering by Intevation GmbH |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
69 * |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
70 * Author(s): |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
71 * Thomas Junk <thomas.junk@intevation.de> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
72 * Bernhard Reiter <bernhard@intevation.de> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
73 * Markus Kottländer <markus@intevation.de> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
74 */ |
2920
c1f2b9148cc8
client: removed more unnecessary closing tags and opzimized imports
Markus Kottlaender <markus@intevation.de>
parents:
2276
diff
changeset
|
75 import { Chrome, Compact } from "vue-color"; |
3871
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
76 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
|
77 import { mapState } from "vuex"; |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
78 |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
79 const initSColor = { r: 0, g: 0, b: 0, a: 1.0 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
80 initFColor = { r: 0, g: 0, b: 0, a: 1.0 }; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
81 |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
82 export default { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
83 name: "colorsettings", |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
84 data() { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
85 return { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
86 sent: false, |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
87 currentConfig: null, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
88 features: [ |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
89 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
90 name: "Bottlenecks", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
91 fillColor: { r: 0, g: 0, b: 0, a: 1.0 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
92 strokeColor: { r: 0, g: 0, b: 0, a: 1.0 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
93 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
94 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
95 name: "Stretches", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
96 fillColor: initFColor, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
97 strokeColor: initSColor |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
98 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
99 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
100 name: "Sections", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
101 fillColor: initFColor, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
102 strokeColor: initSColor |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
103 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
104 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
105 name: "LOS_1", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
106 fillColor: initFColor, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
107 strokeColor: initSColor |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
108 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
109 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
110 name: "LOS_2", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
111 fillColor: initFColor, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
112 strokeColor: initSColor |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
113 }, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
114 { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
115 name: "LOS_3", |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
116 fillColor: initFColor, |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
117 strokeColor: initSColor |
4199
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
118 }, |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
119 { |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
120 name: "Waterway profiles", |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
121 strokeColor: initSColor |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
122 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
123 ] |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
124 }; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
125 }, |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
126 computed: { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
127 ...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
|
128 }, |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
129 components: { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
130 "chrome-picker": Chrome, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
131 "compact-picker": Compact |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
132 }, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
133 methods: { |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
134 reset(feature) { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
135 switch (feature.name) { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
136 case "Bottlenecks": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
137 feature.strokeColor = defaults.feature_colours_bottlenecks_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
138 feature.fillColor = defaults.feature_colours_bottlenecks_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
139 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
140 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
141 case "Stretches": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
142 feature.strokeColor = defaults.feature_colours_stretches_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
143 feature.fillColor = defaults.feature_colours_stretches_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
144 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
145 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
146 case "Sections": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
147 feature.strokeColor = defaults.feature_colours_sections_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
148 feature.fillColor = defaults.feature_colours_sections_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
149 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
150 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
151 case "LOS_1": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
152 feature.strokeColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
153 defaults.feature_colours_fairwaydimensionslos1_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
154 feature.fillColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
155 defaults.feature_colours_fairwaydimensionslos1_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
156 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
157 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
158 case "LOS_2": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
159 feature.strokeColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
160 defaults.feature_colours_fairwaydimensionslos2_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
161 feature.fillColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
162 defaults.feature_colours_fairwaydimensionslos2_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
163 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
164 } |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
165 case "LOS_3": { |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
166 feature.strokeColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
167 defaults.feature_colours_fairwaydimensionslos3_stroke; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
168 feature.fillColor = |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
169 defaults.feature_colours_fairwaydimensionslos3_fill; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
170 break; |
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
171 } |
4199
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
172 case "Waterway profiles": { |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
173 feature.strokeColor = |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
174 defaults.feature_colours_waterwayprofiles_stroke; |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
175 break; |
8509d80b85a1
style-config: implement waterway profiles style-field
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4198
diff
changeset
|
176 } |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
177 } |
3871
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
178 }, |
4198
e3210c87f497
client: implement basis layer-styles configurations
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3889
diff
changeset
|
179 submit(feature) { |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
180 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
|
181 case "Bottlenecks": { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
182 this.$store |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
183 .dispatch("application/saveConfig", { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
184 bottlenecks_stroke: |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
185 feature.strokeColor.hex8 || feature.strokeColor, |
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
186 bottlenecks_fill: feature.fillColor.hex8 || feature.fillColor |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
187 }) |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
188 .finally(() => this.$store.dispatch("application/loadConfig")); |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
189 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
190 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
191 |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
192 case "Stretches": { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
193 this.$store |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
194 .dispatch("application/saveConfig", { |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
195 stretches_stroke: feature.strokeColor.hex8 || feature.strokeColor, |
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
196 stretches_fill: feature.fillColor.hex8 || feature.fillColor |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
197 }) |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
198 .finally(() => this.$store.dispatch("application/loadConfig")); |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
199 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
200 } |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
201 case "Sections": { |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
202 this.$store |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
203 .dispatch("application/saveConfig", { |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
204 stretches_stroke: feature.strokeColor.hex8 || feature.strokeColor, |
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
205 stretches_fill: feature.fillColor.hex8 || feature.fillColor |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
206 }) |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
207 .finally(() => this.$store.dispatch("application/loadConfig")); |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
208 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
209 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
210 case "LOS_1": { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
211 this.$store |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
212 .dispatch("application/saveConfig", { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
213 fairwaydimensionslos1_stroke: |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
214 feature.strokeColor.hex8 || feature.strokeColor, |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
215 fairwaydimensionslos1_fill: |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
216 feature.fillColor.hex8 || feature.fillColor |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
217 }) |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
218 .finally(() => this.$store.dispatch("application/loadConfig")); |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
219 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
220 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
221 case "LOS_2": { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
222 this.$store |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
223 .dispatch("application/saveConfig", { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
224 fairwaydimensionslos2_stroke: |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
225 feature.strokeColor.hex8 || feature.strokeColor, |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
226 fairwaydimensionslos2_fill: |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
227 feature.fillColor.hex8 || feature.fillColor |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
228 }) |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
229 .finally(() => this.$store.dispatch("application/loadConfig")); |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
230 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
231 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
232 case "LOS_3": { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
233 this.$store |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
234 .dispatch("application/saveConfig", { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
235 fairwaydimensionslos3_stroke: |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
236 feature.strokeColor.hex8 || feature.strokeColor, |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
237 fairwaydimensionslos3_fill: |
4206
cd267ed8371e
styles-config: deal with alpha values for colors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4204
diff
changeset
|
238 feature.fillColor.hex8 || feature.fillColor |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
239 }) |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
240 .finally(() => this.$store.dispatch("application/loadConfig")); |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
241 break; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
242 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
243 case "Waterway profiles": { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
244 this.$store.dispatch("application/saveConfig", { |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
245 waterwayprofiles_stroke: |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
246 feature.strokeColor.hex || feature.strokeColor |
3871
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
247 }); |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
248 } |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
249 } |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
250 } |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
251 }, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
252 mounted() { |
4204
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
253 this.features[0].strokeColor = this.config.bottlenecks_stroke; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
254 this.features[0].fillColor = this.config.bottlenecks_fill; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
255 this.features[1].strokeColor = this.config.stretches_stroke; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
256 this.features[1].fillColor = this.config.stretches_fill; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
257 this.features[2].strokeColor = this.config.sections_stroke; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
258 this.features[2].fillColor = this.config.sections_fill; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
259 this.features[3].strokeColor = this.config.fairwaydimensionslos1_stroke; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
260 this.features[3].fillColor = this.config.fairwaydimensionslos1_fill; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
261 this.features[4].strokeColor = this.config.fairwaydimensionslos2_stroke; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
262 this.features[4].fillColor = this.config.fairwaydimensionslos2_fill; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
263 this.features[5].strokeColor = this.config.fairwaydimensionslos3_stroke; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
264 this.features[5].fillColor = this.config.fairwaydimensionslos3_fill; |
aee5b44f60a1
styles-config: refactor http requests for all layers in ColorSetting.vue component
Fadi Abbud <fadi.abbud@intevation.de>
parents:
4200
diff
changeset
|
265 this.features[6].strokeColor = this.config.waterwayprofiles_stroke; |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
266 } |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
267 }; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
268 </script> |