From 328f433284a99e61d1656d33135778ce49885ec5 Mon Sep 17 00:00:00 2001
From: s-egge <ssteele836@gmail.com>
Date: Mon, 25 Dec 2023 08:07:09 -0800
Subject: [PATCH] format

---
 src/App.vue                                   |  8 +-
 .../building_list/building_list.vue           | 10 +--
 src/components/building_list/view_card.vue    | 12 +--
 .../campaigns/campaign_building_list.vue      |  6 +-
 src/components/campaigns/campaign_list.vue    |  4 +-
 .../campaigns/campaign_list_block.vue         |  4 +-
 .../campaigns/campaign_reduction_tips.vue     |  4 +-
 .../campaigns/main_campaign_view.vue          | 18 ++---
 src/components/charts/barchart.js             |  2 +-
 src/components/charts/chartController.vue     | 77 +++++++++----------
 src/components/charts/doughnutchart.js        |  2 +-
 src/components/charts/linechart.js            |  2 +-
 src/components/charts/piechart.js             |  2 +-
 src/components/extras/404.vue                 |  4 +-
 src/components/extras/contact.vue             |  4 +-
 src/components/extras/heropicture.vue         |  4 +-
 src/components/extras/media_picker.vue        |  4 +-
 .../get_started/buildingListTab.vue           |  2 +-
 src/components/get_started/commitment.vue     |  4 +-
 src/components/get_started/faq.vue            |  2 +-
 src/components/get_started/feedbackForm.vue   |  6 +-
 .../get_started/getStartedBanner.vue          |  4 +-
 .../get_started/mainDescription.vue           |  2 +-
 src/components/get_started/mapTab.vue         |  2 +-
 src/components/leftBuildingMenu.vue           | 10 +--
 src/components/map/map.vue                    | 22 +++---
 src/components/map/map_compareside.vue        | 14 ++--
 src/components/map/sideView.vue               | 10 +--
 src/components/map/switch_buttons.vue         |  4 +-
 .../map/time_switch_buttons_big.vue           |  4 +-
 src/components/navBar.vue                     |  4 +-
 src/components/view/modals/download_data.vue  | 12 +--
 src/components/view/modals/edit_card.vue      | 18 ++---
 src/components/view/navdir.vue                | 18 ++---
 src/components/view/view.vue                  | 22 +++---
 src/store/api.js                              |  2 +-
 src/store/block.module.js                     | 54 ++++++-------
 src/store/block_modifiers/base.mod.js         | 12 +--
 .../block_modifiers/building_compare.mod.js   | 20 ++---
 .../block_modifiers/campaign_linebar.mod.js   | 12 +--
 src/store/building.module.js                  | 52 ++++++-------
 src/store/campaign.module.js                  |  2 +-
 src/store/campaigns.module.js                 |  4 +-
 src/store/chart.module.js                     | 58 +++++++-------
 .../line_bar/accumulated_real.js              |  8 +-
 .../line_bar/avg_accumulated_real.js          |  6 +-
 src/store/chart_modifiers/line_bar/base.js    |  6 +-
 .../chart_modifiers/line_bar/baseline_perc.js |  6 +-
 .../chart_modifiers/line_bar/energy_change.js |  6 +-
 .../chart_modifiers/pie_doughnut/base.js      |  4 +-
 src/store/data_layer/data_store.js            | 42 +++++-----
 src/store/map.module.js                       | 24 +++---
 src/store/meter.module.js                     | 40 +++++-----
 src/store/meter_group.module.js               | 38 ++++-----
 src/store/modal_controller.module.js          | 14 ++--
 src/store/user.module.js                      | 30 ++++----
 src/store/view.module.js                      | 42 +++++-----
 tests/updateMockData.js                       |  2 +-
 58 files changed, 405 insertions(+), 406 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1abf62ee..029b0525 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,18 +24,18 @@ export default {
   components: {
     navigbar
   },
-  async created () {
+  async created() {
     // On load, grab building/meter/map information from the API.
     await this.$store.dispatch('map/loadMap')
     // Also check if user is logged in.
     this.$store.dispatch('user/user')
   },
-  data () {
+  data() {
     return {
       transitionName: 'pageTo'
     }
   },
-  beforeDestroy () {},
+  beforeDestroy() {},
   methods: {
     disableScroll: function () {
       this.$refs.main.$el.style.overflow = 'hidden'
@@ -44,7 +44,7 @@ export default {
       this.$refs.main.$el.style.overflow = 'auto'
     }
   },
-  mounted () {
+  mounted() {
     // This is the first-timer pop-up window
     if (!document.cookie.split(';').some(cookieString => cookieString.includes('firstTimer'))) {
       this.$msgbox({
diff --git a/src/components/building_list/building_list.vue b/src/components/building_list/building_list.vue
index feb53ab3..fb1a52a2 100644
--- a/src/components/building_list/building_list.vue
+++ b/src/components/building_list/building_list.vue
@@ -57,7 +57,7 @@ export default {
   components: {
     viewCard
   },
-  data () {
+  data() {
     return {
       search: '',
       openName: '',
@@ -65,7 +65,7 @@ export default {
       loading: true
     }
   },
-  async mounted () {
+  async mounted() {
     if (this.buildingList) {
       await this.$store.getters['map/promise']
       if (this.$route.params.group && this.groups[this.$route.params.group]) {
@@ -81,13 +81,13 @@ export default {
   },
   computed: {
     buildingList: {
-      get () {
+      get() {
         return this.$route.path.includes('buildings')
       }
     },
 
     groups: {
-      get () {
+      get() {
         if (this.buildingList) {
           let r = {}
           // await this.$store.getters['map/promise']
@@ -160,7 +160,7 @@ export default {
     }
   },
   methods: {
-    resetSearchInput () {
+    resetSearchInput() {
       this.search = ''
     }
   }
diff --git a/src/components/building_list/view_card.vue b/src/components/building_list/view_card.vue
index 5db2958b..ed220adb 100644
--- a/src/components/building_list/view_card.vue
+++ b/src/components/building_list/view_card.vue
@@ -8,12 +8,12 @@
 <script>
 export default {
   props: ['id', 'building', 'plus'],
-  data () {
+  data() {
     return {
       api: process.env.VUE_APP_ROOT_API
     }
   },
-  mounted () {
+  mounted() {
     if (this.media) {
       this.$refs.card.style.background =
         'linear-gradient(to bottom right, rgba(0, 0, 0, 0.9),  rgba(0, 0, 0, 0.2)),url("https://osu-energy-images.s3-us-west-2.amazonaws.com/thumbnails/' +
@@ -26,7 +26,7 @@ export default {
 
   computed: {
     buildingOrStory: {
-      get () {
+      get() {
         if (this.building) {
           return this.$store.getters['map/building'](this.id)
         } else {
@@ -35,17 +35,17 @@ export default {
       }
     },
     media: {
-      get () {
+      get() {
         return this.buildingOrStory.image
       }
     },
     name: {
-      get () {
+      get() {
         return this.buildingOrStory.name
       }
     },
     description: {
-      get () {
+      get() {
         return this.buildingOrStory.description
       }
     }
diff --git a/src/components/campaigns/campaign_building_list.vue b/src/components/campaigns/campaign_building_list.vue
index 81b25007..32836aaf 100644
--- a/src/components/campaigns/campaign_building_list.vue
+++ b/src/components/campaigns/campaign_building_list.vue
@@ -56,19 +56,19 @@
 <script>
 export default {
   props: ['path', 'loaded', 'value'],
-  data () {
+  data() {
     return {
       activePath: null
     }
   },
-  mounted () {
+  mounted() {
     if (this.path) {
       this.$emit('input', this.path + '/block_default')
     }
   },
   computed: {
     blocks: {
-      get () {
+      get() {
         let blocks = this.$store.getters[this.path + '/blocks']
         if (!blocks) {
           return []
diff --git a/src/components/campaigns/campaign_list.vue b/src/components/campaigns/campaign_list.vue
index 8783d644..6e955c30 100644
--- a/src/components/campaigns/campaign_list.vue
+++ b/src/components/campaigns/campaign_list.vue
@@ -30,7 +30,7 @@ export default {
   components: {
     campaignBlock
   },
-  data () {
+  data() {
     return {
       loaded: false,
       activePane: 'new',
@@ -38,7 +38,7 @@ export default {
       pastCampaigns: []
     }
   },
-  async mounted () {
+  async mounted() {
     await this.$store.dispatch('campaigns/loadCampaigns')
     this.loaded = true
     for (let camp of this.$store.getters['campaigns/campaigns']) {
diff --git a/src/components/campaigns/campaign_list_block.vue b/src/components/campaigns/campaign_list_block.vue
index 3e1c4a70..1f7debc0 100644
--- a/src/components/campaigns/campaign_list_block.vue
+++ b/src/components/campaigns/campaign_list_block.vue
@@ -14,13 +14,13 @@
 <script>
 export default {
   props: ['camp'],
-  data () {
+  data() {
     return {
       loaded: true,
       mediaSource: ''
     }
   },
-  mounted () {
+  mounted() {
     // Load the media content
     this.$refs.imageContainer.$el.style.backgroundImage =
       'url("https://osu-energy-images.s3-us-west-2.amazonaws.com/' + this.camp.media + '")'
diff --git a/src/components/campaigns/campaign_reduction_tips.vue b/src/components/campaigns/campaign_reduction_tips.vue
index 953fc60b..a40b787e 100644
--- a/src/components/campaigns/campaign_reduction_tips.vue
+++ b/src/components/campaigns/campaign_reduction_tips.vue
@@ -48,7 +48,7 @@
 </template>
 <script>
 export default {
-  data () {
+  data() {
     return {
       hoverShow: null,
       tips: [
@@ -95,7 +95,7 @@ export default {
       ]
     }
   },
-  created () {}
+  created() {}
 }
 </script>
 <style scoped lang="scss">
diff --git a/src/components/campaigns/main_campaign_view.vue b/src/components/campaigns/main_campaign_view.vue
index f59881ce..fbf5c1f2 100644
--- a/src/components/campaigns/main_campaign_view.vue
+++ b/src/components/campaigns/main_campaign_view.vue
@@ -85,7 +85,7 @@ export default {
     reductionTips,
     switchButtons
   },
-  data () {
+  data() {
     return {
       blockPath: '',
       loaded: false, // Toggles the spinning circle loading animation on the graph and building list
@@ -97,7 +97,7 @@ export default {
   },
   computed: {
     days: {
-      get () {
+      get() {
         if (!this.campaignPath) return ''
         let start = this.campaignStart
         let end = this.campaignEnd
@@ -106,13 +106,13 @@ export default {
       }
     },
     campaignStart: {
-      get () {
+      get() {
         if (!this.campaignPath) return ''
         return this.$store.getters[this.campaignPath + '/dateStart']
       }
     },
     campaignEnd: {
-      get () {
+      get() {
         if (!this.campaignPath) return ''
         let end = this.$store.getters[this.campaignPath + '/dateEnd']
         let current = new Date().getTime()
@@ -125,7 +125,7 @@ export default {
       }
     },
     blocks: {
-      get () {
+      get() {
         if (!this.campaignPath) return []
         // We need to copy this or adding the default block will change the return value of
         // the store
@@ -135,7 +135,7 @@ export default {
       }
     },
     campaignPath: {
-      get () {
+      get() {
         if (!this.$store.getters['campaigns/campaign'](this.$route.params.id)) {
           return null
         }
@@ -143,19 +143,19 @@ export default {
       }
     },
     media: {
-      get () {
+      get() {
         if (!this.campaignPath) return ''
         return this.$store.getters[this.campaignPath + '/media']
       }
     },
     name: {
-      get () {
+      get() {
         if (!this.campaignPath) return ''
         return this.$store.getters[this.campaignPath + '/name']
       }
     }
   },
-  async mounted () {
+  async mounted() {
     this.loaded = false
     await this.$store.dispatch('campaigns/loadCampaigns')
     await this.$store.dispatch(this.campaignPath + '/buildBlocks')
diff --git a/src/components/charts/barchart.js b/src/components/charts/barchart.js
index 53bbe27c..1ee56fee 100644
--- a/src/components/charts/barchart.js
+++ b/src/components/charts/barchart.js
@@ -163,7 +163,7 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     this.renderChart(this.chartData, this.options)
   },
   watch: {
diff --git a/src/components/charts/chartController.vue b/src/components/charts/chartController.vue
index 570f1623..f7b48961 100644
--- a/src/components/charts/chartController.vue
+++ b/src/components/charts/chartController.vue
@@ -98,7 +98,7 @@ export default {
     doughnutchart,
     piechart
   },
-  mounted () {
+  mounted() {
     console.log(this.$route.path)
   },
   watch: {
@@ -106,7 +106,7 @@ export default {
       this.updateChart()
     }
   },
-  data () {
+  data() {
     return {
       unsubscribe: null,
       loading: true,
@@ -115,7 +115,7 @@ export default {
       colors: ['#4A773C', '#00859B', '#FFB500', '#AA9D2E', '#D3832B', '#0D5257', '#7A6855', '#C4D6A4']
     }
   },
-  created () {
+  created() {
     if (parseInt(this.randomColors) === 1) {
       // DurstenFeld Shuffle
       for (var i = this.colors.length - 1; i > 0; i--) {
@@ -163,7 +163,7 @@ export default {
     })
   },
   computed: {
-    iframeClass () {
+    iframeClass() {
       if (this.$route.path.startsWith('/map')) {
         return 'scaled-iframe'
       } else {
@@ -171,22 +171,22 @@ export default {
       }
     },
     promise: {
-      get () {
+      get() {
         return this.$store.getters[this.path + '/promise']
       }
     },
     dateStart: {
-      get () {
+      get() {
         return this.$store.getters[this.path + '/dateStart']
       }
     },
     dateEnd: {
-      get () {
+      get() {
         return this.$store.getters[this.path + '/dateEnd']
       }
     },
     graphType: {
-      get () {
+      get() {
         if (this.chartData) {
           let noData = true
           for (let set of this.chartData.datasets) {
@@ -203,7 +203,7 @@ export default {
       }
     },
     chart: {
-      get () {
+      get() {
         switch (this.graphType) {
           case 1:
             return this.$refs.linechart
@@ -219,7 +219,7 @@ export default {
       }
     }
   },
-  beforeDestroy () {
+  beforeDestroy() {
     this.unsubscribe()
   },
   methods: {
@@ -235,37 +235,36 @@ export default {
             data.datasets.length >= 1 &&
             data.datasets[0].data.length >= 1
           ) {
-              this.chart.update()
+            this.chart.update()
 
-              // if multiple chart timeperiods, find chart with largest date range
-              if (data.datasets.length > 1 && data.datasets[0].multStart.length > 1) {
-
-                // find chart with largest dataset
-                let largestChart = data.datasets[0]
-                for (let i in data.datasets) {
-                  if (data.datasets[i].data.length > largestChart.data.length) {
-                    largestChart = data.datasets[i]
-                  }
+            // if multiple chart timeperiods, find chart with largest date range
+            if (data.datasets.length > 1 && data.datasets[0].multStart.length > 1) {
+              // find chart with largest dataset
+              let largestChart = data.datasets[0]
+              for (let i in data.datasets) {
+                if (data.datasets[i].data.length > largestChart.data.length) {
+                  largestChart = data.datasets[i]
                 }
+              }
 
-                // map all other datasets to the largest dataset
-                this.mapXValues(largestChart, data.datasets)
-              } 
+              // map all other datasets to the largest dataset
+              this.mapXValues(largestChart, data.datasets)
+            }
 
-              let timeDif =
-                new Date(data.datasets[0].data[data.datasets[0].data.length - 1].x).getTime() -
-                new Date(data.datasets[0].data[0].x).getTime()
-              let dif = 0
-              if (timeDif <= 24 * 60 * 60 * 1000) {
-                dif = 2
-                this.chart.options.scales.xAxes[0].time.unit = 'minute'
-              } else if (timeDif <= 7 * 24 * 60 * 60 * 1000) {
-                dif = 1
-                this.chart.options.scales.xAxes[0].time.unit = 'hour'
-              } else {
-                this.chart.options.scales.xAxes[0].time.unit = 'day'
-              }
-              this.chart.options.scales.yAxes[0].ticks.maxTicksLimit = (this.height / 200) * 8 - dif
+            let timeDif =
+              new Date(data.datasets[0].data[data.datasets[0].data.length - 1].x).getTime() -
+              new Date(data.datasets[0].data[0].x).getTime()
+            let dif = 0
+            if (timeDif <= 24 * 60 * 60 * 1000) {
+              dif = 2
+              this.chart.options.scales.xAxes[0].time.unit = 'minute'
+            } else if (timeDif <= 7 * 24 * 60 * 60 * 1000) {
+              dif = 1
+              this.chart.options.scales.xAxes[0].time.unit = 'hour'
+            } else {
+              this.chart.options.scales.xAxes[0].time.unit = 'day'
+            }
+            this.chart.options.scales.yAxes[0].ticks.maxTicksLimit = (this.height / 200) * 8 - dif
           }
           this.chartData = data
 
@@ -360,7 +359,7 @@ export default {
     // Map x-values of all datasets to the x-values of the largest dataset when dealing with
     // multiple time periods so that the charts are overlapped/aligned
     mapXValues: function (largestChart, charts) {
-      for (let chart of charts){
+      for (let chart of charts) {
         // check if current chart is the largest chart, don't map if so
         // may need a better way to differentiate charts, but this works for now
         // and accounts for have two charts that are the same length
@@ -368,7 +367,7 @@ export default {
           //loop through all data points in current chart and map x-value to largest chart
           //also create a datapoint for the original x-value so that we can display it on tooltip hover
           for (let i in chart.data) {
-            if (chart.data[i].y != null){
+            if (chart.data[i].y != null) {
               chart.data[i].originalX = chart.data[i].x
               chart.data[i].x = largestChart.data[i].x
             }
diff --git a/src/components/charts/doughnutchart.js b/src/components/charts/doughnutchart.js
index 1bac9563..6b56d08d 100644
--- a/src/components/charts/doughnutchart.js
+++ b/src/components/charts/doughnutchart.js
@@ -54,7 +54,7 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     this.renderChart(this.chartData, this.options)
   },
   methods: {
diff --git a/src/components/charts/linechart.js b/src/components/charts/linechart.js
index caf08c77..888e9871 100644
--- a/src/components/charts/linechart.js
+++ b/src/components/charts/linechart.js
@@ -168,7 +168,7 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     this.renderChart(this.chartData, this.options)
   },
   watch: {},
diff --git a/src/components/charts/piechart.js b/src/components/charts/piechart.js
index 2b329064..3b9125dd 100644
--- a/src/components/charts/piechart.js
+++ b/src/components/charts/piechart.js
@@ -73,7 +73,7 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     this.renderChart(this.chartData, this.options)
   },
   watch: {
diff --git a/src/components/extras/404.vue b/src/components/extras/404.vue
index 1c610d7b..f284cf32 100644
--- a/src/components/extras/404.vue
+++ b/src/components/extras/404.vue
@@ -11,9 +11,9 @@
 export default {
   name: '404',
   props: [],
-  data () {},
+  data() {},
   watch: {},
-  mounted () {},
+  mounted() {},
   methods: {}
 }
 </script>
diff --git a/src/components/extras/contact.vue b/src/components/extras/contact.vue
index 84898a0f..6b4bdf49 100644
--- a/src/components/extras/contact.vue
+++ b/src/components/extras/contact.vue
@@ -20,9 +20,9 @@
 export default {
   name: 'contact',
   props: [],
-  data () {},
+  data() {},
   watch: {},
-  mounted () {},
+  mounted() {},
   methods: {}
 }
 </script>
diff --git a/src/components/extras/heropicture.vue b/src/components/extras/heropicture.vue
index edbb726b..379644dc 100644
--- a/src/components/extras/heropicture.vue
+++ b/src/components/extras/heropicture.vue
@@ -47,7 +47,7 @@
 export default {
   name: 'heropicture',
   props: ['media', 'name', 'description'],
-  data () {
+  data() {
     return {
       arrayType: false,
       api: process.env.VUE_APP_ROOT_API
@@ -55,7 +55,7 @@ export default {
   },
   computed: {
     mediaArray: {
-      get () {
+      get() {
         if (this.media[0].length <= 1) return
         return this.media
       }
diff --git a/src/components/extras/media_picker.vue b/src/components/extras/media_picker.vue
index 6769ab9f..5644b812 100644
--- a/src/components/extras/media_picker.vue
+++ b/src/components/extras/media_picker.vue
@@ -37,14 +37,14 @@ Saturday January 11th 2020 * @Copyright: (c) Oregon State University 2020 */
 export default {
   name: 'mediapicker',
   props: ['value'],
-  data () {
+  data() {
     return {
       images: [],
       selected: 0,
       api: process.env.VUE_APP_ROOT_API
     }
   },
-  created () {
+  created() {
     this.$store.dispatch('map/imageList').then(r => {
       this.images = []
       var index = 0
diff --git a/src/components/get_started/buildingListTab.vue b/src/components/get_started/buildingListTab.vue
index df9698ee..690f0603 100644
--- a/src/components/get_started/buildingListTab.vue
+++ b/src/components/get_started/buildingListTab.vue
@@ -18,7 +18,7 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       buildingPic: 'https://energy-dashboard.s3-us-west-2.amazonaws.com/images/buildingPic.jpg',
       buildingStep1:
diff --git a/src/components/get_started/commitment.vue b/src/components/get_started/commitment.vue
index 58bf7b02..48f70f53 100644
--- a/src/components/get_started/commitment.vue
+++ b/src/components/get_started/commitment.vue
@@ -7,7 +7,7 @@
 <script>
 export default {
   name: 'commitment',
-  data () {
+  data() {
     return {
       i: 0,
       keyValue: false,
@@ -26,7 +26,7 @@ export default {
       ]
     }
   },
-  mounted () {
+  mounted() {
     var timeout = 100
     var i = 0
     while (i < this.commitments.length - 1) {
diff --git a/src/components/get_started/faq.vue b/src/components/get_started/faq.vue
index 3afd9725..1a819807 100644
--- a/src/components/get_started/faq.vue
+++ b/src/components/get_started/faq.vue
@@ -36,7 +36,7 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       activeNames: []
     }
diff --git a/src/components/get_started/feedbackForm.vue b/src/components/get_started/feedbackForm.vue
index 2617d7fe..14641f73 100644
--- a/src/components/get_started/feedbackForm.vue
+++ b/src/components/get_started/feedbackForm.vue
@@ -19,7 +19,7 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       ruleForm: {
         name: '',
@@ -38,7 +38,7 @@ export default {
     }
   },
   methods: {
-    submitForm (formName) {
+    submitForm(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
           alert('submit!')
@@ -48,7 +48,7 @@ export default {
         }
       })
     },
-    resetForm (formName) {
+    resetForm(formName) {
       this.$refs[formName].resetFields()
     }
   }
diff --git a/src/components/get_started/getStartedBanner.vue b/src/components/get_started/getStartedBanner.vue
index fa6d6595..2c7501eb 100644
--- a/src/components/get_started/getStartedBanner.vue
+++ b/src/components/get_started/getStartedBanner.vue
@@ -14,13 +14,13 @@ export default {
   components: {
     commitment
   },
-  data () {
+  data() {
     return {
       activeNames: ['1']
     }
   },
   methods: {
-    handleChange (val) {
+    handleChange(val) {
       console.log(val)
     }
   }
diff --git a/src/components/get_started/mainDescription.vue b/src/components/get_started/mainDescription.vue
index c2617687..ffc5b90d 100644
--- a/src/components/get_started/mainDescription.vue
+++ b/src/components/get_started/mainDescription.vue
@@ -21,7 +21,7 @@ export default {
     mapTab,
     buildingListTab
   },
-  data () {
+  data() {
     return {
       pic1: '/images/solar.jpg'
     }
diff --git a/src/components/get_started/mapTab.vue b/src/components/get_started/mapTab.vue
index 336e231e..bf7a7f59 100644
--- a/src/components/get_started/mapTab.vue
+++ b/src/components/get_started/mapTab.vue
@@ -65,7 +65,7 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       mapTab: 'first',
       mapCategoryDemo: 'https://energy-dashboard.s3-us-west-2.amazonaws.com/images/mapCategoryDemo.mp4',
diff --git a/src/components/leftBuildingMenu.vue b/src/components/leftBuildingMenu.vue
index 2c890f5c..1bf706a7 100644
--- a/src/components/leftBuildingMenu.vue
+++ b/src/components/leftBuildingMenu.vue
@@ -9,24 +9,24 @@ import { EventBus } from '../event-bus'
 
 export default {
   name: 'leftBuildingMenu',
-  data () {
+  data() {
     return {
       flag: true,
       flag2: false
     }
   },
   computed: {
-    isSmallScreen () {
+    isSmallScreen() {
       return window.innerWidth < 844 // Adjust this threshold as needed
     },
-    buttonText () {
+    buttonText() {
       return this.isSmallScreen
         ? this.flag2
           ? 'Hide Building Menu'
           : 'Show Building Menu'
         : this.flag
-          ? 'Hide Building Menu'
-          : 'Show Building Menu'
+        ? 'Hide Building Menu'
+        : 'Show Building Menu'
     }
   },
   methods: {
diff --git a/src/components/map/map.vue b/src/components/map/map.vue
index 75db56b3..0bf999a1 100644
--- a/src/components/map/map.vue
+++ b/src/components/map/map.vue
@@ -147,25 +147,25 @@ export default {
   },
   computed: {
     showSide: {
-      get () {
+      get() {
         return this.$store.getters['modalController/modalName'] === 'map_side_view'
       },
 
-      set (value) {
+      set(value) {
         this.$store.dispatch('modalController/closeModal')
       }
     },
     showCompareSide: {
-      get () {
+      get() {
         return this.$store.getters['modalController/modalName'] === 'map_compare_side'
       },
 
-      set (value) {
+      set(value) {
         this.$store.dispatch('modalController/closeModal')
       }
     }
   },
-  data () {
+  data() {
     return {
       selectedOption: 'All',
       searchGroup: [],
@@ -289,13 +289,13 @@ export default {
         }
       }
     },
-    resetMap () {
+    resetMap() {
       this.map.setView(L.latLng(DEFAULT_LAT, DEFAULT_LON), DEFAULT_ZOOM)
       for (let layer of Object.values(this.map._layers)) {
         layer.unbindTooltip()
       }
     },
-    getResult (searchResult) {
+    getResult(searchResult) {
       for (let layer of Object.values(this.map._layers)) {
         layer.unbindTooltip()
       }
@@ -336,7 +336,7 @@ export default {
         this.compareStories.splice(this.compareStories.indexOf(searchResult.feature.properties.id), 1)
       }
     },
-    resetSearchInput () {
+    resetSearchInput() {
       this.search = ''
       for (let layer of Object.values(this.map._layers)) {
         layer.unbindTooltip()
@@ -485,7 +485,7 @@ export default {
       return 'rgb(' + result[0].toString() + ',' + result[1].toString() + ',' + result[2].toString() + ')'
     }
   },
-  async created () {
+  async created() {
     await this.$store.dispatch('map/loadGeometry')
     this.mapLoaded = true
     this.message = window.innerWidth > 844
@@ -494,13 +494,13 @@ export default {
     })
     this.map.zoomControl.setPosition('topleft')
   },
-  mounted () {
+  mounted() {
     this.$nextTick(() => {
       this.map = this.$refs.map.mapObject
     })
   },
   watch: {
-    selectedOption (energyFilter) {
+    selectedOption(energyFilter) {
       this.rKey++
       this.$nextTick(() => {
         this.map = this.$refs.map.mapObject
diff --git a/src/components/map/map_compareside.vue b/src/components/map/map_compareside.vue
index 790faf20..b5a55ed6 100644
--- a/src/components/map/map_compareside.vue
+++ b/src/components/map/map_compareside.vue
@@ -75,25 +75,25 @@ export default {
     switchButtons
   },
   props: [],
-  data () {
+  data() {
     return {
       api: process.env.VUE_APP_ROOT_API
     }
   },
   computed: {
     path: {
-      get () {
+      get() {
         return this.$store.getters['modalController/data'].path
       }
     },
     block: {
-      get () {
+      get() {
         let mgId = this.$store.getters[this.path + '/primaryGroup']('Electricity').id
         return this.$store.getters[this.path + '/block'](mgId)
       }
     },
     name: {
-      get () {
+      get() {
         if (!this.buildings) return
         let names = this.buildings.map(building => this.$store.getters[building.path + '/name'])
         let r = ''
@@ -107,14 +107,14 @@ export default {
       }
     },
     buildings: {
-      get () {
+      get() {
         if (!this.block) return
         let buildingIds = this.$store.getters[this.block.path + '/modifierData']('building_compare').buildingIds
         return buildingIds.map(id => this.$store.getters['map/building'](id))
       }
     },
     mediaArray: {
-      get () {
+      get() {
         if (!this.buildings) return
         let buildingImages = this.buildings.map(building => this.$store.getters[building.path + '/image'])
         while (buildingImages.length > 4) buildingImages.pop()
@@ -122,7 +122,7 @@ export default {
       }
     }
   },
-  created () {
+  created() {
     // if (this.block) {
     //   console.log('creates')
     //   console.log(this.block)
diff --git a/src/components/map/sideView.vue b/src/components/map/sideView.vue
index f23d41fc..87d813e0 100644
--- a/src/components/map/sideView.vue
+++ b/src/components/map/sideView.vue
@@ -75,7 +75,7 @@ export default {
     chartController,
     switchButtons
   },
-  data () {
+  data() {
     return {
       api: process.env.VUE_APP_ROOT_API,
       title: '',
@@ -86,25 +86,25 @@ export default {
   },
   computed: {
     currentRange: {
-      get () {
+      get() {
         return this.$refs.switchbutton.currentRange
       }
     },
 
     media: {
-      get () {
+      get() {
         return this.building.image
       }
     },
 
     buildingBlocks: {
-      get () {
+      get() {
         return this.$store.getters[this.building.path + '/blocks']
       }
     },
 
     building: {
-      get () {
+      get() {
         return this.$store.getters['map/building'](this.$store.getters['modalController/data'].id)
       }
     }
diff --git a/src/components/map/switch_buttons.vue b/src/components/map/switch_buttons.vue
index 9abec30d..c3b590c7 100644
--- a/src/components/map/switch_buttons.vue
+++ b/src/components/map/switch_buttons.vue
@@ -19,12 +19,12 @@
 <script>
 export default {
   props: ['titles', 'value'],
-  data () {
+  data() {
     return {
       currentRange: -1
     }
   },
-  mounted () {},
+  mounted() {},
   computed: {},
   watch: {},
   methods: {}
diff --git a/src/components/map/time_switch_buttons_big.vue b/src/components/map/time_switch_buttons_big.vue
index 8aebc8ed..6f674481 100644
--- a/src/components/map/time_switch_buttons_big.vue
+++ b/src/components/map/time_switch_buttons_big.vue
@@ -21,12 +21,12 @@
 <script>
 export default {
   props: ['height', 'campaign', 'days', 'blocks', 'campaignDateEnd', 'campaignDateStart', 'forceUpdate'],
-  data () {
+  data() {
     return {
       currentRange: -1
     }
   },
-  mounted () {},
+  mounted() {},
   computed: {},
   watch: {
     blocks: {
diff --git a/src/components/navBar.vue b/src/components/navBar.vue
index 97f394aa..3005348c 100644
--- a/src/components/navBar.vue
+++ b/src/components/navBar.vue
@@ -28,13 +28,13 @@ export default {
   components: {
     svgLogo
   },
-  data () {
+  data() {
     return {
       showMobileMenu: false
     }
   },
   methods: {
-    showMenu () {
+    showMenu() {
       this.showMobileMenu = !this.showMobileMenu
     }
   }
diff --git a/src/components/view/modals/download_data.vue b/src/components/view/modals/download_data.vue
index 951f3fa7..a5439052 100644
--- a/src/components/view/modals/download_data.vue
+++ b/src/components/view/modals/download_data.vue
@@ -132,7 +132,7 @@ Saturday December 21st 2019 * @Copyright: (c) Oregon State University 2019 */
 import ChartModifier from '@/store/chart_modifiers/index'
 var JSZip = require('jszip')
 export default {
-  data () {
+  data() {
     return {
       currentIndex: 0,
       addBuildingId: 0,
@@ -155,18 +155,18 @@ export default {
   },
   computed: {
     visible: {
-      get () {
+      get() {
         return this.$store.getters['modalController/modalName'] === 'download_data'
       },
 
-      set (value) {
+      set(value) {
         if (value === false) {
           this.$store.dispatch('modalController/closeModal')
         }
       }
     },
     meterPoints: {
-      get () {
+      get() {
         let points = []
         for (let building of this.form.buildings) {
           for (let group of building.groups) {
@@ -183,7 +183,7 @@ export default {
       }
     },
     buildingsFiltered: {
-      get () {
+      get() {
         if (!this.buildings) return []
         let buildingsCopy = new Array(...this.buildings)
         let buildingIds = buildingsCopy.map(o => parseInt(o.id))
@@ -198,7 +198,7 @@ export default {
     },
 
     buildings: {
-      get () {
+      get() {
         return this.$store.getters['map/buildings']
       }
     }
diff --git a/src/components/view/modals/edit_card.vue b/src/components/view/modals/edit_card.vue
index 5dce1c06..f0846224 100644
--- a/src/components/view/modals/edit_card.vue
+++ b/src/components/view/modals/edit_card.vue
@@ -269,7 +269,7 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       currentIndex: 0,
       form: {
@@ -287,29 +287,29 @@ export default {
   },
   computed: {
     visible: {
-      get () {
+      get() {
         return this.$store.getters['modalController/modalName'] === 'edit_card'
       },
 
-      set (value) {
+      set(value) {
         if (value === false) {
           this.$store.dispatch('modalController/closeModal')
         }
       }
     },
     compareView: {
-      get () {
+      get() {
         return this.$route.path.includes('compare')
       }
     },
     // Check only one building is in comparison, e.g. for "save time period" button
     compareOneBuildingView: {
-      get () {
+      get() {
         return this.$route.path.includes('compare') && JSON.parse(JSON.stringify(this.form.sets)).length === 1
       }
     },
     personalView: {
-      get () {
+      get() {
         let viewPath = this.$store.getters['modalController/data'].path
         if (!viewPath) {
           viewPath = this.$store.getters['modalController/data'].view
@@ -328,19 +328,19 @@ export default {
     },
 
     buildings: {
-      get () {
+      get() {
         return this.$store.getters['map/buildings']
       }
     },
 
     meters: {
-      get () {
+      get() {
         return this.$store.getters[this.form.sets[this.currentIndex].building + '/meterGroups']
       }
     },
 
     meterPoints: {
-      get () {
+      get() {
         return this.$store.getters[this.form.sets[this.currentIndex].meter + '/points']
       }
     }
diff --git a/src/components/view/navdir.vue b/src/components/view/navdir.vue
index a8cb4a79..7ff23608 100644
--- a/src/components/view/navdir.vue
+++ b/src/components/view/navdir.vue
@@ -73,7 +73,7 @@ export default {
     downloader
   },
   up: 0,
-  data () {
+  data() {
     return {
       groupName: '',
       filteredGroups: [],
@@ -85,12 +85,12 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     this.update()
   },
   computed: {
     viewOrBuilding: {
-      get () {
+      get() {
         if (this.publicView) {
           return this.$store.getters['map/building'](this.$route.params.id)
         } else {
@@ -101,7 +101,7 @@ export default {
       }
     },
     group1: {
-      get () {
+      get() {
         if (this.publicView) {
           let groups = this.$store.getters['map/buildingGroups']
           let rValue = []
@@ -116,7 +116,7 @@ export default {
       }
     },
     group2: {
-      get () {
+      get() {
         if (!this.viewOrBuilding) return
         if (this.publicView) {
           let buildings = this.$store.getters['map/buildingsForGroup'](this.viewOrBuilding.group)
@@ -132,7 +132,7 @@ export default {
       }
     },
     group1Name: {
-      get () {
+      get() {
         if (!this.viewOrBuilding) return
         if (this.publicView) {
           return this.viewOrBuilding.group
@@ -142,18 +142,18 @@ export default {
       }
     },
     group2Name: {
-      get () {
+      get() {
         if (!this.viewOrBuilding) return
         return this.viewOrBuilding.name
       }
     },
     publicView: {
-      get () {
+      get() {
         return this.$route.path.includes('building')
       }
     },
     otherView: {
-      get () {
+      get() {
         if (this.viewOrBuilding.path === 'view') {
           return true
         }
diff --git a/src/components/view/view.vue b/src/components/view/view.vue
index 71b2f895..fffee143 100644
--- a/src/components/view/view.vue
+++ b/src/components/view/view.vue
@@ -36,12 +36,12 @@ export default {
     navdir,
     editCard
   },
-  data () {
+  data() {
     return {
       navVis: false
     }
   },
-  async created () {
+  async created() {
     await this.$store.dispatch('map/loadMap')
     this.navVis = this.personalView || this.$route.path.includes('building') || this.otherView
     await this.$store.dispatch('user/user')
@@ -184,7 +184,7 @@ export default {
   },
   computed: {
     personalView: {
-      get () {
+      get() {
         if (
           this.view &&
           this.view.user === this.$store.getters['user/onid'] &&
@@ -196,7 +196,7 @@ export default {
       }
     },
     otherView: {
-      get () {
+      get() {
         if (this.view.path === 'view') {
           return true
         }
@@ -204,7 +204,7 @@ export default {
       }
     },
     view: {
-      get () {
+      get() {
         if (this.$route.path.includes('building')) {
           return this.$store.getters['map/building'](this.$route.params.id)
         } else if (this.$route.path.includes('compare')) {
@@ -235,14 +235,14 @@ export default {
       }
     },
     compareBuildings: {
-      get () {
+      get() {
         if (!this.$route.path.includes('compare')) return null
         // console.log(this.$route.params.buildings)
         return JSON.parse(decodeURI(this.$route.params.buildings)).map(id => this.$store.getters['map/building'](id))
       }
     },
     cards: {
-      get () {
+      get() {
         if (this.$route.path.includes('compare')) {
           if (!this.compareBuildings || this.compareBuildings.length === 0 || !this.compareBuildings[0]) {
             return []
@@ -264,7 +264,7 @@ export default {
       }
     },
     dateStart: {
-      get () {
+      get() {
         let startModifier = 7 * 24 * 60 * 60 * 1000
         switch (parseInt(this.$route.params.range)) {
           case 1:
@@ -284,13 +284,13 @@ export default {
       }
     },
     dateEnd: {
-      get () {
+      get() {
         let d = new Date()
         return d.getTime()
       }
     },
     intervalUnit: {
-      get () {
+      get() {
         /*
          If we're dealing with solar panels just show the interval in hours or minutes since the
          default unit for solar panels is Energy in Interval--basically the change in
@@ -319,7 +319,7 @@ export default {
       }
     },
     dateInterval: {
-      get () {
+      get() {
         switch (parseInt(this.$route.params.range)) {
           case 1:
             return 1
diff --git a/src/store/api.js b/src/store/api.js
index 5fbb2035..f68f0666 100644
--- a/src/store/api.js
+++ b/src/store/api.js
@@ -1,7 +1,7 @@
 import axios from 'axios'
 axios.defaults.withCredentials = true
 
-function callAPI (
+function callAPI(
   route,
   data = null,
   method = 'get',
diff --git a/src/store/block.module.js b/src/store/block.module.js
index fa5ca3ce..66e5d5d8 100644
--- a/src/store/block.module.js
+++ b/src/store/block.module.js
@@ -25,7 +25,7 @@ const state = () => {
 }
 
 const actions = {
-  loadChart (store, id) {
+  loadChart(store, id) {
     let chartSpace = 'chart_' + id.toString()
     let moduleSpace = store.getters.path + '/' + chartSpace
     this.registerModule(moduleSpace.split('/'), Chart)
@@ -37,7 +37,7 @@ const actions = {
     store.dispatch(chartSpace + '/changeChart', id)
   },
 
-  async addModifier (store, modifierName) {
+  async addModifier(store, modifierName) {
     const currentModNames = store.getters.modifiers.map(o => o.name)
 
     if (currentModNames.indexOf(modifierName) < 0) {
@@ -53,7 +53,7 @@ const actions = {
     }
   },
 
-  async removeModifier (store, modifierName) {
+  async removeModifier(store, modifierName) {
     const currentModNames = store.getters.modifiers.map(o => o.name)
     const modIndex = currentModNames.indexOf(modifierName)
     if (modIndex < 0) {
@@ -65,11 +65,11 @@ const actions = {
     }
   },
 
-  async resetDefault (store) {
+  async resetDefault(store) {
     await store.dispatch('removeAllModifiers')
   },
 
-  async removeAllModifiers (store) {
+  async removeAllModifiers(store) {
     for (let modIndex in store.getters.modifiers) {
       if (modIndex < 0) {
         throw new Error('Modifier not found on block')
@@ -81,7 +81,7 @@ const actions = {
     }
   },
 
-  async updateModifier (store, payload) {
+  async updateModifier(store, payload) {
     // eslint-disable-next-line no-proto
     const currentModNames = store.getters.modifiers.map(o => o.__proto__.constructor.name)
     const modIndex = currentModNames.indexOf(payload.name)
@@ -95,12 +95,12 @@ const actions = {
     }
   },
 
-  async unloadChart (store, chartId) {
+  async unloadChart(store, chartId) {
     let chart = store.getters.chart(chartId)
     this.unregisterModule(chart.path.split('/'))
   },
 
-  async loadCharts (store, charts) {
+  async loadCharts(store, charts) {
     for (let chart of charts) {
       // 12/23/2023 edit: We can bypass the chartSpace issue by using block.module.js's getData() function.
       // Duplicate chartSpace values trigger VueX getter error, need to fix this to support multiple charts
@@ -132,7 +132,7 @@ const actions = {
     }
   },
 
-  async update (store, payload) {
+  async update(store, payload) {
     console.log(payload)
     console.log(store.getters)
     if (
@@ -166,7 +166,7 @@ const actions = {
     }
   },
 
-  async changeBlock (store, id) {
+  async changeBlock(store, id) {
     store.commit('shuffleChartColors')
     for (let chart of store.getters.charts) {
       this.unregisterModule(chart.path.split('/'))
@@ -187,7 +187,7 @@ const actions = {
     }
   },
 
-  async newChart (store, payload) {
+  async newChart(store, payload) {
     let id = (
       await API.chart(
         {
@@ -214,7 +214,7 @@ const actions = {
     store.commit(chartSpace + '/meterGroupPath', payload.meter)
   },
 
-  async removeChart (store, name) {
+  async removeChart(store, name) {
     for (let chart of store.getters.charts) {
       let chartKey = chart.path.split('/').pop()
       if (chartKey === name) {
@@ -227,7 +227,7 @@ const actions = {
   },
 
   // Default block for Aqcuisuites & Tesla Solar Panels
-  async loadDefault (store, payload) {
+  async loadDefault(store, payload) {
     store.commit(
       'promise',
       new Promise(async (resolve, reject) => {
@@ -294,7 +294,7 @@ const actions = {
     return store.getters.promise
   },
 
-  async getData (store) {
+  async getData(store) {
     let chartDataPromises = []
     let data = {
       labels: [],
@@ -361,15 +361,15 @@ const actions = {
 }
 
 const mutations = {
-  path (state, path) {
+  path(state, path) {
     state.path = path
   },
   // seconds to add from starting time_seconds in dateStart
-  timeZoneOffset (state, offset) {
+  timeZoneOffset(state, offset) {
     state.timeZoneOffset = offset
   },
 
-  shuffleChartColors (state) {
+  shuffleChartColors(state) {
     for (var i = state.chartColors.length - 1; i > 0; i--) {
       var j = Math.floor(Math.random() * (i + 1))
       var temp = state.chartColors[i]
@@ -378,36 +378,36 @@ const mutations = {
     }
   },
 
-  addMod (state, mod) {
+  addMod(state, mod) {
     state.modifiers.push(mod)
   },
 
-  removeMod (state, mod) {
+  removeMod(state, mod) {
     const modIndex = state.modifiers.map(o => o.name).indexOf(mod.nam)
     state.modifiers.splice(modIndex, 1)
   },
 
-  promise (state, promise) {
+  promise(state, promise) {
     state.promise = promise
   },
 
-  name (state, name) {
+  name(state, name) {
     state.name = name
   },
 
-  dateInterval (state, dateInterval) {
+  dateInterval(state, dateInterval) {
     state.dateInterval = dateInterval
   },
 
-  intervalUnit (state, intervalUnit) {
+  intervalUnit(state, intervalUnit) {
     state.intervalUnit = intervalUnit
   },
 
-  graphType (state, graphType) {
+  graphType(state, graphType) {
     state.graphType = graphType
   },
 
-  dateStart (state, dateStart) {
+  dateStart(state, dateStart) {
     if (typeof dateStart === 'string') {
       state.dateStart = new Date(dateStart).getTime()
     } else if (typeof dateStart === 'number') {
@@ -419,7 +419,7 @@ const mutations = {
     }
   },
 
-  dateEnd (state, dateEnd) {
+  dateEnd(state, dateEnd) {
     if (typeof dateEnd === 'string') {
       state.dateEnd = new Date(dateEnd).getTime()
     } else if (typeof dateEnd === 'number') {
@@ -431,7 +431,7 @@ const mutations = {
     }
   },
 
-  id (state, id) {
+  id(state, id) {
     state.id = id
   }
 }
diff --git a/src/store/block_modifiers/base.mod.js b/src/store/block_modifiers/base.mod.js
index d7b00dc2..515cfd0b 100644
--- a/src/store/block_modifiers/base.mod.js
+++ b/src/store/block_modifiers/base.mod.js
@@ -8,7 +8,7 @@
 export default class BaseBlockModifier {
   static name = 'base'
 
-  constructor (store, module) {
+  constructor(store, module) {
     /*
       Initialize the modifier here,
       this is only an example modifier that
@@ -19,7 +19,7 @@ export default class BaseBlockModifier {
     this.data = {}
   }
 
-  async onAdd (store, module) {
+  async onAdd(store, module) {
     /*
       Function is called when a modifier
       is added to a block. Store is Vuex store
@@ -27,7 +27,7 @@ export default class BaseBlockModifier {
     */
   }
 
-  async onRemove (store, module) {
+  async onRemove(store, module) {
     /*
       Function is called when a modifier
       is removed from a block. Store is Vuex store
@@ -35,7 +35,7 @@ export default class BaseBlockModifier {
     */
   }
 
-  async updateData (store, module, data) {
+  async updateData(store, module, data) {
     /*
       Function is called when a block
       updates modifier data. Store is Vuex store
@@ -46,7 +46,7 @@ export default class BaseBlockModifier {
     */
   }
 
-  async preData (store, module) {}
+  async preData(store, module) {}
 
-  async postData (store, module, payload) {}
+  async postData(store, module, payload) {}
 }
diff --git a/src/store/block_modifiers/building_compare.mod.js b/src/store/block_modifiers/building_compare.mod.js
index 487e7b34..ef3cc7d2 100644
--- a/src/store/block_modifiers/building_compare.mod.js
+++ b/src/store/block_modifiers/building_compare.mod.js
@@ -8,7 +8,7 @@
 export default class CompareModifier {
   static name = 'building_compare'
 
-  constructor (store, module) {
+  constructor(store, module) {
     /*
       Initialize the modifier here,
       this is only an example modifier that
@@ -22,7 +22,7 @@ export default class CompareModifier {
     }
   }
 
-  async onAdd (store, module) {
+  async onAdd(store, module) {
     /*
       Function is called when a modifier
       is added to a block. Store is Vuex store
@@ -30,7 +30,7 @@ export default class CompareModifier {
     */
   }
 
-  async onRemove (store, module) {
+  async onRemove(store, module) {
     /*
       Function is called when a modifier
       is removed from a block. Store is Vuex store
@@ -41,7 +41,7 @@ export default class CompareModifier {
 
   // I *think* updateModifier function from block.module.js lands here, not sure.
   // updateData function below calls addCharts and removeOldCharts
-  async updateData (store, mod, data) {
+  async updateData(store, mod, data) {
     /*
       Function is called when a block
       updates modifier data. Store is Vuex store
@@ -55,7 +55,7 @@ export default class CompareModifier {
     }
   }
 
-  async removeOldCharts (store, mod, ids) {
+  async removeOldCharts(store, mod, ids) {
     // If we change the chartspace / chart id to support duplicate charts of the same building, we need to update this function
     // E.g. if we make the chartspace from chart_<number> to chart_<number>_<another number>, the function below needs to support
     // new syntax
@@ -73,7 +73,7 @@ export default class CompareModifier {
     }
   }
 
-  async addCharts (store, mod, ids) {
+  async addCharts(store, mod, ids) {
     // where adding new charts for comparison is handled. Either here or maybe in view.vue we need to rework
     // to handle multiple charts of the same building via different chartname or something
     // console.log(mod.getters)
@@ -97,7 +97,7 @@ export default class CompareModifier {
     await store.dispatch(mod.getters.path + '/loadCharts', charts)
   }
 
-  async preData (store, module, data) {
+  async preData(store, module, data) {
     /*
       Function is called when a block
       updates modifier data. Store is Vuex store
@@ -106,15 +106,15 @@ export default class CompareModifier {
     */
   }
 
-  color (index, module) {
+  color(index, module) {
     return module.getters.chartColors[index]
   }
 
-  buildingName (store, id) {
+  buildingName(store, id) {
     return store.getters[store.getters['map/building'](id).path + '/name']
   }
 
-  async postData (store, module, data) {
+  async postData(store, module, data) {
     /*
       Function is called when a block
       updates modifier data. Store is Vuex store
diff --git a/src/store/block_modifiers/campaign_linebar.mod.js b/src/store/block_modifiers/campaign_linebar.mod.js
index 8244af76..e1a86d16 100644
--- a/src/store/block_modifiers/campaign_linebar.mod.js
+++ b/src/store/block_modifiers/campaign_linebar.mod.js
@@ -8,7 +8,7 @@
 export default class CampaignLineBarModifier {
   static name = 'campaign_linebar'
 
-  constructor (store, module) {
+  constructor(store, module) {
     /*
       Initialize the modifier here,
       this is only an example modifier that
@@ -25,7 +25,7 @@ export default class CampaignLineBarModifier {
     }
   }
 
-  async onAdd (store, module) {
+  async onAdd(store, module) {
     /*
       Function is called when a modifier
       is added to a block. Store is Vuex store
@@ -33,7 +33,7 @@ export default class CampaignLineBarModifier {
     */
   }
 
-  async onRemove (store, moduleVuex) {
+  async onRemove(store, moduleVuex) {
     /*
       Function is called when a modifier
       is removed from a block. Store is Vuex store
@@ -41,7 +41,7 @@ export default class CampaignLineBarModifier {
     */
   }
 
-  async updateData (store, moduleVuex, data) {
+  async updateData(store, moduleVuex, data) {
     /*
       Function is called when a block
       updates modifier data. Store is Vuex store
@@ -57,7 +57,7 @@ export default class CampaignLineBarModifier {
     }
   }
 
-  async preData (store, moduleVuex) {
+  async preData(store, moduleVuex) {
     /*
       Function is called when a block
       updates modifier data. Store is Vuex store
@@ -80,7 +80,7 @@ export default class CampaignLineBarModifier {
     }
     this.promise = store.dispatch(moduleVuex.getters.charts[0].path + '/getData', payload)
   }
-  async postData (store, moduleVuex, data) {
+  async postData(store, moduleVuex, data) {
     /*
       Function is called when a block
       updates modifier data. Store is Vuex store
diff --git a/src/store/building.module.js b/src/store/building.module.js
index 1f59940e..20653298 100644
--- a/src/store/building.module.js
+++ b/src/store/building.module.js
@@ -25,7 +25,7 @@ const state = () => {
 }
 
 const actions = {
-  async loadMeterGroup (store, payload) {
+  async loadMeterGroup(store, payload) {
     let meterGroupSpace = 'meterGroup_' + payload.id.toString()
     let moduleSpace = store.getters.path + '/' + meterGroupSpace
     this.registerModule(moduleSpace.split('/'), MeterGroup)
@@ -43,13 +43,13 @@ const actions = {
     await Promise.all(meterPromises)
   },
 
-  async removeAllMeterGroups (store) {
+  async removeAllMeterGroups(store) {
     for (let meterGroup of store.getters.meterGroups) {
       this.unregisterModule(meterGroup.path.split('/'))
     }
   },
 
-  async update (store, payload) {
+  async update(store, payload) {
     let reqPayload = {
       ...payload,
       id: store.getters.id
@@ -93,7 +93,7 @@ const actions = {
     }
   },
 
-  async buildDefaultBlocks (store, payload) {
+  async buildDefaultBlocks(store, payload) {
     for (let group of store.getters.meterGroups) {
       await group.promise
       if (group.default) {
@@ -111,43 +111,43 @@ const actions = {
 }
 
 const mutations = {
-  promise (state, promise) {
+  promise(state, promise) {
     state.promise = promise
   },
 
-  hidden (state, hide) {
+  hidden(state, hide) {
     state.hidden = hide
   },
 
-  mapId (state, mapId) {
+  mapId(state, mapId) {
     state.mapId = mapId
   },
 
-  name (state, name) {
+  name(state, name) {
     state.name = name
   },
 
-  group (state, group) {
+  group(state, group) {
     state.group = group
   },
 
-  image (state, image) {
+  image(state, image) {
     state.image = image
   },
 
-  geoJSON (state, geoJSON) {
+  geoJSON(state, geoJSON) {
     state.geoJSON = geoJSON
   },
 
-  id (state, id) {
+  id(state, id) {
     state.id = id
   },
 
-  path (state, path) {
+  path(state, path) {
     state.path = path
   },
 
-  addType (state, type) {
+  addType(state, type) {
     if (state.description.search(new RegExp(`${type}`, 'gi')) < 0) {
       if (state.description === '') {
         state.description += type
@@ -159,45 +159,45 @@ const mutations = {
 }
 
 const getters = {
-  promise (state) {
+  promise(state) {
     return state.promise
   },
-  hidden (state) {
+  hidden(state) {
     return state.hidden
   },
 
-  mapId (state) {
+  mapId(state) {
     return state.mapId
   },
-  name (state) {
+  name(state) {
     return state.name
   },
 
-  group (state) {
+  group(state) {
     return state.group
   },
 
-  image (state) {
+  image(state) {
     return state.image
   },
 
-  geoJSON (state) {
+  geoJSON(state) {
     return state.geoJSON
   },
 
-  id (state) {
+  id(state) {
     return state.id
   },
 
-  description (state) {
+  description(state) {
     return state.description
   },
 
-  path (state) {
+  path(state) {
     return state.path
   },
 
-  meterGroups (state) {
+  meterGroups(state) {
     let r = []
     for (let key of Object.keys(state)) {
       if (key.search(/meterGroup_[0-9]+/) >= 0) {
@@ -207,7 +207,7 @@ const getters = {
     return r
   },
 
-  blocks (state) {
+  blocks(state) {
     let r = []
     for (let key of Object.keys(state)) {
       if (key.search(/block_[0-9]+/) >= 0) {
diff --git a/src/store/campaign.module.js b/src/store/campaign.module.js
index 4884c693..8ca7266b 100644
--- a/src/store/campaign.module.js
+++ b/src/store/campaign.module.js
@@ -21,7 +21,7 @@ const state = () => {
 }
 
 const actions = {
-  async buildBlocks (store) {
+  async buildBlocks(store) {
     if (store.getters.promise === null) {
       store.commit(
         'promise',
diff --git a/src/store/campaigns.module.js b/src/store/campaigns.module.js
index cef4d693..8fb0eb08 100644
--- a/src/store/campaigns.module.js
+++ b/src/store/campaigns.module.js
@@ -18,7 +18,7 @@ const state = () => {
 
 const actions = {
   // Retrieves campaign information for all campaigns from the API and controls the global campaigns promise
-  async loadCampaigns (store) {
+  async loadCampaigns(store) {
     if (store.getters.promise === null) {
       store.commit(
         'promise',
@@ -57,7 +57,7 @@ const actions = {
 }
 
 const mutations = {
-  promise (state, promise) {
+  promise(state, promise) {
     state.promise = promise
   }
 }
diff --git a/src/store/chart.module.js b/src/store/chart.module.js
index e99b98a9..f9ab0d9a 100644
--- a/src/store/chart.module.js
+++ b/src/store/chart.module.js
@@ -30,7 +30,7 @@ const actions = {
   //   "dateInterval": 1,
   //   "graphType": 1
   // }
-  async getData (store, payload) {
+  async getData(store, payload) {
     if (!store.getters.meterGroupPath) return
     const reqPayload = {
       point: store.getters.point,
@@ -116,7 +116,7 @@ const actions = {
     return chartData
   },
 
-  async changeChart (store, id) {
+  async changeChart(store, id) {
     let chart = API.chart(id)
     store.commit('promise', chart)
     store.commit('id', id)
@@ -127,7 +127,7 @@ const actions = {
     store.commit('meterGroupPath', this.getters.meterGroup(chart.meterGroup).path)
   },
 
-  async update (store, payload) {
+  async update(store, payload) {
     console.log(payload)
     console.log(store.getters)
     if (
@@ -167,48 +167,48 @@ const actions = {
 }
 
 const mutations = {
-  path (state, path) {
+  path(state, path) {
     state.path = path
   },
 
-  modifierData (state, data) {
+  modifierData(state, data) {
     state.modifierData = data
   },
 
-  promise (state, promise) {
+  promise(state, promise) {
     state.promise = promise
   },
 
-  color (state, color) {
+  color(state, color) {
     state.color = color
   },
 
-  name (state, name) {
+  name(state, name) {
     state.name = name
   },
 
-  point (state, point) {
+  point(state, point) {
     state.point = point
   },
 
-  building (state, building) {
+  building(state, building) {
     // example call triggered from block.module.js's updateCharts()
     // commented out for now as this triggers many times
     // console.log(building)
     state.building = building
   },
 
-  id (state, id) {
+  id(state, id) {
     state.id = id
   },
 
-  meterGroupPath (state, meterGroupPath) {
+  meterGroupPath(state, meterGroupPath) {
     state.meterGroupPath = meterGroupPath
   },
 
   // Function to convert plain text date format from Edit Form to Unix Timestamps
   // See similar dateStart / dateEnd mutation functions in block.module.js
-  multStart (state, multStart) {
+  multStart(state, multStart) {
     for (let i in multStart) {
       if (typeof multStart[i] === 'string') {
         console.log('helloooo')
@@ -225,12 +225,12 @@ const mutations = {
 
   // Function to remove all elements from VueX state array and insert a placeholder value
   // You only need a mutation for this when you are dealing with global state (state.commit, this.store.getters, etc)
-  clearAndSetMultStart (state, payload) {
+  clearAndSetMultStart(state, payload) {
     state.multStart = []
     state.multStart.push(...payload)
   },
 
-  multEnd (state, multEnd) {
+  multEnd(state, multEnd) {
     for (let i in multEnd) {
       if (typeof multEnd[i] === 'string') {
         state.multEnd[i] = new Date(multEnd[i]).getTime()
@@ -244,58 +244,58 @@ const mutations = {
     }
   },
 
-  clearAndSetMultEnd (state, payload) {
+  clearAndSetMultEnd(state, payload) {
     state.multEnd = []
     state.multEnd.push(...payload)
   }
 }
 
 const getters = {
-  promise (state) {
+  promise(state) {
     return state.promise
   },
 
-  modifierData (state) {
+  modifierData(state) {
     return state.modifierData
   },
 
-  color (state) {
+  color(state) {
     return state.color
   },
 
-  path (state) {
+  path(state) {
     return state.path
   },
 
-  name (state) {
+  name(state) {
     return state.name
   },
 
-  point (state) {
+  point(state) {
     return state.point
   },
 
-  building (state) {
+  building(state) {
     return state.building
   },
 
-  id (state) {
+  id(state) {
     return state.id
   },
 
-  meterGroupPath (state) {
+  meterGroupPath(state) {
     return state.meterGroupPath
   },
 
-  multStart (state) {
+  multStart(state) {
     return state.multStart
   },
 
-  multEnd (state) {
+  multEnd(state) {
     return state.multEnd
   },
 
-  pointString (state) {
+  pointString(state) {
     if (state.point) {
       const map = {
         accumulated_real: 'Net Energy Usage (kWh)',
@@ -341,7 +341,7 @@ const getters = {
     }
   },
 
-  unitString (state) {
+  unitString(state) {
     const map = {
       accumulated_real: 'kWh',
       real_power: 'W',
diff --git a/src/store/chart_modifiers/line_bar/accumulated_real.js b/src/store/chart_modifiers/line_bar/accumulated_real.js
index e00abdf4..eac3501a 100644
--- a/src/store/chart_modifiers/line_bar/accumulated_real.js
+++ b/src/store/chart_modifiers/line_bar/accumulated_real.js
@@ -3,7 +3,7 @@
   Info: Chart math & setup for accumulated real meter point.
 */
 export default class LineAccumulatedModifier {
-  constructor () {
+  constructor() {
     this.data = {}
   }
   /*
@@ -33,7 +33,7 @@ export default class LineAccumulatedModifier {
       - module: (vuex module) module dispatching this function call
     Returns: Nothing (Note: chartData is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async postGetData (chartData, payload, store, module) {
+  async postGetData(chartData, payload, store, module) {
     let resultDataObject = chartData.data
 
     // array that stores keys for the resultDataObject (used for finding nearest valid keys for Weatherford)
@@ -45,7 +45,7 @@ export default class LineAccumulatedModifier {
 
     // Finds the nearest valid keys for a given building (mostly intended for correcting manual meter uploads, e.g. Weatherford.)
     // Other buildings with automatic meter upload should have the same keys after this function is run.
-    function findClosest (array, num) {
+    function findClosest(array, num) {
       return array.reduce(function (prev, curr) {
         return Math.abs(curr - num) < Math.abs(prev - num) ? curr : prev
       })
@@ -141,7 +141,7 @@ export default class LineAccumulatedModifier {
       - module: (vuex module) module dispatching this function call
     Returns: Nothing (Note: payload is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async preGetData (payload, store, module) {
+  async preGetData(payload, store, module) {
     let delta = 1
     let dataDate = new Date(payload.dateStart * 1000)
     switch (payload.intervalUnit) {
diff --git a/src/store/chart_modifiers/line_bar/avg_accumulated_real.js b/src/store/chart_modifiers/line_bar/avg_accumulated_real.js
index 88265ee2..a81d9894 100644
--- a/src/store/chart_modifiers/line_bar/avg_accumulated_real.js
+++ b/src/store/chart_modifiers/line_bar/avg_accumulated_real.js
@@ -7,7 +7,7 @@
  */
 
 export default class LineAvgModifier {
-  constructor () {
+  constructor() {
     this.dateStart = null
     this.dateEnd = null
   }
@@ -40,7 +40,7 @@ export default class LineAvgModifier {
 
     Returns: Nothing (Note: chartData is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async postGetData (chartData, payload, store, module) {
+  async postGetData(chartData, payload, store, module) {
     let returnData = []
     let delta = 1
     switch (payload.intervalUnit) {
@@ -133,7 +133,7 @@ export default class LineAvgModifier {
 
     Returns: Nothing (Note: payload is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async preGetData (payload, store, module) {
+  async preGetData(payload, store, module) {
     if (payload.intervalUnit === 'day' && payload.dateInterval > 1) {
       throw new Error('Time difference interval too large to work correctly')
     }
diff --git a/src/store/chart_modifiers/line_bar/base.js b/src/store/chart_modifiers/line_bar/base.js
index 3ce43ab9..1d143e10 100644
--- a/src/store/chart_modifiers/line_bar/base.js
+++ b/src/store/chart_modifiers/line_bar/base.js
@@ -7,7 +7,7 @@
  */
 
 export default class LineBaseModifier {
-  constructor () {
+  constructor() {
     this.data = {}
   }
   /*
@@ -40,7 +40,7 @@ export default class LineBaseModifier {
 
     Returns: Nothing (Note: chartData is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async postGetData (chartData, payload, store, module) {
+  async postGetData(chartData, payload, store, module) {
     let resultDataObject = chartData.data
     let returnData = []
     let delta = 1
@@ -103,7 +103,7 @@ export default class LineBaseModifier {
 
     Returns: Nothing (Note: payload is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async preGetData (payload, store, module) {
+  async preGetData(payload, store, module) {
     let delta = 1
     let dataDate = new Date(payload.dateStart * 1000)
     switch (payload.intervalUnit) {
diff --git a/src/store/chart_modifiers/line_bar/baseline_perc.js b/src/store/chart_modifiers/line_bar/baseline_perc.js
index f6f8928a..0b28d8b9 100644
--- a/src/store/chart_modifiers/line_bar/baseline_perc.js
+++ b/src/store/chart_modifiers/line_bar/baseline_perc.js
@@ -36,7 +36,7 @@ export default class LinePercModifier {
 
     Returns: Nothing (Note: chartData is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async postGetData (chartData, payload, store, module) {
+  async postGetData(chartData, payload, store, module) {
     let resultDataObject = chartData.data
 
     // array that stores keys for the resultDataObject (used for finding nearest valid keys for Weatherford)
@@ -46,7 +46,7 @@ export default class LinePercModifier {
 
     // Finds the nearest valid keys for a given building (mostly intended for correcting manual meter uploads, e.g. Weatherford.)
     // Other buildings with automatic meter upload should have the same keys after this function is run.
-    function findClosest (array, num) {
+    function findClosest(array, num) {
       return array.reduce(function (prev, curr) {
         return Math.abs(curr - num) < Math.abs(prev - num) ? curr : prev
       })
@@ -171,7 +171,7 @@ export default class LinePercModifier {
 
     Returns: Nothing (Note: payload is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async preGetData (payload, store, module) {
+  async preGetData(payload, store, module) {
     if (payload.intervalUnit === 'day' && payload.dateInterval > 1) {
       throw new Error('Time difference interval to large to work correctly')
     }
diff --git a/src/store/chart_modifiers/line_bar/energy_change.js b/src/store/chart_modifiers/line_bar/energy_change.js
index 54f8eb0a..3647e07e 100644
--- a/src/store/chart_modifiers/line_bar/energy_change.js
+++ b/src/store/chart_modifiers/line_bar/energy_change.js
@@ -46,7 +46,7 @@ export default class LineEnergyChange {
 
     Returns: Nothing (Note: chartData is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async postGetData (chartData, payload, store, module) {
+  async postGetData(chartData, payload, store, module) {
     let resultDataObject = chartData.data
     let returnData = []
     let delta = 1
@@ -56,7 +56,7 @@ export default class LineEnergyChange {
     chartData.fill = true
 
     // Finds the nearest valid keys for a given building. In this case, it handles solar meters that upload less than every 15 minutes.
-    function findClosest (array, num) {
+    function findClosest(array, num) {
       return array.reduce(function (prev, curr) {
         return Math.abs(curr - num) < Math.abs(prev - num) ? curr : prev
       })
@@ -142,5 +142,5 @@ export default class LineEnergyChange {
 
     Returns: Nothing (Note: payload is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async preGetData (payload, store, module) {}
+  async preGetData(payload, store, module) {}
 }
diff --git a/src/store/chart_modifiers/pie_doughnut/base.js b/src/store/chart_modifiers/pie_doughnut/base.js
index 5d313a11..25de31b2 100644
--- a/src/store/chart_modifiers/pie_doughnut/base.js
+++ b/src/store/chart_modifiers/pie_doughnut/base.js
@@ -43,7 +43,7 @@ export default class PieBaseModifier {
 
     Returns: Nothing (Note: chartData is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async postGetData (chartData, payload, store, module) {
+  async postGetData(chartData, payload, store, module) {
     let resultDataObject = chartData.data
     let returnData = []
     try {
@@ -74,5 +74,5 @@ export default class PieBaseModifier {
 
     Returns: Nothing (Note: payload is passed by reference so editiing this argument will change it in the chart update sequence)
   */
-  async preGetData (payload, store, module) {}
+  async preGetData(payload, store, module) {}
 }
diff --git a/src/store/data_layer/data_store.js b/src/store/data_layer/data_store.js
index 55a3842a..7f7b3366 100644
--- a/src/store/data_layer/data_store.js
+++ b/src/store/data_layer/data_store.js
@@ -62,7 +62,7 @@ const RESPONSE_MAX_SIZE = 0x600000 // 6MB limit = 6*(2^20) Bytes
 
 const actions = {
   // Copies "cache" object to indexedDB for persistent storage
-  async addCacheToIndexedDB (store) {
+  async addCacheToIndexedDB(store) {
     // double-check current store state
     const db = this.getters['dataStore/DB']
     if (db === undefined) throw new Error('indexedDB not instantiated')
@@ -100,7 +100,7 @@ const actions = {
   //      }
   //    }
 
-  async loadIndexedDB (store) {
+  async loadIndexedDB(store) {
     if (this.getters['dataStore/DB'] !== undefined) return
 
     // connect to indexedDB instance
@@ -165,7 +165,7 @@ const actions = {
   //  start: integer representing linux epoch time of the start of the required interval
   //  end: integer representing linux epoch time of the end of the required interval
   //  uom: the unit of measure/metering point to request data for
-  findMissingIntervals (store, payload) {
+  findMissingIntervals(store, payload) {
     if (
       !this.getters['dataStore/cache'][payload.meterId] ||
       !this.getters['dataStore/cache'][payload.meterId][payload.uom]
@@ -240,7 +240,7 @@ const actions = {
 
     This function assumes each request will have the same metreClass and point type.
   */
-  async getBatchData (store, payload) {
+  async getBatchData(store, payload) {
     await this.dispatch('dataStore/loadIndexedDB')
     const requestPoint = payload[0].uom
     const meterClass = payload[0].classInt
@@ -405,7 +405,7 @@ const actions = {
   //  end: integer representing linux epoch time of the end of the required interval
   //  uom: the unit of measure/metering point to request data for
   //  classInt: An integer that corresponds to the type of meter we are reading from
-  async getData (store, payload) {
+  async getData(store, payload) {
     // First, check the non-persistent cahce object:
     // Does the cache contain the data?
     let missingIntervals = await this.dispatch('dataStore/findMissingIntervals', {
@@ -568,40 +568,40 @@ const mutations = {
 }
 
 const getters = {
-  cache (state) {
+  cache(state) {
     return state.cache
   },
-  DB (state) {
+  DB(state) {
     return state.indexedDBInstance
   },
-  requestStore (state) {
+  requestStore(state) {
     return state.requestStore
   },
 
   // checks if we have already queried this date range for the given unit of measurement (uom)
   inRangeSet:
     (state, getters) =>
-      ({ uom, id, start, end }) => {
-        if (getters.requestStore[uom] === undefined) return false
-        if (getters.requestStore[uom][id] === undefined) return false
-        for (let i = 0; i < getters.requestStore[uom][id].length; i++) {
-          if (getters.requestStore[uom][id][i][0] <= start && getters.requestStore[uom][id][i][1] >= end) {
-            return true
-          }
+    ({ uom, id, start, end }) => {
+      if (getters.requestStore[uom] === undefined) return false
+      if (getters.requestStore[uom][id] === undefined) return false
+      for (let i = 0; i < getters.requestStore[uom][id].length; i++) {
+        if (getters.requestStore[uom][id][i][0] <= start && getters.requestStore[uom][id][i][1] >= end) {
+          return true
         }
-        return false
-      },
+      }
+      return false
+    },
 
   // calculates data set size, assuming there's a data-point every 15 minutes.
   // (this assumption may not hold for some meter-types), it is unlikely any
   // meter will have more frequent data reporting.
   dataSetSize:
     (state, getters) =>
-      ({ id, startDate, endDate }) => {
+    ({ id, startDate, endDate }) => {
       // date is in seconds so 900 seconds = 15 minute interval
-        const numItems = Math.ceil((endDate - startDate) / 900)
-        return DATA_ITEM_SIZE * numItems
-      },
+      const numItems = Math.ceil((endDate - startDate) / 900)
+      return DATA_ITEM_SIZE * numItems
+    },
 
   requestSize: (state, getters) => requests => {
     let totalSize = RESPONSE_HEADER_SIZE
diff --git a/src/store/map.module.js b/src/store/map.module.js
index 86131b92..c083578c 100644
--- a/src/store/map.module.js
+++ b/src/store/map.module.js
@@ -15,7 +15,7 @@ const state = () => {
 }
 
 const actions = {
-  async loadBuilding (store, payload) {
+  async loadBuilding(store, payload) {
     let buildingSpace = 'building_' + payload.id.toString()
     let moduleSpace = store.getters.path + '/' + buildingSpace
     this.registerModule(moduleSpace.split('/'), Building)
@@ -34,7 +34,7 @@ const actions = {
     await store.dispatch(buildingSpace + '/buildDefaultBlocks')
   },
 
-  async loadGeometry (store) {
+  async loadGeometry(store) {
     if (store.getters.jsonPromise === null) {
       store.commit(
         'jsonPromise',
@@ -74,13 +74,13 @@ const actions = {
     return store.getters.jsonPromise
   },
 
-  async deleteBuilding (store, payload) {
+  async deleteBuilding(store, payload) {
     let buildingPath = ['map', 'building_' + payload.id]
     this.unregisterModule(buildingPath)
     API.building('delete', payload)
   },
 
-  async newBuilding (store, payload) {
+  async newBuilding(store, payload) {
     let building = await API.building('post', {
       image: payload.image,
       group: payload.group,
@@ -90,11 +90,11 @@ const actions = {
     store.dispatch('loadBuilding', { id: building.data.id })
   },
 
-  async allDevices (store, payload) {
+  async allDevices(store, payload) {
     return API.devices()
   },
 
-  async boundedWays (store, payload) {
+  async boundedWays(store, payload) {
     let features = await API.boundedFeatures(payload)
     let parser = new DOMParser()
     let xmlData = parser.parseFromString(features, 'text/xml')
@@ -107,11 +107,11 @@ const actions = {
     return Promise.all(promises)
   },
 
-  async imageList (store) {
+  async imageList(store) {
     return API.images()
   },
 
-  async loadMap (store) {
+  async loadMap(store) {
     if (store.getters.promise === null) {
       store.commit(
         'promise',
@@ -131,7 +131,7 @@ const actions = {
 }
 
 const mutations = {
-  promise (state, promise) {
+  promise(state, promise) {
     state.promise = promise
   },
 
@@ -141,15 +141,15 @@ const mutations = {
 }
 
 const getters = {
-  path (state) {
+  path(state) {
     return state.path
   },
 
-  jsonPromise (state) {
+  jsonPromise(state) {
     return state.jsonPromise
   },
 
-  promise (state) {
+  promise(state) {
     return state.promise
   },
 
diff --git a/src/store/meter.module.js b/src/store/meter.module.js
index e2aea94e..d263f29c 100644
--- a/src/store/meter.module.js
+++ b/src/store/meter.module.js
@@ -22,7 +22,7 @@ const state = () => {
 }
 
 const actions = {
-  async changeMeter (store, id) {
+  async changeMeter(store, id) {
     let meter = API.meter(id)
     let wait = true
     store.commit(
@@ -50,7 +50,7 @@ const actions = {
     return store.state
   },
 
-  async getData (store, payload) {
+  async getData(store, payload) {
     let start = payload.dateStart - 900
     let end = payload.dateEnd
     await store.getters.promise
@@ -65,77 +65,77 @@ const actions = {
 }
 
 const mutations = {
-  path (state, path) {
+  path(state, path) {
     state.path = path
   },
 
-  name (state, name) {
+  name(state, name) {
     state.name = name
   },
 
-  address (state, address) {
+  address(state, address) {
     state.address = address
   },
 
-  classInt (state, classInt) {
+  classInt(state, classInt) {
     state.classInt = classInt
   },
 
-  negate (state, negate) {
+  negate(state, negate) {
     state.negate = negate
   },
 
-  id (state, id) {
+  id(state, id) {
     state.id = id
   },
 
-  promise (state, promise) {
+  promise(state, promise) {
     state.promise = promise
   },
 
-  type (state, type) {
+  type(state, type) {
     state.type = type
   },
 
-  points (state, points) {
+  points(state, points) {
     state.points = points
   }
 }
 
 const getters = {
-  path (state) {
+  path(state) {
     return state.path
   },
 
-  promise (state) {
+  promise(state) {
     return state.promise
   },
 
-  name (state) {
+  name(state) {
     return state.name
   },
 
-  address (state) {
+  address(state) {
     return state.address
   },
 
-  classInt (state) {
+  classInt(state) {
     return state.classInt
   },
 
-  negate (state) {
+  negate(state) {
     return state.negate
   },
 
-  id (state) {
+  id(state) {
     return state.id
   },
 
-  type (state) {
+  type(state) {
     return state.type
   },
 
-  points (state) {
+  points(state) {
     return state.points
   }
 }
diff --git a/src/store/meter_group.module.js b/src/store/meter_group.module.js
index 7e72ecaa..e3dfc81e 100644
--- a/src/store/meter_group.module.js
+++ b/src/store/meter_group.module.js
@@ -18,7 +18,7 @@ const state = () => {
 }
 
 const actions = {
-  async changeGroup (store, payload) {
+  async changeGroup(store, payload) {
     let group = API.meterGroup(payload.id)
     let wait = true
     store.commit(
@@ -51,7 +51,7 @@ const actions = {
     return store.state
   },
 
-  async loadMeter (store, meter) {
+  async loadMeter(store, meter) {
     let meterSpace = 'meter_' + meter.id.toString()
     let moduleSpace = store.getters.path + '/' + meterSpace
     this.registerModule(moduleSpace.split('/'), Meter)
@@ -65,7 +65,7 @@ const actions = {
     store.commit(meterSpace + '/points', meter.points)
   },
 
-  async getData (store, payload) {
+  async getData(store, payload) {
     let resultDataObject = new Map()
 
     // Solar Panel Data Support
@@ -176,57 +176,57 @@ const actions = {
 }
 
 const mutations = {
-  path (state, path) {
+  path(state, path) {
     state.path = path
   },
 
-  building (state, building) {
+  building(state, building) {
     state.building = building
   },
 
-  promise (state, promise) {
+  promise(state, promise) {
     state.promise = promise
   },
 
-  name (state, name) {
+  name(state, name) {
     state.name = name
   },
 
-  id (state, id) {
+  id(state, id) {
     state.id = id
   },
 
-  default (state, value) {
+  default(state, value) {
     state.default = value
   },
 
-  type (state, value) {
+  type(state, value) {
     state.type = value
   }
 }
 
 const getters = {
-  path (state) {
+  path(state) {
     return state.path
   },
 
-  promise (state) {
+  promise(state) {
     return state.promise
   },
 
-  name (state) {
+  name(state) {
     return state.name
   },
 
-  id (state) {
+  id(state) {
     return state.id
   },
 
-  building (state) {
+  building(state) {
     return state.building
   },
 
-  meters (state) {
+  meters(state) {
     let r = []
     for (let c of Object.keys(state)) {
       if (c.search(/meter_/) >= 0) {
@@ -236,11 +236,11 @@ const getters = {
     return r
   },
 
-  type (state) {
+  type(state) {
     return state.type
   },
 
-  points (state) {
+  points(state) {
     let r = []
     for (let c of Object.keys(state)) {
       if (c.search(/meter_/) >= 0) {
@@ -255,7 +255,7 @@ const getters = {
     }
   },
 
-  default (state) {
+  default(state) {
     return state.default
   }
 }
diff --git a/src/store/modal_controller.module.js b/src/store/modal_controller.module.js
index 3a618ea3..0bcf1c7d 100644
--- a/src/store/modal_controller.module.js
+++ b/src/store/modal_controller.module.js
@@ -14,37 +14,37 @@ const state = () => {
 }
 
 const actions = {
-  openModal (store, payload) {
+  openModal(store, payload) {
     store.commit('clearData')
     store.commit('data', payload)
     store.commit('modalName', payload['name'])
   },
 
-  closeModal (store) {
+  closeModal(store) {
     store.commit('modalName', '')
   }
 }
 
 const mutations = {
-  modalName (state, name) {
+  modalName(state, name) {
     state.modalName = name
   },
 
-  clearData (state) {
+  clearData(state) {
     state.data = {}
   },
 
-  data (state, data) {
+  data(state, data) {
     state.data = JSON.parse(JSON.stringify(data))
   }
 }
 
 const getters = {
-  modalName (state) {
+  modalName(state) {
     return state.modalName
   },
 
-  data (state) {
+  data(state) {
     return state.data
   }
 }
diff --git a/src/store/user.module.js b/src/store/user.module.js
index 6dfc3be9..81e1dee3 100644
--- a/src/store/user.module.js
+++ b/src/store/user.module.js
@@ -15,7 +15,7 @@ const state = () => {
 }
 
 const actions = {
-  async loadViews (store, views) {
+  async loadViews(store, views) {
     let promises = []
     for (let view of views) {
       let viewSpace = 'view_' + view.id
@@ -33,7 +33,7 @@ const actions = {
     await Promise.all(promises)
   },
 
-  async newView (store, payload) {
+  async newView(store, payload) {
     let id = (await API.view(null, { media: payload.media, name: payload.name }, 'post')).id
     let viewSpace = 'view_' + id
     let moduleSpace = store.getters.path + '/' + viewSpace
@@ -44,13 +44,13 @@ const actions = {
     store.commit(viewSpace + '/id', id)
   },
 
-  async deleteView (store, id) {
+  async deleteView(store, id) {
     let view = store.getters.view(id)
     await this.dispatch(view.path + '/delete')
     this.unregisterModule(view.path.split('/'))
   },
 
-  async user (store) {
+  async user(store) {
     if (store.getters.promise === null) {
       store.commit(
         'promise',
@@ -77,29 +77,29 @@ const actions = {
 }
 
 const mutations = {
-  onid (state, onid) {
+  onid(state, onid) {
     state.onid = onid
   },
 
-  privilege (state, privilege) {
+  privilege(state, privilege) {
     state.privilege = privilege
   },
 
-  views (state, views) {
+  views(state, views) {
     state.views = views
   },
 
-  alerts (state, alerts) {
+  alerts(state, alerts) {
     state.alerts = alerts
   },
 
-  promise (state, promise) {
+  promise(state, promise) {
     state.promise = promise
   }
 }
 
 const getters = {
-  onid (state) {
+  onid(state) {
     return state.onid
   },
 
@@ -113,15 +113,15 @@ const getters = {
     return r[id]
   },
 
-  promise (state) {
+  promise(state) {
     return state.promise
   },
 
-  privilege (state) {
+  privilege(state) {
     return state.privilege
   },
 
-  views (state) {
+  views(state) {
     let r = []
     for (let key of Object.keys(state)) {
       if (key.search(/view_[0-9]+/) >= 0) {
@@ -131,11 +131,11 @@ const getters = {
     return r
   },
 
-  alerts (state) {
+  alerts(state) {
     return state.alerts
   },
 
-  path (state) {
+  path(state) {
     return state.path
   }
 }
diff --git a/src/store/view.module.js b/src/store/view.module.js
index 0f692d93..17873eb4 100644
--- a/src/store/view.module.js
+++ b/src/store/view.module.js
@@ -21,7 +21,7 @@ const state = () => {
 }
 
 const actions = {
-  loadBlock (store, payload) {
+  loadBlock(store, payload) {
     let blockSpace = 'block_' + payload.id.toString()
     let moduleSpace = store.getters.path + '/' + blockSpace
 
@@ -31,17 +31,17 @@ const actions = {
     store.dispatch(blockSpace + '/changeBlock', payload.id)
   },
 
-  async delete (store) {
+  async delete(store) {
     await API.view(null, { id: store.getters.id }, 'delete')
   },
 
-  async deleteBlock (store, id) {
+  async deleteBlock(store, id) {
     let block = store.getters.block(id)
     await API.block({ id: id }, 'delete')
     this.unregisterModule(block.path.split('/'))
   },
 
-  async newBlock (store, payload) {
+  async newBlock(store, payload) {
     let id = (
       await API.block(
         {
@@ -72,7 +72,7 @@ const actions = {
     return moduleSpace
   },
 
-  async save (store, payload) {
+  async save(store, payload) {
     store.commit('name', payload.name)
     store.commit('image', payload.media)
     await API.view(
@@ -86,7 +86,7 @@ const actions = {
     )
   },
 
-  async loadBlocks (store, blocks) {
+  async loadBlocks(store, blocks) {
     let promises = []
     for (let block of blocks) {
       let blockSpace = 'block_' + block.id
@@ -109,7 +109,7 @@ const actions = {
     await Promise.all(promises)
   },
 
-  async changeView (store, id) {
+  async changeView(store, id) {
     console.log('Changing stuff')
     if (id !== store.getters.id) {
       store.commit(
@@ -133,57 +133,57 @@ const actions = {
 }
 
 const mutations = {
-  path (state, path) {
+  path(state, path) {
     state.path = path
   },
 
-  promise (state, promise) {
+  promise(state, promise) {
     state.promise = promise
   },
 
-  name (state, name) {
+  name(state, name) {
     state.name = name
   },
 
-  user (state, user) {
+  user(state, user) {
     state.user = user
   },
 
-  image (state, image) {
+  image(state, image) {
     state.image = image
   },
 
-  id (state, id) {
+  id(state, id) {
     state.id = id
   }
 }
 
 const getters = {
-  path (state) {
+  path(state) {
     return state.path
   },
 
-  promise (state) {
+  promise(state) {
     return state.promise
   },
 
-  name (state) {
+  name(state) {
     return state.name
   },
 
-  user (state) {
+  user(state) {
     return state.user
   },
 
-  image (state) {
+  image(state) {
     return state.image
   },
 
-  id (state) {
+  id(state) {
     return state.id
   },
 
-  description (state) {
+  description(state) {
     return state.description
   },
 
@@ -191,7 +191,7 @@ const getters = {
     return state['block_' + id]
   },
 
-  blocks (state) {
+  blocks(state) {
     let r = []
     for (let key of Object.keys(state)) {
       if (key.search(/block_[0-9]+/) >= 0) {
diff --git a/tests/updateMockData.js b/tests/updateMockData.js
index 115dbcc4..c1482166 100644
--- a/tests/updateMockData.js
+++ b/tests/updateMockData.js
@@ -6,7 +6,7 @@
 const fs = require('fs')
 const axios = require('axios')
 
-function GetMockData (url, filename) {
+function GetMockData(url, filename) {
   axios
     .get(url)
     .then(response => {