{"version":3,"sources":["webpack:///./src/components/Headerbar.vue?d374","webpack:///src/components/Headerbar.vue","webpack:///./src/components/Headerbar.vue?73da","webpack:///./src/components/Headerbar.vue","webpack:///./src/views/SubscriptionView.vue?0249","webpack:///./src/views/SubscriptionView.vue?72f0","webpack:///src/views/SubscriptionView.vue","webpack:///./src/views/SubscriptionView.vue?0e28","webpack:///./src/views/SubscriptionView.vue","webpack:///./src/components/Headerbar.vue?6665"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","goHome","_v","gotoSettings","user","_s","given_name","_e","attrs","picture","logout","staticRenderFns","name","data","key","methods","$router","push","catch","error","computed","isAuthenticated","$store","getters","component","go","components","Headerbar"],"mappings":"kHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,YAAY,CAACT,EAAIU,GAAG,mBAAoBV,EAAmB,gBAAEI,EAAG,MAAM,CAACE,YAAY,OAAOC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIW,kBAAkB,CAACX,EAAIU,GAAG,UAAWV,EAAIY,KAAe,WAAER,EAAG,OAAO,CAACJ,EAAIU,GAAG,KAAKV,EAAIa,GAAGb,EAAIY,KAAKE,eAAed,EAAIe,KAAKX,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACY,MAAM,CAAC,IAAMhB,EAAIY,KAAKK,aAAab,EAAG,MAAM,CAACE,YAAY,SAASC,GAAG,CAAC,MAAQP,EAAIkB,SAAS,CAAClB,EAAIU,GAAG,cAAcV,EAAIe,QAC1mBI,EAAkB,G,wBCctB,GACEC,KAAM,YACNC,KAFF,WAGI,MAAO,CACLC,IAAK,UAGTC,QAAS,CACPL,OADJ,WAEM,EAAN,eAEIT,OAJJ,WAKA,sBACQR,KAAKuB,QAAQC,KAAK,KAAKC,OAAM,SAArC,GACU,GAAkB,wBAAdC,EAAMP,KACR,MAAMO,MAKdhB,aAbJ,WAcA,sBACQV,KAAKuB,QAAQC,KAAK,aAAaC,OAAM,SAA7C,GACU,GAAkB,wBAAdC,EAAMP,KACR,MAAMO,OAMhBC,SAAU,CACRC,gBADJ,WAEM,OAAO5B,KAAK6B,OAAOC,QAAQF,iBAE7BjB,KAJJ,WAKM,OAAOX,KAAK6B,OAAOC,QAAQnB,MAAQ,MClD0S,I,wBCQ/UoB,EAAY,eACd,EACAjC,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAa,E,6CCnBf,yBAA6iB,EAAG,G,uFCAhjB,IAAIjC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,aAAaA,EAAG,MAAM,CAACE,YAAY,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIwB,QAAQS,IAAI,MAAM,CAAC7B,EAAG,IAAI,CAACE,YAAY,yBAAyBF,EAAG,gBAAgB,IACnUe,EAAkB,G,YCStB,GACEC,KAAM,wBACNc,WAAY,CACVC,UAAJ,SCb0V,I,wBCQtVH,EAAY,eACd,EACAjC,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAa,E,6CCnBf,yBAAsiB,EAAG","file":"js/chunk-7732dc12.4923e4be.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"headerbar-container\"},[_c('div',{staticClass:\"name\",on:{\"click\":function($event){return _vm.goHome()}}},[_vm._v(\"Simply Studio\")]),(_vm.isAuthenticated)?_c('div',{staticClass:\"user\",on:{\"click\":function($event){return _vm.gotoSettings()}}},[_vm._v(\" Hello\"),(_vm.user.given_name)?_c('span',[_vm._v(\", \"+_vm._s(_vm.user.given_name))]):_vm._e(),_c('div',{staticClass:\"avatar\"},[_c('img',{attrs:{\"src\":_vm.user.picture}})]),_c('div',{staticClass:\"logout\",on:{\"click\":_vm.logout}},[_vm._v(\"Logout\")])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"headerbar-container\">\n    <div class=\"name\" @click=\"goHome()\">Simply Studio</div>\n    <div v-if=\"isAuthenticated\" class=\"user\" @click=\"gotoSettings()\">\n      Hello<span v-if=\"user.given_name\">, {{ user.given_name }}</span>\n      <div class=\"avatar\">\n        <img :src=\"user.picture\"/>\n      </div>\n      <div class=\"logout\" @click=\"logout\">Logout</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport authService from '@/services/authentication-service.js'\nexport default {\n  name: 'Headerbar',\n  data() {\n    return {\n      key: \"value\"\n    }\n  },\n  methods: {\n    logout() {\n      authService.logout()\n    },\n    goHome() {\n      if(this.isAuthenticated) {\n        this.$router.push('/').catch(error => {\n          if (error.name != \"NavigationDuplicated\") {\n            throw error\n          }\n        })\n      }\n    },\n    gotoSettings() {\n      if(this.isAuthenticated) {\n        this.$router.push('/settings').catch(error => {\n          if (error.name != \"NavigationDuplicated\") {\n            throw error\n          }\n        })\n      }\n    }\n  },\n  computed: {\n    isAuthenticated() {\n      return this.$store.getters.isAuthenticated\n    },\n    user() {\n      return this.$store.getters.user || {}\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/shared.scss';\n\n.headerbar-container {\n  padding: 20px 100px;\n  border-bottom: 1px solid $separator;\n  display: flex;\n  overflow: hidden;\n  position: relative;\n\n  div {\n    flex: 1;\n    height: 50px; \n    line-height: 50px;\n  }\n}\n.name {\n  text-align: left;\n  font-size: 24px;\n  font-weight: 500;\n}\n.user {\n  text-align: right;\n  position: relative;\n  cursor: pointer;\n\n  .avatar {\n    margin-left: 10px;\n    display: inline-block;\n    position: relative;\n    top: 8px;\n\n    img {\n      border-radius: 50%;\n      max-width: 30px;\n      max-height: 30px;\n    }\n  }\n\n  .logout {\n    display: inline-block;\n    font-weight: 500;\n    margin-left: 50px;\n    cursor: pointer;\n  }\n}\n\n@media screen and (max-width: 600px) {\n  .headerbar-container {\n    padding: 20px 40px;\n\n    .name {\n      text-align: center;\n    }\n  }\n  .user {\n    display: none;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Headerbar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Headerbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Headerbar.vue?vue&type=template&id=b403781e&scoped=true&\"\nimport script from \"./Headerbar.vue?vue&type=script&lang=js&\"\nexport * from \"./Headerbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Headerbar.vue?vue&type=style&index=0&id=b403781e&lang=scss&scoped=true&\"\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  \"b403781e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubscriptionView.vue?vue&type=style&index=0&id=2062860c&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubscriptionView.vue?vue&type=style&index=0&id=2062860c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"subscription-plans-view-container\"},[_c('headerbar'),_c('div',{staticClass:\"go-back\",on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_c('i',{staticClass:\"fa fa-chevron-left\"})]),_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"subscription-plans-view-container\">\n    <headerbar/>\n    <div class=\"go-back\" @click=\"$router.go(-1)\"><i class=\"fa fa-chevron-left\"/></div>\n    <router-view/>\n  </div>\n</template>\n\n<script>\nimport Headerbar from '@/components/Headerbar.vue'\nexport default {\n  name: 'SubscriptionPlansView',\n  components: {\n    Headerbar,\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/shared.scss';\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubscriptionView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubscriptionView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubscriptionView.vue?vue&type=template&id=2062860c&scoped=true&\"\nimport script from \"./SubscriptionView.vue?vue&type=script&lang=js&\"\nexport * from \"./SubscriptionView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubscriptionView.vue?vue&type=style&index=0&id=2062860c&lang=scss&scoped=true&\"\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  \"2062860c\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Headerbar.vue?vue&type=style&index=0&id=b403781e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Headerbar.vue?vue&type=style&index=0&id=b403781e&lang=scss&scoped=true&\""],"sourceRoot":""}