Mercurial > gemma
annotate client/src/components/systemconfiguration/ColorSettings.vue @ 3940:f56d14b9d9f1
available_fairway_depth_lnwl: leverage mixin
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Fri, 12 Jul 2019 10:21:00 +0200 |
parents | 851c0ccba59b |
children | e3210c87f497 |
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"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
5 <div class="col-sm-2"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
6 <div class="card"> |
3601
98f14d97611e
client: configuration: colors: reduced fontsize in colorpicker headers
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
7 <div class="card-header small"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
8 <translate>Bottleneck Fill Color</translate> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
9 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
10 <div class="card-body p-0"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
11 <chrome-picker v-model="fillColor" /> |
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> |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
14 </div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
15 <div class="col-sm-2"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
16 <div class="card"> |
3601
98f14d97611e
client: configuration: colors: reduced fontsize in colorpicker headers
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
17 <div class="card-header small"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
18 <translate>Bottleneck Border Color</translate> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
19 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
20 <div class="card-body p-0"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
21 <chrome-picker v-model="strokeColor" /> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
22 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
23 </div> |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
24 </div> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
25 </div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
26 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
27 <div class="mt-4 px-3"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
28 <a @click.prevent="submit" class="btn btn-info btn-sm text-white"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
29 <translate>Send</translate> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
30 </a> |
3871
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
31 <a @click.prevent="reset" class="btn btn-outline-info btn-sm ml-2"> |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
32 <translate>Reset to defaults</translate> |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
33 </a> |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
34 </div> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
35 </div> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
36 </template> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
37 |
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
|
38 <style lang="sass" scoped> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
39 /deep/ |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
40 .card |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
41 overflow: hidden |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
42 .card-header |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
43 padding: .25rem 1rem |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
44 .vc-chrome |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
45 box-shadow: none |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
46 border-radius: 0 |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
47 width: 100% |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
48 .vc-chrome-saturation-wrap |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
49 border-radius: 0 |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
50 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
|
51 </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
|
52 |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
53 <script> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
54 /* 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
|
55 * without warranty, see README.md and license for details. |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
56 * |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
57 * SPDX-License-Identifier: AGPL-3.0-or-later |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
58 * License-Filename: LICENSES/AGPL-3.0.txt |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
59 * |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
60 * Copyright (C) 2018 by via donau |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
61 * – Österreichische Wasserstraßen-Gesellschaft mbH |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
62 * Software engineering by Intevation GmbH |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
63 * |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
64 * Author(s): |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
65 * Thomas Junk <thomas.junk@intevation.de> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
66 * Bernhard Reiter <bernhard@intevation.de> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
67 * Markus Kottländer <markus@intevation.de> |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
68 */ |
2920
c1f2b9148cc8
client: removed more unnecessary closing tags and opzimized imports
Markus Kottlaender <markus@intevation.de>
parents:
2276
diff
changeset
|
69 import { Chrome, Compact } from "vue-color"; |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
70 import { HTTP } from "@/lib/http"; |
3871
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
71 import { displayError, displayInfo } from "@/lib/errors"; |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
72 import defaults from "./defaults"; |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
73 |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
74 export default { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
75 name: "colorsettings", |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
76 data() { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
77 return { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
78 sent: false, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
79 strokeColor: { r: 0, g: 0, b: 0, a: 1.0 }, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
80 fillColor: { r: 0, g: 0, b: 0, a: 1.0 }, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
81 currentConfig: null |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
82 }; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
83 }, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
84 components: { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
85 "chrome-picker": Chrome, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
86 "compact-picker": Compact |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
87 }, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
88 methods: { |
3871
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
89 reset() { |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
90 this.strokeColor = defaults.feature_colours_bottlenecks_stroke; |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
91 this.fillColor = defaults.feature_colours_bottlenecks_fill; |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
92 }, |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
93 submit() { |
3871
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
94 Promise.all([ |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
95 HTTP.put( |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
96 "/system/style/Bottlenecks/stroke", |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
97 this.strokeColor.rgba || this.strokeColor, |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
98 { |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
99 headers: { |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
100 "X-Gemma-Auth": localStorage.getItem("token"), |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
101 "Content-type": "application/json" |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
102 } |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
103 } |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
104 ), |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
105 HTTP.put( |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
106 "/system/style/Bottlenecks/fill", |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
107 this.fillColor.rgba || this.fillColor, |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
108 { |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
109 headers: { |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
110 "X-Gemma-Auth": localStorage.getItem("token"), |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
111 "Content-type": "application/json" |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
112 } |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
113 } |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
114 ) |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
115 ]) |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
116 .then(() => { |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
117 displayInfo({ |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
118 message: "Configuration saved!" |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
119 }); |
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
120 }) |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
121 .catch(error => { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
122 const { status, data } = error.response; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
123 displayError({ |
3871
6c2ef463b958
client: configuration: make color settings resettable
Markus Kottlaender <markus@intevation.de>
parents:
3601
diff
changeset
|
124 title: "Backend Error", |
2276
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
125 message: `${status}: ${data.message || data}` |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
126 }); |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
127 }); |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
128 } |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
129 }, |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
130 mounted() { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
131 HTTP.get("/system/style/Bottlenecks/stroke", { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
132 headers: { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
133 "X-Gemma-Auth": localStorage.getItem("token"), |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
134 "Content-type": "application/json" |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
135 } |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
136 }) |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
137 .then(response => { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
138 this.strokeColor = response.data.colour; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
139 }) |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
140 .catch(error => { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
141 const { status, data } = error.response; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
142 displayError({ |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
143 title: this.$gettext("Backend Error"), |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
144 message: `${status}: ${data.message || data}` |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
145 }); |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
146 }); |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
147 |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
148 HTTP.get("/system/style/Bottlenecks/fill", { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
149 headers: { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
150 "X-Gemma-Auth": localStorage.getItem("token"), |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
151 "Content-type": "application/json" |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
152 } |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
153 }) |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
154 .then(response => { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
155 this.fillColor = response.data.colour; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
156 }) |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
157 .catch(error => { |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
158 const { status, data } = error.response; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
159 displayError({ |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
160 title: this.$gettext("Backend Error"), |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
161 message: `${status}: ${data.message || data}` |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
162 }); |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
163 }); |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
164 } |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
165 }; |
920fba6eef0d
moved color settings into own component
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
166 </script> |