Git init

_assets/js/app.js

@@ -0,0 +1,79 @@
+
+$('#dataform').on('submit', function (e) {
+  e.preventDefault();
+
+  var warData = JSON.parse( $.trim( $('#data').val() ) );
+
+  if( warData.results && warData.results[1] && warData.results[1].result && warData.results[1].result.response ) {
+    initApp(warData, 'withSave', warData);
+  };
+});
+
+function initApp (data, callback, callbackData) {
+  console.log(data)
+  var mapData = data.results[1].result.response;
+
+  console.log('data', JSON.parse( JSON.stringify(data)) );
+
+  enhanceMap(mapData.enemySlots);
+  enhanceMap(mapData.ourSlots);
+
+  app.map = mapData;
+
+  console.log('app.map', JSON.parse( JSON.stringify(mapData)) );
+
+  Vue.nextTick(function () {
+    // Determine which player team has more power: titans or heroes
+    determineBestTeam('ally');
+    determineBestTeam('enemy');
+
+    // Syncs checkboxes between hero/titan teams
+    syncCheckboxes();
+
+    // Highlights the other player team when the other one is hovered
+    highlightHovered();
+
+    if(callback == 'withSave') {
+      saveToStorage(callbackData);
+    }
+  });
+}
+
+var app = new Vue({
+  el : '#app',
+  data : {
+    // the data obtained from the game
+    map: {}, //mapData,
+    // maps building names and types of data obtained from the game
+    mapSlots: mapSlots,
+    storage: JSON.parse( localStorage.getItem('HeroWarsHistory') ) || []
+  },
+  computed: {
+    // Helps render enemy teams in order by power level
+    orderedEnemies: function () {
+      return orderByPower(this.map.enemySlots);
+    },
+    // Helps render allied teams in order by power level
+    orderedAllies: function () {
+      return orderByPower(this.map.ourSlots);
+    },
+    // Renders total team powers: hero, titan, total
+    getAllyPower: function () {
+      return getTotalPower(this.map.ourSlots);
+    },
+    // Renders total enemy team powers: hero, titan, total
+    getEnemyPower: function () {
+      return getTotalPower(this.map.enemySlots);
+    }
+  },
+  filters: {
+    formatNumber: function (value) {
+      return value.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
+    },
+    unixToLocale: function (value) {
+      return new Date(value * 1000).toDateString();
+    }
+  }
+});
+
+