{"version":3,"sources":["webpack:///./src/layout/UserLayout.vue","webpack:///src/layout/UserLayout.vue","webpack:///./src/layout/UserLayout.vue?0f9a","webpack:///./src/layout/UserLayout.vue?c067","webpack:///./src/layout/UserLayout.vue?069c"],"names":["render","_vm","this","_c","_self","staticClass","attrs","require","_v","_s","userProfil","on","logout","staticRenderFns","components","data","computed","isLogin","$store","getters","isAuthenticated","user","localStorage","getItem","role","methods","_this","dispatch","then","$router","go","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWC,MAAM,CAAC,IAAMC,EAAQ,QAAkC,IAAM,MAAMJ,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,YAAY,KAAKP,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,mBAAmB,GAAGH,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACQ,GAAG,CAAC,MAAQV,EAAIW,SAAS,CAACX,EAAIO,GAAG,oBAAoBL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,gBAAgB,GAAGA,EAAG,MAAM,CAACE,YAAY,gBAE/oBQ,EAAkB,GCmCP,GACfC,WAAA,GAGAC,KAAA,WACA,UAEAC,SAAA,CACAC,QAAA,WACA,YAAAC,OAAAC,QAAAC,iBAEAV,WAAA,WACA,IAAAW,EAAAC,aAAAC,QAAA,YACA,OAAAF,GAEAG,KAAA,WACA,IAAAA,EAAAF,aAAAC,QAAA,QAEA,OAAAC,IAGAC,QAAA,CACAb,OAAA,eAAAc,EAAA,KACA,KAAAR,OAAAS,SAAA,UAAAC,MAAA,WACA,IAAAJ,EAAAF,aAAAC,QAAA,QACA,GAAAC,EACAE,EAAAG,QAAAC,GAAA,gBAEAJ,EAAAG,QAAAC,GAAA,eCjEmV,I,wBCQ/UC,EAAY,eACd,EACA/B,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,oECnBf","file":"js/chunk-1905bf56.24d919bf.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"layout-user\"},[_c('div',{staticClass:\"content-layout\"},[_c('div',{staticClass:\"wrap-header\"},[_c('div',{staticClass:\"header\"},[_c('img',{staticClass:\"img-logo\",attrs:{\"src\":require(\"@/assets/logo/abi-vertical.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"dropdown\"},[_c('div',{staticClass:\"dropbtn\"},[_vm._v(_vm._s(_vm.userProfil)+\" \"),_c('b-icon',{attrs:{\"icon\":\"chevron-down\"}})],1),_c('div',{staticClass:\"dropdown-content\"},[_c('div',{on:{\"click\":_vm.logout}},[_vm._v(\"Logout\")])])])])]),_c('div',{staticClass:\"main-content\"},[_c('router-view')],1),_c('div',{staticClass:\"footer\"})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"layout-user\">\n    <div class=\"content-layout\">\n      <div class=\"wrap-header\">\n        <div class=\"header\">\n          <img src=\"@/assets/logo/abi-vertical.png\" alt=\"\" class=\"img-logo\" />\n\n          <div class=\"dropdown\">\n            <div class=\"dropbtn\">{{ userProfil }} <b-icon icon=\"chevron-down\"></b-icon></div>\n            <div class=\"dropdown-content\">\n              <div @click=\"logout\">Logout</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"main-content\">\n        <router-view></router-view>\n      </div>\n      <div class=\"footer\">\n        <!-- <span>ABI Commodity Future</span>\n        <div class=\"contact\">\n          <div>\n            <img src=\"../assets/call-answer.png\" alt=\"telepone\" />\n            <span>+6221 5761461</span>\n          </div>\n          <div>\n            <img src=\"../assets/icons/message-closed-envelope.png\" alt=\"email\" />\n            <span>info@abicommodity.co.id</span>\n          </div>\n        </div> -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// import RegisterPribadi from \"./ExampleForm.vue\";\nexport default {\n  components: {\n    // RegisterPribadi,\n  },\n  data() {\n    return {};\n  },\n  computed: {\n    isLogin() {\n      return this.$store.getters.isAuthenticated;\n    },\n    userProfil() {\n      let user = localStorage.getItem(\"username\");\n      return user;\n    },\n    role() {\n      let role = localStorage.getItem(\"role\");\n      // console.log(role)\n      return role;\n    },\n  },\n  methods: {\n    logout() {\n      this.$store.dispatch(\"logout\").then(() => {\n        let role = localStorage.getItem(\"role\");\n        if (role == 5) {\n          this.$router.go(\"/login-admin\");\n        } else {\n          this.$router.go(\"/home\");\n        }\n      });\n    },\n  },\n};\n</script>\n\n<style scoped>\n.layout-user {\n  background: rgba(197, 151, 51, 0.4);\n  min-height: 100vh;\n}\n\n.wrap-header {\n  padding: 10px 0;\n}\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 80%;\n  margin: auto;\n  height: 70px;\n}\n\n.img-logo {\n  height: 50px;\n}\n\n.img-akun {\n  width: 30px;\n}\n\n.footer {\n  /* height: 75px; */\n  color: var(--primary);\n  padding: 20px;\n  display: flex;\n  justify-content: space-between;\n  height: 62px;\n  width: 80%;\n  margin: 50px auto 0;\n}\n\n.footer span {\n  font-size: 16px;\n  flex: 2;\n  font-weight: bold;\n}\n\n.footer .contact {\n  display: flex;\n  /* width: 30%; */\n  justify-content: space-between;\n}\n\n.footer .contact div:first-child {\n  margin-right: 51px;\n}\n\n.footer .contact img {\n  width: 20px;\n  margin-right: 11px;\n}\n\n.footer .contact span {\n  font-size: 12px;\n}\n\n.dropbtn {\n  /* background-color: #04aa6d; */\n  /* color: white; */\n  padding: 16px;\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n}\n\n.dropdown {\n  position: relative;\n  display: inline-block;\n}\n\n.dropdown-content {\n  display: none;\n  position: absolute;\n  background-color: #f1f1f1;\n  min-width: 160px;\n  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n  z-index: 1;\n}\n\n.dropdown-content div {\n  color: #707070;\n  padding: 12px 16px;\n  text-decoration: none;\n  display: block;\n  cursor: pointer;\n}\n\n.dropdown-content a:hover {\n  background-color: #ddd;\n}\n\n.dropdown:hover .dropdown-content {\n  display: block;\n}\n\n/* .dropdown:hover .dropbtn {\n  background-color: #3e8e41;\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!./UserLayout.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!./UserLayout.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UserLayout.vue?vue&type=template&id=65be5668&scoped=true\"\nimport script from \"./UserLayout.vue?vue&type=script&lang=js\"\nexport * from \"./UserLayout.vue?vue&type=script&lang=js\"\nimport style0 from \"./UserLayout.vue?vue&type=style&index=0&id=65be5668&prod&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  \"65be5668\",\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!./UserLayout.vue?vue&type=style&index=0&id=65be5668&prod&scoped=true&lang=css\""],"sourceRoot":""}