changeset 1011:9d4af4b1c5c8

refac: make template logic more clear
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 23 Oct 2018 11:27:35 +0200
parents 8f23ec811afb
children 875b0a9a3c92
files client/src/morphtool/Morphtool.vue
diffstat 1 files changed, 14 insertions(+), 12 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/morphtool/Morphtool.vue	Tue Oct 23 10:14:41 2018 +0200
+++ b/client/src/morphtool/Morphtool.vue	Tue Oct 23 11:27:35 2018 +0200
@@ -1,18 +1,20 @@
 <template>
-    <div v-if="selectedBottleneck || selectedMorph" class="morphcontainer">
-        <div v-if="surveyList && !drawMode" class="ui-element card card-body shadow">
-            <div class="headline">
-                <h4>{{bottleneckName}}</h4>
-                <hr>
-                <div @click="clearSelection" class="float-left ui-element d-flex morphtoolminus">
-                    <i class="fa fa-close morphtoolsminus"></i>
+    <div class="morphcontainer">
+        <div v-if="selectedBottleneck">
+            <div v-if="surveyList && !drawMode" class="ui-element card card-body shadow">
+                <div class="headline">
+                    <h4>{{bottleneckName}}</h4>
+                    <hr>
+                    <div @click="clearSelection" class="float-left ui-element d-flex morphtoolminus">
+                        <i class="fa fa-close morphtoolsminus"></i>
+                    </div>
                 </div>
+                <ul class="list-group surveylist">
+                    <li v-for="survey of surveyList.surveys" :key="survey.data_info" class="list-group-item" @click.prevent="selectSurvey(survey)">
+                        <a href="#" @click.prevent="">{{survey.date_info}}</a>
+                    </li>
+                </ul>
             </div>
-            <ul class="list-group surveylist">
-                <li v-for="survey of surveyList.surveys" :key="survey.data_info" class="list-group-item" @click.prevent="selectSurvey(survey)">
-                    <a href="#" @click.prevent="">{{survey.date_info}}</a>
-                </li>
-            </ul>
         </div>
         <div v-if="selectedMorph" @click="clearSelection" class="ui-element shadow morphtool">
             <div class="d-flex flex-row justify-content-between">