Mercurial > gemma
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]; |