started working on demo mode

Author: ErikBjare

src/store/modules/activity_daily.ts

@@ -111,6 +111,15 @@ const actions = {
     }
   },
 
+  async load_demo({ commit }) {
+    // A function to load some demo data (for screenshots and stuff)
+    commit('query_window_completed', {
+      app_events: [{ duration: 10, data: { app: 'test' } }],
+    });
+    commit('query_browser_completed', {});
+    commit('query_editor_completed', {});
+  },
+
   async query_window({ commit }, { host, timeperiod, filterAFK, filterCategories }: QueryOptions) {
     const start = moment();
     const periods = [timeperiodToStr(timeperiod)];

src/views/activity/daily/ActivityDaily.vue

@@ -60,6 +60,10 @@ div
       div.col-md-6
         b-form-group(label="Show category" label-cols="5" label-cols-lg="4")
           b-form-select(v-model="filterCategory", :options="categories")
+
+    aw-devonly
+      b-btn(@click="load_demo")
+        | Load demo data
 </template>
 
 <style lang="scss" scoped>
@@ -188,6 +192,10 @@ export default {
     refresh: async function(force) {
       await this.$store.dispatch("activity_daily/ensure_loaded", { timeperiod: this.timeperiod, host: this.host, force: force, filterAFK: true, filterCategories: this.filterCategories });
     },
+
+    load_demo: async function() {
+      await this.$store.dispatch('activity_daily/load_demo');
+    },
   },
 }
 </script>