comparison client/src/components/map/styles.js @ 3309:80037790032d

client: fully implemented sections - added map layer with new style - implemented in identify tool, map popup and fairway availability dialog - added sidebar menu item
author Markus Kottlaender <markus@intevation.de>
date Fri, 17 May 2019 12:45:13 +0200
parents fc8fbea24568
children 00548f0e81c3
comparison
equal deleted inserted replaced
3308:1128b29aed8b 3309:80037790032d
57 color: "rgba(250, 240, 10, .9)", 57 color: "rgba(250, 240, 10, .9)",
58 width: 5 58 width: 5
59 }), 59 }),
60 fill: new Fill({ 60 fill: new Fill({
61 color: "rgba(250, 240, 0, .7)" 61 color: "rgba(250, 240, 0, .7)"
62 })
63 }),
64 orange1: new Style({
65 stroke: new Stroke({
66 color: "rgba(232, 177, 12, .8)",
67 width: 2
68 }),
69 fill: new Fill({
70 color: "rgba(232, 177, 0, .3)"
71 })
72 }),
73 orange2: new Style({
74 stroke: new Stroke({
75 color: "rgba(255, 166, 10, .9)",
76 width: 5
77 }),
78 fill: new Fill({
79 color: "rgba(255, 166, 0, .7)"
62 }) 80 })
63 }), 81 }),
64 red1: new Style({ 82 red1: new Style({
65 stroke: new Stroke({ 83 stroke: new Stroke({
66 color: "rgba(255, 0, 0, 1)", 84 color: "rgba(255, 0, 0, 1)",
112 export default { 130 export default {
113 stretches(feature) { 131 stretches(feature) {
114 let style = styles.yellow2; 132 let style = styles.yellow2;
115 if (feature.get("highlighted")) { 133 if (feature.get("highlighted")) {
116 style = styles.yellow3; 134 style = styles.yellow3;
135 }
136 return style;
137 },
138 sections(feature) {
139 let style = styles.orange1;
140 if (feature.get("highlighted")) {
141 style = styles.orange2;
117 } 142 }
118 return style; 143 return style;
119 }, 144 },
120 fwd1() { 145 fwd1() {
121 return [styles.blue1, styles.textFW1]; 146 return [styles.blue1, styles.textFW1];