{"version":3,"sources":["webpack:///src/components/JokeView.vue","webpack:///./src/components/JokeView.vue?b942","webpack:///./src/components/JokeView.vue","webpack:///src/App.vue","webpack:///./src/App.vue?5724","webpack:///./src/App.vue","webpack:///./src/router/index.js","webpack:///./src/main.js"],"names":["JokeView","name","data","joke","methods","giveOpinion","action","_this","this","axios_default","a","patch","_id","then","response","loadRandomJoke","loveIt","hateIt","_this2","get","mounted","components_JokeView","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","Content","_e","on","click","Love","Hate","staticRenderFns","src_components_JokeView","__webpack_require__","normalizeComponent","ssrContext","App","components","selectortype_template_index_0_src_App","attrs","id","src_App","App_normalizeComponent","Vue","use","Router","router","routes","path","component","config","productionTip","el","template"],"mappings":"iKAeAA,GACAC,KAAA,WACAC,KAFA,WAGA,OACAC,KAAA,OAGAC,SACAC,YADA,SACAC,GAAA,IAAAC,EAAAC,KACAA,KAAAL,MACQM,EAAAC,EACRC,MAAA,mDAAAL,EAAAE,KAAAL,KAAAS,KACAC,KAAA,SAAAC,GACAP,EAAAJ,KAAAW,EAAAZ,KACAK,EAAAQ,oBAIAC,OAXA,WAYAR,KAAAH,YAAA,WAEAY,OAdA,WAeAT,KAAAH,YAAA,WAEAU,eAjBA,WAiBA,IAAAG,EAAAV,KACMC,EAAAC,EACNS,IAAA,2DACAN,KAAA,SAAAC,GACAI,EAAAf,KAAAW,EAAAZ,SAIAkB,QAhCA,WAiCAZ,KAAAO,mBC7CeM,GADEC,OAFjB,WAA0B,IAAAC,EAAAf,KAAagB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAAA,EAAA,OAA2BE,YAAA,eAAyBL,EAAA,KAAAG,EAAA,KAAqBE,YAAA,iBAA2BL,EAAAM,GAAAN,EAAAO,GAAAP,EAAApB,KAAA4B,YAAAR,EAAAS,KAAAT,EAAAM,GAAA,KAAAN,EAAA,KAAAG,EAAA,OAA+EE,YAAA,kBAA4BF,EAAA,UAAeE,YAAA,qBAAAK,IAAqCC,MAAAX,EAAAP,UAAoBU,EAAA,KAAUE,YAAA,mBAA6BL,EAAAM,GAAA,cAAAH,EAAA,KAAAH,EAAAM,GAAAN,EAAAO,GAAAP,EAAApB,KAAAgC,MAAA,cAAAZ,EAAAM,GAAA,KAAAH,EAAA,UAAmGE,YAAA,wBAAAK,IAAwCC,MAAAX,EAAAN,UAAoBS,EAAA,KAAUE,YAAA,mBAA6BL,EAAAM,GAAA,aAAAH,EAAA,KAAAH,EAAAM,GAAAN,EAAAO,GAAAP,EAAApB,KAAAiC,MAAA,mBAAAb,EAAAS,UAE5kBK,oBCCjB,IAuBeC,EAvBUC,EAAQ,OAcjCC,CACExC,EACAqB,GATF,EAVA,SAAAoB,GACEF,EAAQ,SAaV,kBAEA,MAUgC,QCjBhCG,GACAzC,KAAA,MACA0C,YACA3C,SAAAsC,ICTeM,GADEtB,OAFP,WAAgB,IAAaE,EAAbhB,KAAaiB,eAA0BC,EAAvClB,KAAuCmB,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBmB,OAAOC,GAAA,SAAYpB,EAAA,iBAE7FW,oBCChC,IAuBeU,EAvBUR,EAAQ,OAcjBS,CACdN,EACAE,GAT6B,EAV/B,SAAoBH,GAClBF,EAAQ,SAaS,KAEU,MAUG,oBCtBhCU,IAAIC,IAAIC,KAEO,IAAAC,EAAA,IAAID,KACjBE,SAEIC,KAAM,IACNrD,KAAM,WACNsD,UAAWvD,MCLjBiD,IAAIO,OAAOC,eAAgB,EAG3B,IAAIR,KACFS,GAAI,OACJN,SACAT,YAAcD,OACdiB,SAAU","file":"static/js/app.30bcd97bfbd245c6bec3.js","sourcesContent":["<template>\n  <div>\n    <div class=\"blackboard\">\n      <p v-if='joke' class=\"joke-content\">{{ joke.Content }}</p>\n      <div class=\"sentiment-div\" v-if='joke'>\n        <button class=\"sentiment-btn love\" @click='loveIt'><i class=\"material-icons\">favorite</i><p>{{ joke.Love }} loves</p></button>\n        <button class=\"sentiment-btn dislike\" @click='hateIt'><i class=\"material-icons\">healing</i><p>{{ joke.Hate }} dislikes</p></button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from 'axios'\n\nexport default {\n  name: 'JokeView',\n  data () {\n    return {\n      joke: null\n    }\n  },\n  methods: {\n    giveOpinion (action) {\n      if (this.joke) {\n        axios\n          .patch(process.env.VUE_APP_JOKE_API_URL + action + this.joke._id)\n          .then(response => {\n            this.joke = response.data\n            this.loadRandomJoke()\n          })\n      }\n    },\n    loveIt () {\n      this.giveOpinion('/love/')\n    },\n    hateIt () {\n      this.giveOpinion('/hate/')\n    },\n    loadRandomJoke () {\n      axios\n        .get(process.env.VUE_APP_JOKE_API_URL + '/random')\n        .then(response => {\n          this.joke = response.data\n        })\n    }\n  },\n  mounted () {\n    this.loadRandomJoke()\n  }\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n.joke-content {\n  color: #E8E8E8;\n  font-size: 30px;\n  text-align: left;\n  white-space: pre-line;\n  font-family: 'Pinyon Script', cursive;\n}\n\n.sentiment-div {\n  text-align: right;\n}\n\n.sentiment-btn {\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n}\n\n.love {\n  color: pink;\n}\n\n.dislike {\n  color: grey;\n}\n\n.blackboard {\n  padding: 45px;\n  overflow-y: auto;\n  background-image: url(../assets/chalkboard.jpg);\n  background-size: cover;\n  background-repeat: no-repeat;\n  border-radius: 10px;\n  border: #B78240 solid 10px;\n  position: relative;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/JokeView.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"blackboard\"},[(_vm.joke)?_c('p',{staticClass:\"joke-content\"},[_vm._v(_vm._s(_vm.joke.Content))]):_vm._e(),_vm._v(\" \"),(_vm.joke)?_c('div',{staticClass:\"sentiment-div\"},[_c('button',{staticClass:\"sentiment-btn love\",on:{\"click\":_vm.loveIt}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"favorite\")]),_c('p',[_vm._v(_vm._s(_vm.joke.Love)+\" loves\")])]),_vm._v(\" \"),_c('button',{staticClass:\"sentiment-btn dislike\",on:{\"click\":_vm.hateIt}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"healing\")]),_c('p',[_vm._v(_vm._s(_vm.joke.Hate)+\" dislikes\")])])]):_vm._e()])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-ef52245c\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/JokeView.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ef52245c\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./JokeView.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./JokeView.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./JokeView.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-ef52245c\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./JokeView.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-ef52245c\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/JokeView.vue\n// module id = null\n// module chunks = ","<template>\n  <div id=\"app\">\n    <JokeView />\n  </div>\n</template>\n\n<script>\nimport JokeView from './components/JokeView.vue'\n\nexport default {\n  name: 'App',\n  components: {\n    JokeView\n  }\n}\n</script>\n\n<style>\n#app {\n  font-family: 'Avenir', Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  color: #2c3e50;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('JokeView')],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-24c2d138\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-24c2d138\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-24c2d138\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = null\n// module chunks = ","import Vue from 'vue'\nimport Router from 'vue-router'\nimport JokeView from '@/components/JokeView'\n\nVue.use(Router)\n\nexport default new Router({\n  routes: [\n    {\n      path: '/',\n      name: 'JokeView',\n      component: JokeView\n    }\n  ]\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/index.js","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\nimport router from './router'\n\nVue.config.productionTip = false\n\n/* eslint-disable no-new */\nnew Vue({\n  el: '#app',\n  router,\n  components: { App },\n  template: '<App/>'\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""}