defaultMode is tracked by and set by all user changes, now affects list scroll position

Author: Wray Bowling

src/components/EventList.vue

@@ -23,9 +23,20 @@
       }
     },
     computed: {
+      defaultMode: function(){ return this.$store.state.defaultMode },
       now: function(){ return this.events.filter(event => event.now)},
       later: function(){ return this.events.filter(event => !event.now)}
     },
+    watch: {
+      defaultMode(e){
+        if(e){
+          this.$el.scrollTop = 0
+        }
+      }
+    },
+    mounted(){
+      console.log(this.$el)
+    },
     mixins:[vueinterval],
     components: {EventItem},
     methods: {

src/components/Map.vue

@@ -7,7 +7,7 @@
       <div @touchstart="setLevel(1)" :class="{'viewing': floorViewing === 1, 'you-are-here': floorStanding === 1}">1</div>
       <div @touchstart="setLevel(0)" :class="{'viewing': floorViewing === 0, 'you-are-here': floorStanding === 0}">G</div>
     </nav>
-    <div class="overlay">Richland Library Main / Level {{floorStanding}}</div>
+    <div class="overlay">You are on Level {{floorStanding}}</div>
   </div>
 </template>
 
@@ -26,18 +26,14 @@
       zoom: 'zoom',
       bearing: 'bearing',
       center: 'center',
-      resetCamera: 'resetCamera'
+      defaultMode: 'defaultMode'
     }),
     watch: {
       floorViewing() {
         this.renderFloor()
       },
-      resetCamera(e) {
-        // console.log(e)
-        // console.log('cam var',this.$store.resetCamera)
+      defaultMode(e) {
         if(e){
-          console.log('resetting')
-          this.$store.commit('set',{ resetCamera: false })
           map.flyTo({
             duration:30000,
             zoom: this.zoom,
@@ -253,6 +249,7 @@
       color:white;
       padding:0.5em 2vw;
       font-weight:800;
+      text-align:center;
     }
   }
 

src/store/index.js

@@ -11,10 +11,10 @@ const store = new Vuex.Store({
     floorViewing: 1,
     zoom: 18.3,
     bearing: -70,
-    center: {lng: -81.03735096824548, lat: 34.004175572139815},
+    center: {lng: -81.03730200444548, lat: 34.00414146587417},
     room_id: undefined,
     event_id: undefined,
-    resetCamera: false
+    defaultMode: true
   },
   mutations: {
     set(state,payload) {
@@ -23,7 +23,6 @@ const store = new Vuex.Store({
       }
     },
     userSet(state,payload){
-      console.log('userSet')
       this.commit('set',payload)
       resetState()
     }
@@ -40,15 +39,14 @@ export default store;
 // the defaults, stored within the current state, (and eventually local storage or firebase or etc)
 const defaultState = JSON.parse(JSON.stringify(store.state))
 
-
 function resetState() {
-  console.log('...')
+  store.commit('set', {defaultMode:false})
   clearTimeout(debouncer);
   debouncer = setTimeout(function(){
     console.log('!!!')
     let s = defaultState
-    s.resetCamera = true;
+    s.defaultMode = true;
     store.commit('set', s)
     //console.log(store)
-  },15000)
+  },10000)
 }