{"version":3,"sources":["webpack:///./src/views/Login.vue?4f7e","webpack:///./src/views/Login.vue?9b84","webpack:///src/views/Login.vue","webpack:///./src/views/Login.vue?5da6","webpack:///./src/views/Login.vue?723e","webpack:///./src/assets/logo.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","on","$event","preventDefault","login","apply","arguments","directives","name","rawName","value","expression","domProps","target","composing","email","password","_v","_s","error_msg","_e","staticRenderFns","component","VAlert","module","exports"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,GAAK,gBAAgB,CAACP,EAAIQ,GAAG,GAAGJ,EAAG,OAAO,CAACK,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBX,EAAIY,MAAMC,MAAM,KAAMC,cAAc,CAACV,EAAG,QAAQ,CAACW,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOlB,EAAS,MAAEmB,WAAW,UAAUb,YAAY,gBAAgBC,MAAM,CAAC,KAAO,QAAQ,GAAK,QAAQ,KAAO,QAAQ,YAAc,SAASa,SAAS,CAAC,MAASpB,EAAS,OAAGS,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOW,OAAOC,YAAqBtB,EAAIuB,MAAMb,EAAOW,OAAOH,WAAUd,EAAG,QAAQ,CAACW,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOlB,EAAY,SAAEmB,WAAW,aAAab,YAAY,eAAeC,MAAM,CAAC,KAAO,WAAW,GAAK,WAAW,KAAO,QAAQ,YAAc,YAAYa,SAAS,CAAC,MAASpB,EAAY,UAAGS,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOW,OAAOC,YAAqBtB,EAAIwB,SAASd,EAAOW,OAAOH,WAAUd,EAAG,QAAQ,CAACE,YAAY,gBAAgBC,MAAM,CAAC,KAAO,SAAS,MAAQ,cAAeP,EAAa,UAAEI,EAAG,UAAU,CAACG,MAAM,CAAC,KAAO,UAAU,CAACP,EAAIyB,GAAG,IAAIzB,EAAI0B,GAAG1B,EAAI2B,WAAW,OAAO3B,EAAI4B,MAAM,QACxqCC,EAAkB,CAAC,WAAa,IAAI7B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,QAAqB,GAAK,OAAO,IAAM,mB,qBC0CvN,oCACA,GACE,KAAF,OACE,WAAF,GACE,KAHF,WAII,MAAJ,CACM,MAAN,GACM,SAAN,GACM,OAAN,EACM,UAAN,KAGE,QAAF,CACI,MADJ,WACM,IAAN,OACM,KAAN,aACM,IAAN,GACQ,MAAR,WACQ,SAAR,eAEM,EAAN,EACA,KADA,UACA,EADA,eACA,GACA,kBAAQ,IAAR,SACA,SAAY,GAAZ,sBACQ,aAAR,mBACQ,OAAR,qBAEA,mBACA,mCACU,EAAV,wCAKE,QAhCF,WAiCI,IAAJ,gCACA,IACM,OAAN,qBC/E+U,I,yDCQ3UuB,EAAY,eACd,EACA/B,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAAC,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,SAAA,Q,qBCxB9BC,EAAOC,QAAU,IAA0B","file":"js/chunk-6a9dca2e.40c1bbb0.js","sourcesContent":["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!./Login.vue?vue&type=style&index=0&id=84e7485c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home\"},[_c('div',{staticClass:\"wrapper fadeInDown\"},[_c('div',{attrs:{\"id\":\"formContent\"}},[_vm._m(0),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.login.apply(null, arguments)}}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],staticClass:\"fadeIn second\",attrs:{\"type\":\"email\",\"id\":\"login\",\"name\":\"login\",\"placeholder\":\"Email\"},domProps:{\"value\":(_vm.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.email=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],staticClass:\"fadeIn third\",attrs:{\"type\":\"password\",\"id\":\"password\",\"name\":\"login\",\"placeholder\":\"Password\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password=$event.target.value}}}),_c('input',{staticClass:\"fadeIn fourth\",attrs:{\"type\":\"submit\",\"value\":\"Log In\"}})]),(_vm.error_msg)?_c('v-alert',{attrs:{\"type\":\"error\"}},[_vm._v(\" \"+_vm._s(_vm.error_msg)+\" \")]):_vm._e()],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fadeIn first\"},[_c('img',{attrs:{\"src\":require(\"@/assets/logo.png\"),\"id\":\"icon\",\"alt\":\"User Icon\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"home\">\n    <div class=\"wrapper fadeInDown\">\n      <div id=\"formContent\">\n        <!-- Tabs Titles -->\n\n        <!-- Icon -->\n        <div class=\"fadeIn first\">\n          <img src=\"@/assets/logo.png\" id=\"icon\" alt=\"User Icon\" />\n        </div>\n\n        <!-- Login Form -->\n        <form v-on:submit.prevent=\"login\">\n          <input\n            type=\"email\"\n            id=\"login\"\n            class=\"fadeIn second\"\n            name=\"login\"\n            placeholder=\"Email\"\n            v-model=\"email\"\n          />\n          <input\n            type=\"password\"\n            id=\"password\"\n            class=\"fadeIn third\"\n            name=\"login\"\n            placeholder=\"Password\"\n            v-model=\"password\"\n          />\n          <input type=\"submit\" class=\"fadeIn fourth\" value=\"Log In\" />\n        </form>\n\n        <!-- Remind Passowrd -->\n        <v-alert type=\"error\" v-if=\"error_msg\">\n          {{ error_msg }}\n        </v-alert>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import axios from 'axios'\n  const RUTA_SERVIDOR = 'https://www.financetradebio.com'\n  export default {\n    name: 'Home',\n    components: {},\n    data() {\n      return {\n        email: '',\n        password: '',\n        error: false,\n        error_msg: '',\n      }\n    },\n    methods: {\n      login() {\n        this.error_msg = ''\n        const json = {\n          email: this.email,\n          password: this.password,\n        }\n        axios\n          .post(`${RUTA_SERVIDOR}/auth/login`, json)\n          .then(({ data: res }) => {\n            const { user, accessToken } = res.data\n            localStorage.setItem('token', accessToken)\n            window.location.href = '/'\n          })\n          .catch((error) => {\n            if (error.response.data.statusCode === 401) {\n              this.error_msg = error.response.data.message\n            }\n          })\n      },\n    },\n    created() {\n      const token = localStorage.getItem('token')\n      if (token) {\n        window.location.href = '/'\n      }\n    },\n  }\n</script>\n\n<style scoped>\n  /* BASIC */\n  html {\n    background-color: #56baed;\n  }\n  body {\n    font-family: 'Poppins', sans-serif;\n    height: 100vh;\n  }\n  a {\n    color: #92badd;\n    display: inline-block;\n    text-decoration: none;\n    font-weight: 400;\n  }\n  h2 {\n    text-align: center;\n    font-size: 16px;\n    font-weight: 600;\n    text-transform: uppercase;\n    display: inline-block;\n    margin: 40px 8px 10px 8px;\n    color: #cccccc;\n  }\n  /* STRUCTURE */\n  .wrapper {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n    width: 100%;\n    min-height: 100%;\n    padding: 20px;\n  }\n  #formContent {\n    -webkit-border-radius: 10px 10px 10px 10px;\n    border-radius: 10px 10px 10px 10px;\n    background: #fff;\n    padding: 30px;\n    width: 90%;\n    max-width: 450px;\n    position: relative;\n    padding: 0px;\n    -webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);\n    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);\n    text-align: center;\n  }\n  #formFooter {\n    background-color: #f6f6f6;\n    border-top: 1px solid #dce8f1;\n    padding: 25px;\n    text-align: center;\n    -webkit-border-radius: 0 0 10px 10px;\n    border-radius: 0 0 10px 10px;\n  }\n  /* TABS */\n  h2.inactive {\n    color: #cccccc;\n  }\n  h2.active {\n    color: #0d0d0d;\n    border-bottom: 2px solid #5fbae9;\n  }\n  /* FORM TYPOGRAPHY*/\n  input[type='button'],\n  input[type='submit'],\n  input[type='reset'] {\n    background-color: #56baed;\n    border: none;\n    color: white;\n    padding: 15px 80px;\n    text-align: center;\n    text-decoration: none;\n    display: inline-block;\n    text-transform: uppercase;\n    font-size: 13px;\n    -webkit-box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);\n    box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);\n    -webkit-border-radius: 5px 5px 5px 5px;\n    border-radius: 5px 5px 5px 5px;\n    margin: 5px 20px 40px 20px;\n    -webkit-transition: all 0.3s ease-in-out;\n    -moz-transition: all 0.3s ease-in-out;\n    -ms-transition: all 0.3s ease-in-out;\n    -o-transition: all 0.3s ease-in-out;\n    transition: all 0.3s ease-in-out;\n  }\n  input[type='button']:hover,\n  input[type='submit']:hover,\n  input[type='reset']:hover {\n    background-color: #39ace7;\n  }\n  input[type='button']:active,\n  input[type='submit']:active,\n  input[type='reset']:active {\n    -moz-transform: scale(0.95);\n    -webkit-transform: scale(0.95);\n    -o-transform: scale(0.95);\n    -ms-transform: scale(0.95);\n    transform: scale(0.95);\n  }\n  input[type='email'],\n  input[type='password'] {\n    background-color: #f6f6f6;\n    border: none;\n    color: #0d0d0d;\n    padding: 15px 32px;\n    text-align: center;\n    text-decoration: none;\n    display: inline-block;\n    font-size: 16px;\n    margin: 5px;\n    width: 85%;\n    border: 2px solid #f6f6f6;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    -ms-transition: all 0.5s ease-in-out;\n    -o-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n    -webkit-border-radius: 5px 5px 5px 5px;\n    border-radius: 5px 5px 5px 5px;\n  }\n  input[type='text']:focus {\n    background-color: #fff;\n    border-bottom: 2px solid #5fbae9;\n  }\n  input[type='text']:placeholder {\n    color: #cccccc;\n  }\n  /* ANIMATIONS */\n  /* Simple CSS3 Fade-in-down Animation */\n  .fadeInDown {\n    -webkit-animation-name: fadeInDown;\n    animation-name: fadeInDown;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-fill-mode: both;\n    animation-fill-mode: both;\n  }\n  @-webkit-keyframes fadeInDown {\n    0% {\n      opacity: 0;\n      -webkit-transform: translate3d(0, -100%, 0);\n      transform: translate3d(0, -100%, 0);\n    }\n    100% {\n      opacity: 1;\n      -webkit-transform: none;\n      transform: none;\n    }\n  }\n  @keyframes fadeInDown {\n    0% {\n      opacity: 0;\n      -webkit-transform: translate3d(0, -100%, 0);\n      transform: translate3d(0, -100%, 0);\n    }\n    100% {\n      opacity: 1;\n      -webkit-transform: none;\n      transform: none;\n    }\n  }\n  /* Simple CSS3 Fade-in Animation */\n  @-webkit-keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  @-moz-keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  .fadeIn {\n    opacity: 0;\n    -webkit-animation: fadeIn ease-in 1;\n    -moz-animation: fadeIn ease-in 1;\n    animation: fadeIn ease-in 1;\n    -webkit-animation-fill-mode: forwards;\n    -moz-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-duration: 1s;\n    -moz-animation-duration: 1s;\n    animation-duration: 1s;\n  }\n  .fadeIn.first {\n    -webkit-animation-delay: 0.4s;\n    -moz-animation-delay: 0.4s;\n    animation-delay: 0.4s;\n  }\n  .fadeIn.second {\n    -webkit-animation-delay: 0.6s;\n    -moz-animation-delay: 0.6s;\n    animation-delay: 0.6s;\n  }\n  .fadeIn.third {\n    -webkit-animation-delay: 0.8s;\n    -moz-animation-delay: 0.8s;\n    animation-delay: 0.8s;\n  }\n  .fadeIn.fourth {\n    -webkit-animation-delay: 1s;\n    -moz-animation-delay: 1s;\n    animation-delay: 1s;\n  }\n  /* Simple CSS3 Fade-in Animation */\n  .underlineHover:after {\n    display: block;\n    left: 0;\n    bottom: -10px;\n    width: 0;\n    height: 2px;\n    background-color: #56baed;\n    content: '';\n    transition: width 0.2s;\n  }\n  .underlineHover:hover {\n    color: #0d0d0d;\n  }\n  .underlineHover:hover:after {\n    width: 100%;\n  }\n  /* OTHERS */\n  *:focus {\n    outline: none;\n  }\n  #icon {\n    width: 60%;\n  }\n</style>\n","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!./Login.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!./Login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=84e7485c&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=84e7485c&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  \"84e7485c\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\ninstallComponents(component, {VAlert})\n","module.exports = __webpack_public_path__ + \"img/logo.82b9c7a5.png\";"],"sourceRoot":""}