From 642436b980681ba5b10c42d8b0c9a329391dd422 Mon Sep 17 00:00:00 2001
From: soraefir <soraefir+git@pm.me>
Date: Mon, 19 Jun 2023 13:04:28 +0200
Subject: [PATCH] Added Notes and Folding

---
 public/js/main.js            | 6 +++---
 public/template/journey.html | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/js/main.js b/public/js/main.js
index c1278c0..1b08143 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -122,6 +122,8 @@ const app = new Vue({
             },
             monthBeforeYear: true,
         },
+
+        visible_step: 0,
     },
     methods: {
         start_journey: function(event){
@@ -224,7 +226,7 @@ const app = new Vue({
             this.journey_data.main.splice(idx,1);
         },
         toggle_section_vis: function(idx){
-            this.journey_data.visible = idx;
+            this.visible_step ^= 0x1 << (idx+1);
         },
         search_nominatim: function(txt,f){
             if(txt==""){
@@ -271,8 +273,6 @@ const app = new Vue({
         },
         import_data:function(){
             this.journey_data = Object.assign({}, JSON.parse(toDecoded(this.impexp)));
-
-            this.journey_data.visible = this.journey_data.visible || -1;
         },
         export_data:function(){
             this.impexp = toEncoded(JSON.stringify(this.journey_data));
diff --git a/public/template/journey.html b/public/template/journey.html
index 2e9c136..3700633 100644
--- a/public/template/journey.html
+++ b/public/template/journey.html
@@ -47,7 +47,7 @@
                             <div class="col-auto"><button class="button button--secondary button--mobileFull" v-on:click="toggle_section_vis(idx)">-</button></div>
                             <div class="input col-sm-4"><input class="" v-model="item.title" type="text" /></div>
                         </div>
-                        <div class="row" v-show="journey_data.visible == idx">
+                        <div class="row" v-show="journey_data.visible & (0x1 << (idx+1))">
                             <div class="col-12 col-sm-8">
                                 <l-map
                                   :zoom.sync="item.map.zoom"