{"version":3,"sources":["webpack:///./src/views/Battle.vue?9fa5","webpack:///src/views/Battle.vue","webpack:///./src/views/Battle.vue?02d7","webpack:///./src/views/Battle.vue","webpack:///./src/views/Battle.vue?b8b0"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticClass","staticStyle","style","width","avengersHealth","_s","thanosHealth","attrs","on","attack","specialAttack","heal","giveUp","startGame","_l","turn","key","id","class","isPlayer","text","staticRenderFns","data","gameIsRunning","turns","methods","damage","unshift","checkEndGame","alert","component"],"mappings":"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","file":"js/battle.c68a5f1e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',[_vm._v(\"Avengers vs Thanos\")]),_c('section',{staticClass:\"row\"},[_c('div',{staticClass:\"small-6 columns\"},[_c('h1',{staticClass:\"text-center\"},[_vm._v(\"Avengers\")]),_c('div',{staticClass:\"healthbar\"},[_c('div',{staticClass:\"healthbar text-center\",staticStyle:{\"background-color\":\"green\",\"margin\":\"0\",\"color\":\"white\"},style:({ width: _vm.avengersHealth + '%' })},[_vm._v(\" \"+_vm._s(_vm.avengersHealth)+\" \")])])]),_c('div',{staticClass:\"small-6 columns\"},[_c('h1',{staticClass:\"text-center\"},[_vm._v(\"Thanos\")]),_c('div',{staticClass:\"healthbar\"},[_c('div',{staticClass:\"healthbar text-center\",staticStyle:{\"background-color\":\"green\",\"margin\":\"0\",\"color\":\"white\"},style:({ width: _vm.thanosHealth + '%' })},[_vm._v(\" \"+_vm._s(_vm.thanosHealth)+\" \")])])])]),(_vm.gameIsRunning)?_c('section',{staticClass:\"row controls\"},[_c('div',{staticClass:\"small-12 columns\"},[_c('button',{attrs:{\"id\":\"attack\"},on:{\"click\":_vm.attack}},[_vm._v(\"ATTACK\")]),_c('button',{attrs:{\"id\":\"special-attack\"},on:{\"click\":_vm.specialAttack}},[_vm._v(\" SPECIAL ATTACK \")]),_c('button',{attrs:{\"id\":\"heal\"},on:{\"click\":_vm.heal}},[_vm._v(\"HEAL\")]),_c('button',{attrs:{\"id\":\"give-up\"},on:{\"click\":_vm.giveUp}},[_vm._v(\"GIVE UP\")])])]):_c('section',{staticClass:\"row controls\"},[_c('div',{staticClass:\"small-12 columns\"},[_c('button',{attrs:{\"id\":\"start-game\"},on:{\"click\":_vm.startGame}},[_vm._v(\"NEW GAME\")])])]),_c('section',{staticClass:\"row log\"},[_c('div',{staticClass:\"small-12 columns\"},[_c('ul',_vm._l((_vm.turns),function(turn){return _c('li',{key:turn.id,class:{\n            'avengers-turn': turn.isPlayer,\n            'thanos-turn': !turn.isPlayer\n          }},[_vm._v(\" \"+_vm._s(turn.text)+\" \")])}),0)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <h1>Avengers vs Thanos</h1>\r\n    <section class=\"row\">\r\n      <div class=\"small-6 columns\">\r\n        <h1 class=\"text-center\">Avengers</h1>\r\n        <div class=\"healthbar\">\r\n          <div\r\n            class=\"healthbar text-center\"\r\n            style=\"background-color: green; margin: 0; color: white;\"\r\n            :style=\"{ width: avengersHealth + '%' }\"\r\n          >\r\n            {{ avengersHealth }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"small-6 columns\">\r\n        <h1 class=\"text-center\">Thanos</h1>\r\n        <div class=\"healthbar\">\r\n          <div\r\n            class=\"healthbar text-center\"\r\n            style=\"background-color: green; margin: 0; color: white;\"\r\n            :style=\"{ width: thanosHealth + '%' }\"\r\n          >\r\n            {{ thanosHealth }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <section class=\"row controls\" v-if=\"gameIsRunning\">\r\n      <div class=\"small-12 columns\">\r\n        <button id=\"attack\" @click=\"attack\">ATTACK</button>\r\n        <button id=\"special-attack\" @click=\"specialAttack\">\r\n          SPECIAL ATTACK\r\n        </button>\r\n        <button id=\"heal\" @click=\"heal\">HEAL</button>\r\n        <button id=\"give-up\" @click=\"giveUp\">GIVE UP</button>\r\n      </div>\r\n    </section>\r\n    <section class=\"row controls\" v-else>\r\n      <div class=\"small-12 columns\">\r\n        <button id=\"start-game\" @click=\"startGame\">NEW GAME</button>\r\n      </div>\r\n    </section>\r\n\r\n    <section class=\"row log\">\r\n      <div class=\"small-12 columns\">\r\n        <ul>\r\n          <li\r\n            v-for=\"turn in turns\"\r\n            :key=\"turn.id\"\r\n            :class=\"{\r\n              'avengers-turn': turn.isPlayer,\r\n              'thanos-turn': !turn.isPlayer\r\n            }\"\r\n          >\r\n            {{ turn.text }}\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data: function() {\r\n    return {\r\n      avengersHealth: 100,\r\n      thanosHealth: 100,\r\n      gameIsRunning: false,\r\n      turns: []\r\n    };\r\n  },\r\n  methods: {\r\n    startGame: function() {\r\n      this.gameIsRunning = true;\r\n      this.avengersHealth = 100;\r\n      this.thanosHealth = 100;\r\n      this.turns = [];\r\n    },\r\n    attack: function() {\r\n      var damage = 5;\r\n\r\n      this.thanosHealth = this.thanosHealth - damage;\r\n\r\n      this.turns.unshift({\r\n        isPlayer: true,\r\n        text: `Avengers hits Thanos for ${damage}. Thanos remaining health is ${this.thanosHealth}.`\r\n      });\r\n\r\n      this.avengersHealth = this.avengersHealth - damage - 2;\r\n\r\n      this.turns.unshift({\r\n        isPlayer: false,\r\n        text: `Thanos hits Avengers for ${damage +\r\n          2}. Avengers remaining health is ${this.avengersHealth}.`\r\n      });\r\n\r\n      this.checkEndGame();\r\n    },\r\n    specialAttack: function() {\r\n      var damage = 10;\r\n      this.thanosHealth = this.thanosHealth - damage;\r\n\r\n      this.turns.unshift({\r\n        isPlayer: true,\r\n        text: `Avengers hits Thanos hard for ${damage}. Thanos remaining health is ${this.thanosHealth}.`\r\n      });\r\n    },\r\n    heal: function() {\r\n      this.avengersHealth = this.avengersHealth + 10;\r\n\r\n      this.turns.unshift({\r\n        isPlayer: true,\r\n        text: `Avengers heals for 10. Avengers remaining health is ${this.avengersHealth}.`\r\n      });\r\n    },\r\n    giveUp: function() {\r\n      this.gameIsRunning = false;\r\n      alert(\"You lost!\");\r\n    },\r\n    checkEndGame: function() {\r\n      debugger;\r\n      if (this.thanosHealth <= 0 && this.avengersHealth <= 0) {\r\n        this.thanosHealth = 0;\r\n        this.avengersHealth = 0;\r\n        alert(\"Both lost!\");\r\n        this.gameIsRunning = false;\r\n        return;\r\n      }\r\n\r\n      if (this.thanosHealth <= 0) {\r\n        this.thanosHealth = 0;\r\n        alert(\"You won!\");\r\n        this.gameIsRunning = false;\r\n        return;\r\n      }\r\n\r\n      if (this.avengersHealth <= 0) {\r\n        this.avengersHealth = 0;\r\n        alert(\"You lost!\");\r\n        this.gameIsRunning = false;\r\n        return;\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.text-center {\r\n  text-align: center;\r\n}\r\n\r\n.healthbar {\r\n  width: 80%;\r\n  height: 40px;\r\n  background-color: #eee;\r\n  margin: auto;\r\n  transition: width 500ms;\r\n}\r\n\r\n.controls,\r\n.log {\r\n  margin-top: 30px;\r\n  text-align: center;\r\n  padding: 10px;\r\n  border: 1px solid #ccc;\r\n  box-shadow: 0px 3px 6px #ccc;\r\n}\r\n\r\n.turn {\r\n  margin-top: 20px;\r\n  margin-bottom: 20px;\r\n  font-weight: bold;\r\n  font-size: 22px;\r\n}\r\n\r\n.log ul {\r\n  list-style: none;\r\n  font-weight: bold;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.log ul li {\r\n  margin: 5px;\r\n}\r\n\r\n.log ul .avengers-turn {\r\n  color: blue;\r\n  background-color: #e4e8ff;\r\n}\r\n\r\n.log ul .thanos-turn {\r\n  color: red;\r\n  background-color: #ffc0c1;\r\n}\r\n\r\nbutton {\r\n  font-size: 20px;\r\n  background-color: #eee;\r\n  padding: 12px;\r\n  box-shadow: 0 1px 1px black;\r\n  margin: 10px;\r\n}\r\n\r\n#start-game {\r\n  background-color: #aaffb0;\r\n}\r\n\r\n#start-game:hover {\r\n  background-color: #76ff7e;\r\n}\r\n\r\n#attack {\r\n  background-color: #ff7367;\r\n}\r\n\r\n#attack:hover {\r\n  background-color: #ff3f43;\r\n}\r\n\r\n#special-attack {\r\n  background-color: #ffaf4f;\r\n}\r\n\r\n#special-attack:hover {\r\n  background-color: #ff9a2b;\r\n}\r\n\r\n#heal {\r\n  background-color: #aaffb0;\r\n}\r\n\r\n#heal:hover {\r\n  background-color: #76ff7e;\r\n}\r\n\r\n#give-up {\r\n  background-color: #ffffff;\r\n}\r\n\r\n#give-up:hover {\r\n  background-color: #c7c7c7;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Battle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Battle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Battle.vue?vue&type=template&id=5378bfcc&scoped=true&\"\nimport script from \"./Battle.vue?vue&type=script&lang=js&\"\nexport * from \"./Battle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Battle.vue?vue&type=style&index=0&id=5378bfcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5378bfcc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Battle.vue?vue&type=style&index=0&id=5378bfcc&scoped=true&lang=css&\""],"sourceRoot":""}