{"version":3,"sources":["webpack:///./src/layout/AdminLayout.vue?bf72","webpack:///src/layout/AdminLayout.vue","webpack:///./src/layout/AdminLayout.vue?201b","webpack:///./src/layout/AdminLayout.vue","webpack:///./src/layout/AdminLayout.vue?bb50"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","active","status","attrs","_m","checkRole","_e","widthScreen","on","openToggle","diagonaltop","centerLine","diagonalbottom","staticRenderFns","_v","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,QAAQ,CAACE,YAAY,eAAeC,MAAM,CAAEC,OAAQR,EAAIS,QAASC,MAAM,CAAC,GAAK,gBAAgB,CAACV,EAAIW,GAAG,GAAqB,GAAjBX,EAAIY,WAAmC,GAAjBZ,EAAIY,WAAmC,GAAjBZ,EAAIY,UAAgBR,EAAG,WAAWJ,EAAIa,KAAuB,GAAjBb,EAAIY,WAAmC,GAAjBZ,EAAIY,UAAgBR,EAAG,gBAAgBJ,EAAIa,MAAM,GAAGT,EAAG,UAAU,CAACE,YAAY,aAAa,CAAEN,EAAIc,YAAc,IAAKV,EAAG,SAAS,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBS,GAAG,CAAC,MAAQf,EAAIgB,aAAa,CAACZ,EAAG,QAAQ,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0BC,MAAM,CAAEU,YAAajB,EAAIS,UAAWL,EAAG,MAAM,CAACE,YAAY,qBAAqBC,MAAM,CAAEW,WAAYlB,EAAIS,UAAWL,EAAG,MAAM,CAACE,YAAY,0BAA0BC,MAAM,CAAEY,eAAgBnB,EAAIS,gBAAiBT,EAAIa,KAAKT,EAAG,OAAO,CAACA,EAAG,gBAAgB,GAAGJ,EAAIW,GAAG,QACr5BS,EAAkB,CAAC,WAAa,IAAIpB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,EAAQ,QAA6B,IAAM,SAAS,WAAa,IAAIV,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,UAAU,CAACF,EAAG,OAAO,CAACJ,EAAIqB,GAAG,0BAA0BjB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,EAAQ,QAA6B,IAAM,cAAcN,EAAG,OAAO,CAACJ,EAAIqB,GAAG,qBAAqBjB,EAAG,MAAM,CAACA,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,EAAQ,QAAyC,IAAM,WAAWN,EAAG,OAAO,CAACJ,EAAIqB,GAAG,qC,wBC6CnpB,GACE,WAAF,CACI,QAAJ,OACI,aAAJ,QAKE,KARF,WASI,MAAJ,CACM,QAAN,EACM,SAAN,6BACM,YAAN,KAGE,QAfF,WAgBI,KAAJ,0BAEE,SAAF,CACI,UADJ,WAEM,IAAN,+BACM,OAAN,GAGA,OAKE,QAAF,CACI,WADJ,WAEM,KAAN,uBC7EqV,I,wBCQjVC,EAAY,eACd,EACAvB,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAE,E,2CCnBf,yBAA0e,EAAG,G","file":"js/chunk-bbf6c492.ab965a5e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-page\"},[_c('aside',{staticClass:\"sidebar-wrap\",class:{ active: _vm.status },attrs:{\"id\":\"sidebarManu\"}},[_vm._m(0),(_vm.checkRole == 5 || _vm.checkRole == 3 || _vm.checkRole == 7)?_c('Sidebar'):_vm._e(),(_vm.checkRole == 6 || _vm.checkRole == 2)?_c('SidebarAdmin'):_vm._e()],1),_c('section',{staticClass:\"dashboard\"},[(_vm.widthScreen < 760)?_c('header',{staticClass:\"header\"},[_c('div',{staticClass:\"humberger-icon\",on:{\"click\":_vm.openToggle}},[_c('label',{staticClass:\"sidebarIconToggle\"},[_c('div',{staticClass:\"spinner diagonal part-1\",class:{ diagonaltop: _vm.status }}),_c('div',{staticClass:\"spinner horizontal\",class:{ centerLine: _vm.status }}),_c('div',{staticClass:\"spinner diagonal part-2\",class:{ diagonalbottom: _vm.status }})])])]):_vm._e(),_c('main',[_c('router-view')],1),_vm._m(1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img-logo\"},[_c('img',{attrs:{\"src\":require(\"@/assets/abi-vertical.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('footer',{staticClass:\"footer\"},[_c('span',[_vm._v(\"ABI Commodity Future\")]),_c('div',{staticClass:\"contact\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/call-answer.png\"),\"alt\":\"telepone\"}}),_c('span',[_vm._v(\"+6221 5761461\")])]),_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/message-closed-envelope.png\"),\"alt\":\"email\"}}),_c('span',[_vm._v(\"info@abicommodity.co.id\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"main-page\">\n        <aside class=\"sidebar-wrap\" id=\"sidebarManu\" :class=\"{ active: status }\">\n            <div class=\"img-logo\">\n                <img src=\"@/assets/abi-vertical.png\" alt=\"\" />\n            </div>\n            <Sidebar v-if=\"checkRole == 5 || checkRole == 3 || checkRole == 7\" />\n            <SidebarAdmin v-if=\"checkRole == 6 || checkRole == 2\" />\n        </aside>\n\n        <section class=\"dashboard\">\n            <header class=\"header\" v-if=\"widthScreen < 760\">\n                <div class=\"humberger-icon\" @click=\"openToggle\">\n                    <label class=\"sidebarIconToggle\">\n                        <div class=\"spinner diagonal part-1\" :class=\"{ diagonaltop: status }\"></div>\n                        <div class=\"spinner horizontal\" :class=\"{ centerLine: status }\"></div>\n                        <div class=\"spinner diagonal part-2\" :class=\"{ diagonalbottom: status }\"></div>\n                    </label>\n                </div>\n            </header>\n            <main>\n                <router-view></router-view>\n            </main>\n            <footer 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/message-closed-envelope.png\" alt=\"email\" />\n                        <span>info@abicommodity.co.id</span>\n                    </div>\n                </div>\n            </footer>\n        </section>\n    </div>\n</template>\n\n<script>\nimport Sidebar from \"../components/Sidebar.vue\";\nimport SidebarAdmin from \"../components/admin/SidebarAdmin\";\n// import DropdownContent from \"../components/dropdown/DropdownContent.vue\";\n// import Dropdown from \"../components/dropdown/Dropdown.vue\";\n\nexport default {\n    components: {\n        Sidebar,\n        SidebarAdmin,\n\n        // DropdownContent,\n        // Dropdown,\n    },\n    data() {\n        return {\n            status: false,\n            nickname: localStorage.getItem(\"user\"),\n            widthScreen: \"\",\n        };\n    },\n    mounted() {\n        this.widthScreen = screen.width;\n    },\n    computed: {\n        checkRole() {\n            let role = localStorage.getItem(\"role\");\n            if (role) {\n                return role;\n            } else {\n                return null;\n            }\n        },\n    },\n\n    methods: {\n        openToggle() {\n            this.status = !this.status;\n        },\n    },\n};\n</script>\n\n<style scoped>\n.main-page {\n    display: flex;\n    align-items: stretch;\n    /* height: 100%; */\n    min-height: 100vh;\n    background: #f8f9fa;\n}\n.dashboard {\n    width: 100%;\n    margin-left: 219px;\n}\n\n.sidebar-wrap {\n    width: 219px;\n    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%);\n    background-color: #fff;\n    position: fixed;\n    height: 100vh;\n    z-index: 1;\n}\n\n.humberger-icon {\n    display: none;\n}\n\nmain {\n    padding: 2rem;\n    height: 100%;\n}\n\n.header {\n    margin-bottom: 0.7rem;\n    display: block;\n}\n\n.profile img {\n    width: 1.5rem;\n}\n\n.img-logo {\n    height: 6rem;\n    padding: 20px 0;\n    text-align: center;\n}\n\n.img-logo img {\n    height: 100%;\n}\n\n.footer {\n    background: #1e354a;\n    color: white;\n    padding: 1rem 2rem;\n    display: flex;\n    justify-content: space-between;\n    margin-top: auto;\n    align-items: center;\n}\n\n.footer span {\n    font-size: 14px;\n    flex: 2;\n}\n\n.footer .contact {\n    display: flex;\n    justify-content: space-between;\n    gap: 2rem;\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.sidebarIconToggle {\n    transition: all 0.3s;\n    box-sizing: border-box;\n    cursor: pointer;\n    position: absolute;\n    z-index: 99;\n    height: 100%;\n    width: 100%;\n    height: 22px;\n    width: 22px;\n}\n.spinner {\n    transition: all 0.3s;\n    box-sizing: border-box;\n    position: absolute;\n    height: 3px;\n    width: 100%;\n    background-color: #6454f0;\n}\n\n.horizontal {\n    transition: all 0.3s;\n    box-sizing: border-box;\n    position: relative;\n    float: left;\n    margin-top: 3px;\n}\n.diagonal.part-1 {\n    position: relative;\n    transition: all 0.3s;\n    box-sizing: border-box;\n    float: left;\n}\n.diagonal.part-2 {\n    transition: all 0.3s;\n    box-sizing: border-box;\n    position: relative;\n    float: left;\n    margin-top: 3px;\n}\n\ninput[type=\"checkbox\"] {\n    transition: all 0.3s;\n    box-sizing: border-box;\n    display: none;\n}\n\n/* input[type=checkbox]:checked ~  */\n.sidebarIconToggle > .centerLine {\n    transition: all 0.3s;\n    box-sizing: border-box;\n    opacity: 0;\n}\n/* input[type=checkbox]:checked ~  */\n.sidebarIconToggle > .diagonaltop {\n    transition: all 0.3s;\n    box-sizing: border-box;\n    transform: rotate(135deg);\n    margin-top: 8px;\n}\n/* input[type=checkbox]:checked ~  */\n.sidebarIconToggle > .diagonalbottom {\n    transition: all 0.3s;\n    box-sizing: border-box;\n    transform: rotate(-135deg);\n    margin-top: -9px;\n}\n\nul {\n    list-style: none;\n    margin: unset;\n}\n\nul li {\n    padding: 0.5rem 0;\n}\n\nhr {\n    margin: 0.3rem 0;\n}\n\n.content-dropdown {\n    right: 1rem;\n}\n\n@media (max-width: 768px) {\n    .humberger-icon {\n        display: block;\n        position: absolute;\n        right: 1.2rem;\n        top: 1.8rem;\n        height: 22px;\n        width: 22px;\n    }\n\n    .sidebar-wrap {\n        display: none;\n        /* transform: translateX(-264px); */\n        -webkit-transition: transform 0.8s linear;\n        -moz-transition: transform 0.8s linear;\n        -o-transition: transform 0.8s linear;\n        -ms-transition: transform 0.8s linear;\n        transition: transform 0.8s linear;\n        animation: slide-right 0.4s linear;\n    }\n\n    .active {\n        /* transform: translateX(0); */\n        z-index: 1;\n        display: block;\n        width: 18rem;\n        -webkit-transition: transform 0.8s linear;\n        -moz-transition: transform 0.8s linear;\n        -o-transition: transform 0.8s linear;\n        -ms-transition: transform 0.8s linear;\n        transition: transform 0.8s linear;\n        animation: slide-right 0.4s linear;\n    }\n\n    .dashboard {\n        margin-left: unset;\n    }\n\n    main {\n        padding: 0.6rem 1.3rem;\n    }\n\n    .footer {\n        padding: 1rem;\n    }\n\n    .footer .contact {\n        flex-direction: column;\n        gap: unset;\n    }\n\n    .img-logo {\n        height: 4rem;\n        padding: 0.5rem 0;\n    }\n\n    @keyframes slide-right {\n        from {\n            opacity: 0;\n            transform: translateX(-264px);\n        }\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\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!./AdminLayout.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!./AdminLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdminLayout.vue?vue&type=template&id=0c6f047b&scoped=true&\"\nimport script from \"./AdminLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./AdminLayout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AdminLayout.vue?vue&type=style&index=0&id=0c6f047b&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  \"0c6f047b\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./AdminLayout.vue?vue&type=style&index=0&id=0c6f047b&scoped=true&lang=css&\"; export default mod; 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!./AdminLayout.vue?vue&type=style&index=0&id=0c6f047b&scoped=true&lang=css&\""],"sourceRoot":""}