--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/src/application/Morphtool.vue	Thu Sep 27 19:26:38 2018 +0200
@@ -0,0 +1,58 @@
+<template>
+    <div v-if="selectedBottleneck" @click="clearSelection" class="float-right ui-element d-flex shadow morphtool">
+        <i class="fa fa-object-ungroup"></i>
+    </div>
+</template>
+
+<style lang="scss">
+.morphtool {
+  position: relative;
+  background-color: white;
+  padding: $small-offset;
+  border-radius: $border-radius;
+  margin-left: $offset;
+  height: $icon-width;
+  width: $icon-height;
+  margin-bottom: $offset;
+  margin-right: 55px;
+  z-index: 2;
+}
+</style>
+
+<script>
+import { mapGetters, mapState } from "vuex";
+
+export default {
+  name: "morphtool",
+  data() {
+    return {
+      surveyList: null
+    };
+  },
+  computed: {
+    ...mapGetters("application", ["drawMode"]),
+    ...mapState("mapstore", ["identifiedFeatures", "selectedMorph"]),
+    selectedBottleneck: function() {
+      if (this.identifiedFeatures) {
+        for (let feature of this.identifiedFeatures) {
+          if (feature.getId().replace(/[.][^.]*$/, "") === "bottlenecks") {
+            return feature;
+          }
+        }
+      }
+      return null;
+    }
+  },
+  watch: {
+    selectedBottleneck: function(bottleneck) {
+      console.log("now query for", bottleneck);
+      this.surveyList = [{ a: "b" }, { c: "d" }];
+    }
+  },
+  methods: {
+    clearSelection() {
+      this.$store.commit("mapstore/setIdentifiedFeatures", []);
+    }
+  }
+};
+</script>