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
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>
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>