Mercurial > gemma
changeset 816:cd79f62794dd
client: prepare survey selection
* Add a new component Morphtool that will show an icon, if a bottleneck
was identified. A click on the icon removes the selectedFeatures again.
author | Bernhard Reiter <bernhard@intevation.de> |
---|---|
date | Thu, 27 Sep 2018 17:38:28 +0200 |
parents | d6888d1439e5 |
children | 6607cabec150 |
files | client/src/App.vue client/src/layers/Identify.vue client/src/map/store.js |
diffstat | 3 files changed, 10 insertions(+), 3 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/App.vue Thu Sep 27 17:32:48 2018 +0200 +++ b/client/src/App.vue Thu Sep 27 17:38:28 2018 +0200 @@ -17,6 +17,7 @@ </div> <div class="bottomcontainer d-flex flex-row align-items-end"> <Userbar></Userbar> + <Morphtool v-if="routeName == 'mainview'"></Morphtool> <Linetool v-if="routeName == 'mainview'"></Linetool> </div> </div> @@ -89,6 +90,7 @@ import { mapGetters } from "vuex"; import Userbar from "./application/Userbar"; import Linetool from "./application/Linetool"; +import Morphtool from "./application/Morphtool"; export default { name: "app", @@ -103,7 +105,8 @@ Sidebar, Topbar, Userbar, - Linetool + Linetool, + Morphtool } }; </script>
--- a/client/src/layers/Identify.vue Thu Sep 27 17:32:48 2018 +0200 +++ b/client/src/layers/Identify.vue Thu Sep 27 17:38:28 2018 +0200 @@ -38,7 +38,7 @@ <style lang="scss"> .versioninfo { - font-size:60%; + font-size: 60%; } .identifymenu { position: relative;
--- a/client/src/map/store.js Thu Sep 27 17:32:48 2018 +0200 +++ b/client/src/map/store.js Thu Sep 27 17:38:28 2018 +0200 @@ -170,7 +170,8 @@ } ], identifiedFeatures: [], - currentMeasurement: null + currentMeasurement: null, + selectedMorph: null }, getters: { layers: state => { @@ -193,6 +194,9 @@ }, setCurrentMeasurement: (state, measurement) => { state.currentMeasurement = measurement; + }, + setSelectedMorpth: (state, selectedMorph) => { + state.selectedMorph = selectedMorph; } } };