{"version":3,"sources":["webpack:///./src/components/cartaoVirtual.vue?83d4","webpack:///src/components/cartaoVirtual.vue","webpack:///./src/components/cartaoVirtual.vue?be3b","webpack:///./src/components/cartaoVirtual.vue?fa96","webpack:///./src/components/cartaoVirtual.vue?0b9f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","carregando","_v","_e","on","$event","menuOpen","temaCor","toggleCard","attrs","key","flipped","cartaoVerso","cartaoFrente","_s","nome","cpf","decoded","staticRenderFns","name","props","msg","data","dados","heightGeral","height","backgroundColor","windowHeight","windowWidth","watch","newHeight","oldHeight","components","Topo","MenuRodape","MenuLateral","Carousel","Slide","methods","formataRegional","id","formataId","formataDesde","formataAno","returnaStyle","obj","verificaToken","console","getSize","mounted","window","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAOP,EAAe,aAAG,CAAoB,GAAlBA,EAAIQ,WAAoBJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMJ,EAAIS,GAAG,2BAA2BT,EAAIU,KAAKN,EAAG,MAAM,CAACA,EAAG,OAAO,CAACO,GAAG,CAAC,gBAAkB,SAASC,GAAQZ,EAAIa,UAAW,MAAST,EAAG,QAAQ,CAACG,MAAQ,oBAAuBP,EAAIc,QAAe,QAAI,UAAad,EAAIc,QAAyB,mBAAK,CAACV,EAAG,QAAQ,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,aAAa,CAACN,EAAIS,GAAG,uBAAuB,GAAGL,EAAG,MAAM,CAACO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIe,gBAAgB,CAACX,EAAG,aAAa,CAACY,MAAM,CAAC,KAAO,SAAS,CAACZ,EAAG,MAAM,CAACa,IAAIjB,EAAIkB,QAAQZ,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYU,MAAM,CAAC,IAAOhB,EAAIkB,QAA6BlB,EAAImB,YAAvBnB,EAAIoB,gBAAmCpB,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAQ,SAAYP,EAAIc,QAA6B,uBAAK,CAACd,EAAIS,GAAG,IAAIT,EAAIqB,GAAGrB,EAAIsB,MAAM,OAAOlB,EAAG,MAAM,CAACE,YAAY,MAAMC,MAAQ,SAAYP,EAAIc,QAA6B,uBAAK,CAACd,EAAIS,GAAG,IAAIT,EAAIqB,GAAGrB,EAAIuB,KAAK,SAASvB,EAAIU,UAAU,GAAGN,EAAG,aAAa,CAACY,MAAM,CAAC,QAAUhB,EAAIwB,SAASb,GAAG,CAAC,gBAAkB,SAASC,GAAQZ,EAAIa,UAAW,OAAU,GAAGT,EAAG,cAAc,CAACY,MAAM,CAAC,QAAUhB,EAAIwB,QAAQ,gBAAkBxB,EAAIa,UAAUF,GAAG,CAAC,iBAAmB,SAASC,GAAQZ,EAAIa,UAAW,OAAW,IAC34CY,EAAkB,G,gJCgFP,GACfC,iBACAC,OACAC,YAEAC,KALA,WAMA,OACAL,WACAX,YACAK,WACAY,SACAhB,WACAN,cACAuB,aAAAC,eAAAC,2BACAX,UACAC,SACAH,kBACAD,iBACAe,gCACAC,gCAGAC,OACAF,aADA,SACAG,EAAAC,GACA,yDAGAC,YAAAC,YAAAC,kBAAAC,mBAAAC,uBAAAC,kBACAC,SACA9B,WADA,WAEA,4BAEA+B,gBAJA,SAIAC,GACA,sCACA,QAEAC,UARA,SAQAD,GACA,sCACA,UAEAE,aAZA,SAYApB,GACA,sCAEAqB,WAfA,SAeArB,GACA,mCAEAsB,aAlBA,WAmBA,SAKA,OAJAC,yCACAA,+CACA,qCACAA,gDACA,GAEAC,cA1BA,WA2BA,uDACA,+BACA,8BACA,8CACA,mDACA,2DACAC,0BACA,2BACA,yBACA,yCACA,IACA,2BACA,YACA,aAGAC,QA3CA,WA4CAD,8BACA,yDACAA,kEACAA,gCAGAE,QA9EA,WA8EA,WACA,qBACA,eACAC,2BACA,gCACA,qCCpKuV,I,wBCQnVC,EAAY,eACd,EACA3D,EACA0B,GACA,EACA,KACA,KACA,MAIa,aAAAiC,E,oECnBf","file":"js/chunk-f241a04a.3021a320.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"DashBoard\",style:(_vm.heightGeral)},[(_vm.carregando == true)?_c('div',{staticClass:\"carregando\"},[_c('br'),_c('br'),_c('br'),_vm._v(\"Carregando.. Aguarde \")]):_vm._e(),_c('div',[_c('Topo',{on:{\"OpenMenuLateral\":function($event){_vm.menuOpen = true}}}),_c('b-row',{style:((\"background-color:\" + (_vm.temaCor.topoApp) + \";color:\" + (_vm.temaCor.CorItensCabecalho)))},[_c('b-col',{staticClass:\"container\"},[_c('h4',{staticClass:\"my-3 ml-3\"},[_vm._v(\"Cartão Virtual\")])])],1),_c('div',{on:{\"click\":function($event){return _vm.toggleCard()}}},[_c('transition',{attrs:{\"name\":\"flip\"}},[_c('div',{key:_vm.flipped,staticClass:\"cartao\"},[_c('img',{staticClass:\"cartaoImg\",attrs:{\"src\":!_vm.flipped ? _vm.cartaoFrente : _vm.cartaoVerso}}),(_vm.flipped)?_c('div',{staticClass:\"informacoes\"},[_c('div',{staticClass:\"nome\",style:((\"color:\" + (_vm.temaCor.CorTextoCartaoVirtual)))},[_vm._v(\" \"+_vm._s(_vm.nome)+\" \")]),_c('div',{staticClass:\"cpf\",style:((\"color:\" + (_vm.temaCor.CorTextoCartaoVirtual)))},[_vm._v(\" \"+_vm._s(_vm.cpf)+\" \")])]):_vm._e()])])],1),_c('MenuRodape',{attrs:{\"decoded\":_vm.decoded},on:{\"OpenMenuLateral\":function($event){_vm.menuOpen = true}}})],1),_c('MenuLateral',{attrs:{\"decoded\":_vm.decoded,\"openMenuLateral\":_vm.menuOpen},on:{\"closeMenuLateral\":function($event){_vm.menuOpen = false}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"DashBoard\" :style=\"heightGeral\">\n    <div v-if=\"carregando == true\" class=\"carregando\">\n      <br />\n      <br />\n      <br />Carregando.. Aguarde\n    </div>\n    <div>\n      <Topo @OpenMenuLateral=\"menuOpen = true\"></Topo>\n      <b-row\n        :style=\"\n          `background-color:${temaCor.topoApp};color:${temaCor.CorItensCabecalho}`\n        \"\n      >\n        <b-col class=\"container\"\n          ><h4 class=\"my-3 ml-3\">Cartão Virtual</h4></b-col\n        >\n      </b-row>\n      <!--carousel\n        class=\"\"\n        :autoplay=\"true\"\n        :loop=\"true\"\n        :paginationEnabled=\"false\"\n        :perPageCustom=\"[[0, 1]]\"\n        pagniationPosition=\"bottom-overlay\"\n        :paginationPadding=\"2\"\n        paginationActiveColor=\"#000000\"\n        paginationColor=\"#fff\"\n      >\n        <slide>\n          <img :src=\"cartaoFrente\" class=\"cartaoImg\" />\n        </slide>\n        <slide>\n          <img :src=\"cartaoVerso\" class=\"cartaoImg\" />\n        </slide>\n      </carousel-->\n      <div @click=\"toggleCard()\">\n        <transition name=\"flip\">\n          <div v-bind:key=\"flipped\" class=\"cartao\">\n            <img\n              :src=\"!flipped ? cartaoFrente : cartaoVerso\"\n              class=\"cartaoImg\"\n            />\n            <div v-if=\"flipped\" class=\"informacoes\">\n              <div\n                class=\"nome\"\n                :style=\"`color:${temaCor.CorTextoCartaoVirtual}`\"\n              >\n                {{ nome }}\n              </div>\n              <div\n                class=\"cpf\"\n                :style=\"`color:${temaCor.CorTextoCartaoVirtual}`\"\n              >\n                {{ cpf }}\n              </div>\n            </div>\n          </div>\n        </transition>\n      </div>\n      <MenuRodape\n        @OpenMenuLateral=\"menuOpen = true\"\n        :decoded=\"decoded\"\n      ></MenuRodape>\n    </div>\n    <MenuLateral\n      :decoded=\"decoded\"\n      :openMenuLateral=\"menuOpen\"\n      @closeMenuLateral=\"menuOpen = false\"\n    ></MenuLateral>\n  </div>\n</template>\n<!-- eslint-disable -->\n<script>\nimport jwt from \"jsonwebtoken\";\nimport MenuRodape from \"./MenuRodape\";\nimport Topo from \"./Topo\";\nimport MenuLateral from \"./MenuLateral\";\nimport { Carousel, Slide } from \"vue-carousel\";\nimport service from \"../services\";\nimport moment from \"moment\";\nexport default {\n  name: \"DashBoard\",\n  props: {\n    msg: String,\n  },\n  data() {\n    return {\n      decoded: {},\n      menuOpen: false,\n      flipped: false,\n      dados: {},\n      temaCor: {},\n      carregando: false,\n      heightGeral: { height: \"375px\", backgroundColor: \"#e7e7e7\" },\n      nome: null,\n      cpf: null,\n      cartaoFrente: null,\n      cartaoVerso: null,\n      windowHeight: window.innerHeight,\n      windowWidth: window.innerWidth,\n    };\n  },\n  watch: {\n    windowHeight(newHeight, oldHeight) {\n      this.txt = `it changed to ${newHeight} from ${oldHeight}`;\n    },\n  },\n  components: { Topo, MenuRodape, MenuLateral, Carousel, Slide },\n  methods: {\n    toggleCard() {\n      this.flipped = !this.flipped;\n    },\n    formataRegional(id) {\n      if (id) return id.toString().padStart(4, \"0\");\n      else return \"0000\";\n    },\n    formataId(id) {\n      if (id) return id.toString().padStart(6, \"0\");\n      else return \"000000\";\n    },\n    formataDesde(data) {\n      if (data) return moment(data).format(\"MM/YYYY\");\n    },\n    formataAno(data) {\n      if (data) return moment(data).format(\"YYYY\");\n    },\n    returnaStyle() {\n      var obj = {};\n      obj.width = `${this.windowWidth}px`;\n      obj.height = `${this.windowHeight - 120}px`;\n      if (this.windowWidth > this.windowHeight)\n        obj.height = `${this.windowHeight + 300}px`;\n      return obj;\n    },\n    verificaToken() {\n      var dadosEmpresa = JSON.parse(localStorage.getItem(\"dadosEmpresa\"));\n      const nome = localStorage.getItem(\"nome\");\n      const cpf = localStorage.getItem(\"cpf\");\n      this.temaCor.topoApp = dadosEmpresa.CorBackgroundCabecalho;\n      this.temaCor.CorItensCabecalho = dadosEmpresa.CorItensCabecalho;\n      this.temaCor.CorTextoCartaoVirtual = dadosEmpresa.CorTextoCartaoVirtual;\n      console.log(this.temaCor);\n      this.cartaoFrente = dadosEmpresa.Frente;\n      this.cartaoVerso = dadosEmpresa.Verso;\n      const token = localStorage.getItem(\"user-token\");\n      if (token) {\n        this.decoded = jwt.decode(token);\n        this.nome = nome;\n        this.cpf = cpf;\n      }\n    },\n    getSize() {\n      console.log(this.heightGeral);\n      this.heightGeral.height = `${screen.height - 10}px`;\n      console.log(\"////////////////////\", document.height, screen.height);\n      console.log(this.heightGeral);\n    },\n  },\n  mounted() {\n    this.verificaToken();\n    this.getSize();\n    window.onresize = () => {\n      this.windowWidth = window.innerWidth;\n      this.windowHeight = window.innerHeight;\n    };\n  },\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style>\nbody {\n  overflow-x: hidden;\n}\n\n.cartao {\n  display: block;\n  border-radius: 7px;\n  text-align: center;\n  line-height: 27px;\n  cursor: pointer;\n  position: relative;\n  color: #fff;\n  font-weight: 600;\n  font-size: 20px;\n\n  will-change: transform;\n}\n\n.informacoes {\n  margin-top: -100px;\n  font-size: 14px;\n  text-align: left;\n  margin-left: 30px;\n}\n\n.flip-enter-active {\n  transition: all 0.4s ease;\n}\n\n.flip-leave-active {\n  display: none;\n}\n\n.flip-enter,\n.flip-leave {\n  transform: rotateY(180deg);\n  opacity: 0;\n}\n\n/* Form */\n.flashcard-form {\n  position: relative;\n}\n\n.cartaoImg {\n  width: 100%;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cartaoVirtual.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cartaoVirtual.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cartaoVirtual.vue?vue&type=template&id=42270a28&\"\nimport script from \"./cartaoVirtual.vue?vue&type=script&lang=js&\"\nexport * from \"./cartaoVirtual.vue?vue&type=script&lang=js&\"\nimport style0 from \"./cartaoVirtual.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cartaoVirtual.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}