{"version":3,"sources":["webpack:///./src/views/Login/Login.vue?7f83","webpack:///./src/views/Login/Login.vue?cdb7","webpack:///src/views/Login/Login.vue","webpack:///./src/views/Login/Login.vue?8567","webpack:///./src/views/Login/Login.vue?ef08"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","class","personalCheck","directives","name","rawName","value","expression","attrs","domProps","on","$event","target","composing","personalvalue","_e","passwordCheck","showpass","Array","isArray","passwordvalue","_i","search","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","_q","showHideEye","fxselState","checkFxsel","goLogin","staticRenderFns","components","data","props","watch","methods","filters","computed","created","mounted","destroyed","component"],"mappings":"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","file":"js/chunk-1eff6d12.1df81d45.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../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=5c57bae8&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../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=5c57bae8&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Login\"},[_c('header-view'),_c('div',{staticClass:\"container_w clear\"},[_c('div',{staticClass:\"login_box right\"},[_c('h3',[_vm._v(\"Login\")]),_c('div',{staticClass:\"input_text clear\",class:{'active_line':_vm.personalCheck}},[_c('i',{staticClass:\"personal_icon\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.personalvalue),expression:\"personalvalue\"}],attrs:{\"type\":\"text\",\"placeholder\":\"FFP /ID/Phone Number\"},domProps:{\"value\":(_vm.personalvalue)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.personalvalue=$event.target.value}}}),(_vm.personalCheck)?_c('p',[_vm._v(\"Input cannot be empty.\")]):_vm._e()]),_c('div',{staticClass:\"input_text clear\",class:{'active_line':_vm.passwordCheck}},[_c('i',{staticClass:\"password_icon\"}),((_vm.showpass?'password':'text')==='checkbox')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.passwordvalue),expression:\"passwordvalue\"}],attrs:{\"placeholder\":\"Password\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.passwordvalue)?_vm._i(_vm.passwordvalue,null)>-1:(_vm.passwordvalue)},on:{\"input\":_vm.search,\"change\":function($event){var $$a=_vm.passwordvalue,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.passwordvalue=$$a.concat([$$v]))}else{$$i>-1&&(_vm.passwordvalue=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.passwordvalue=$$c}}}}):((_vm.showpass?'password':'text')==='radio')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.passwordvalue),expression:\"passwordvalue\"}],attrs:{\"placeholder\":\"Password\",\"type\":\"radio\"},domProps:{\"checked\":_vm._q(_vm.passwordvalue,null)},on:{\"input\":_vm.search,\"change\":function($event){_vm.passwordvalue=null}}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.passwordvalue),expression:\"passwordvalue\"}],attrs:{\"placeholder\":\"Password\",\"type\":_vm.showpass?'password':'text'},domProps:{\"value\":(_vm.passwordvalue)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.passwordvalue=$event.target.value},_vm.search]}}),(_vm.passwordvalue != '')?_c('span',{staticClass:\"left\",class:{'password_eyeopen':_vm.showpass},on:{\"click\":_vm.showHideEye}}):_vm._e(),(_vm.passwordCheck)?_c('p',[_vm._v(\"Account and password do not match.\")]):_vm._e()]),_c('div',{staticClass:\"remember_l\"},[_c('span',{class:{'fxsel_active':_vm.fxselState},on:{\"click\":_vm.checkFxsel}}),_vm._v(\" Remember Me \")]),_c('div',{staticClass:\"btn_login\"},[_c('button',{on:{\"click\":_vm.goLogin}},[_vm._v(\"Login\")])])])]),_c('footer-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"Login\">\r\n        <header-view></header-view>\r\n        <div class=\"container_w clear\">\r\n            <div class=\"login_box right\">\r\n                <h3>Login</h3>\r\n                <div class=\"input_text clear\" :class=\"{'active_line':personalCheck}\">\r\n                    <i class=\"personal_icon\"></i>\r\n                    <input type=\"text\" placeholder=\"FFP /ID/Phone Number\" v-model=\"personalvalue\">\r\n                    <p v-if=\"personalCheck\">Input cannot be empty.</p>\r\n                </div>\r\n                <div class=\"input_text clear\" :class=\"{'active_line':passwordCheck}\">\r\n                    <i class=\"password_icon\"></i>\r\n                    <input :type=\"showpass?'password':'text'\" placeholder=\"Password\" v-model=\"passwordvalue\" @input='search'>\r\n                    <span v-if=\"passwordvalue != ''\" class=\"left\" :class=\"{'password_eyeopen':showpass}\" @click=\"showHideEye\"></span>\r\n                    <p v-if=\"passwordCheck\">Account and password do not match.</p>\r\n                </div>\r\n                <div class=\"remember_l\">\r\n                    <span :class=\"{'fxsel_active':fxselState}\" @click=\"checkFxsel\"></span>\r\n                    Remember Me\r\n                </div>\r\n                <div class=\"btn_login\">\r\n                    <button @click=\"goLogin\">Login</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <footer-view></footer-view>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport HeaderView from \"@/components/Header/Header\";\r\nimport FooterView from \"@/components/Footer/Footer\";\r\nexport default {\r\n  components: {\r\n   HeaderView,\r\n   FooterView\r\n  },\r\n  name: \"Login\",\r\n  data() {\r\n    return {\r\n        fxselState:false,\r\n        personalCheck:false,\r\n        passwordCheck:false,\r\n        showpass:false,\r\n        personalvalue:'',\r\n        passwordvalue:''\r\n    };\r\n  },\r\n  props: {},\r\n  watch: {},\r\n  methods: {\r\n    checkFxsel(){\r\n        console.log(this.fxselState)\r\n        this.fxselState = !this.fxselState\r\n    },\r\n    goLogin(){\r\n        console.log(this.personalvalue+'-----'+this.passwordvalue)\r\n    },\r\n    showHideEye(){\r\n        this.showpass = !this.showpass\r\n    },\r\n    search(){\r\n        let sP = false\r\n        if(this.passwordvalue.length){\r\n            sP = true\r\n        }\r\n        this.showpass = sP\r\n    }\r\n\r\n  },\r\n  filters: {},\r\n  computed: {},\r\n  created() {\r\n    \r\n  },\r\n  mounted() {\r\n      console.log(this.personalvalue+'-----'+this.passwordvalue)\r\n  },\r\n  destroyed() {}\r\n};\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n\r\n<style lang=\"less\" scoped>\r\n  .Login{\r\n        height: 648px;\r\n        background: url(../../assets/login/pic_content_login_bg.png) no-repeat center;\r\n    //   background-size: cover;\r\n        .login_box{\r\n            margin-top: 72px;\r\n            width:560px;\r\n            height:504px;\r\n            background:rgba(255,255,255,1);\r\n            box-shadow:0px 4px 24px 0px rgba(0,0,0,0.1);\r\n            border-radius:8px;\r\n            padding: 88px 64px;\r\n            h3{\r\n                font-size:24px;\r\n                color:rgba(51,51,51,1);\r\n                line-height:29px;\r\n                margin-bottom: 48px;\r\n            }\r\n            .input_text{\r\n                position: relative;\r\n                // height: 48px;\r\n                border-bottom: 1px solid #ECEEF0;\r\n                margin-bottom: 32px;\r\n                i{\r\n                    position: absolute;\r\n                    top: 12px; \r\n                    left: 0;\r\n                    width: 24px;\r\n                    height: 24px;\r\n                }\r\n                p{\r\n                    position: absolute;\r\n                    right: 0;\r\n                    bottom: -21px;\r\n                    font-size:14px;\r\n                    color:rgba(216,0,15,1);\r\n                }\r\n                .personal_icon{\r\n                    background: url(../../assets/login/icon_content_login_personal.png) no-repeat center;\r\n                }\r\n                .password_icon{\r\n                    &::before{\r\n                        content: '';\r\n                        position: relative;\r\n                        display: inline-block;\r\n                        top: -1px;\r\n                        left: 50%;\r\n                        margin-left: -5px;\r\n                        width:10px;\r\n                        height:10px;\r\n                        border:2px solid rgba(191,191,191,1);\r\n                    }\r\n                    background: url(../../assets/login/icon_content_login_password.png) no-repeat center;\r\n                }\r\n                span{\r\n                    position: absolute;\r\n                    right: 0;\r\n                    top: 12px;\r\n                    width: 24px;\r\n                    height: 24px;\r\n                    background: url(../../assets/login/ic_content_login_eyeclose.png) no-repeat center;\r\n                }\r\n                .password_eyeopen{\r\n                    background: url(../../assets/login/ic_content_login_eyeopen.png) no-repeat center;\r\n                }\r\n                input{\r\n                    width: 100%;\r\n                    padding: 0 32px;\r\n                    line-height: 48px;\r\n                    font-size:16px;\r\n                    color:#333333;\r\n                }\r\n            }\r\n            .active_line{\r\n                border-bottom: 2px solid #D8000F;\r\n            }\r\n            .remember_l{\r\n                padding-top: 10px;\r\n                font-size:16px;\r\n                color:rgba(128,128,128,1);\r\n                margin-bottom: 16px;\r\n                span{\r\n                    float: left;\r\n                    cursor: pointer;\r\n                    width: 24px;\r\n                    height: 24px;\r\n                    background: url(../../assets/login/icon_com_choose_fxdisable.png) no-repeat center;\r\n                    margin-right: 9px;\r\n                }\r\n                .fxsel_active{\r\n                    background: url(../../assets/login/icon_com_choose_fxsel.png) no-repeat center;\r\n                }\r\n            }\r\n            .btn_login{\r\n                button{\r\n                    width: 100%;\r\n                    height:48px;\r\n                    background:rgba(216,0,15,1);\r\n                    border-radius:4px;\r\n                    font-size:16px;\r\n                    color:rgba(255,255,255,1);\r\n                }\r\n            }\r\n        }\r\n  }\r\n</style>\r\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=5c57bae8&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=5c57bae8&lang=less&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  \"5c57bae8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}