{"version":3,"sources":["webpack:///./src/views/Dashboard/AktivitasPengguna/Main.vue?6c41","webpack:///./src/views/Dashboard/AktivitasPengguna/Main.vue?e5e0","webpack:///./src/views/Dashboard/AktivitasPengguna/Main.vue","webpack:///src/views/Dashboard/AktivitasPengguna/Main.vue","webpack:///./src/views/Dashboard/AktivitasPengguna/Main.vue?364c","webpack:///./src/views/Dashboard/AktivitasPengguna/Main.vue?a0c1"],"names":["render","_vm","this","_c","_self","staticRenderFns","metaInfo","titleTemplate","htmlAttrs","lang","amp","components","data","pageOptions","PageOptions","alert","$store","getters","getAlertStatus","alertDuration","created","pageEmpty","mounted","checkAlert","watch","beforeRouteLeave","to","from","next","methods","setTimeout","showAlert","dispatch","component"],"mappings":"uIAAA,W,oCCAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,gBAElEE,EAAkB,G,YCKtB,GACAC,SAAA,CACAC,cAAA,qBACAC,UAAA,CACAC,KAAA,KACAC,KAAA,IAGAC,WAAA,GAEAC,OACA,OACAC,YAAAC,OACAC,MAAA,KAAAC,OAAAC,QAAAC,eACAC,cAAA,MAGAC,UACA,KAAAP,YAAAQ,WAAA,GAEAC,UACA,KAAAC,cAEAC,MAAA,CACA,2CACA,KAAAT,MAAA,KAAAC,OAAAC,QAAAC,eACA,KAAAK,eAGAE,iBAAAC,EAAAC,EAAAC,GACAd,OAAAO,WAAA,EACAO,KAEAC,QAAA,CACAN,aACAO,WAAA,KACA,KAAAf,MAAAgB,WAAA,KAAAf,OAAAgB,SAAA,oBACA,KAAAb,kBC5C4W,I,kCCSxWc,EAAY,eACd,EACAjC,EACAK,GACA,EACA,KACA,KACA,MAIa,aAAA4B,E","file":"js/chunk-56049f7e.088f1414.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=style&index=1&id=6be71f02&prod&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=style&index=0&id=6be71f02&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('router-view')\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <router-view></router-view>\n</template>\n\n<script>\n    import PageOptions from '@/Options/PageOptions.js'\n\n    export default {\n        metaInfo: {\n            titleTemplate: '%s - KPU Dahsboard',\n            htmlAttrs: {\n                lang: 'en',\n                amp: true\n            }\n        },\n        components: {\n        },\n        data() {\n            return {\n                pageOptions: PageOptions,\n                alert: this.$store.getters.getAlertStatus,\n                alertDuration: 5000,//in ms\n            }\n        },\n        created() {\n            this.pageOptions.pageEmpty = false;\n        },\n        mounted() {\n            this.checkAlert();\n        },\n        watch: {\n            '$store.getters.getAlertStatus': function () {\n                this.alert = this.$store.getters.getAlertStatus;\n                this.checkAlert();\n            }\n        },\n        beforeRouteLeave(to, from, next) {\n            PageOptions.pageEmpty = true;\n            next();\n        },\n        methods: {\n            checkAlert() {\n                setTimeout(() => {\n                    if (this.alert.showAlert) this.$store.dispatch('setShowAlert', false);\n                }, this.alertDuration);\n            }\n            \n        }\n    }\n</script>\n\n<style>\n    @font-face {\n        font-family: 'Montserrat';\n        src: url('/font/Monserrat/Montserrat-Regular.ttf') format('truetype');\n    }\n\n    * {\n        font-family: 'Proxima Nova';\n        /* font-weight: bold; */\n    }\n\n    /* ALERT MESSAGE STARTS */\n    .alertmessage {\n        position: fixed;\n        top: 10%;\n        left: 50%;\n        transform: translate(-50%, 0);\n        z-index: 9999;\n        width: 300px;\n        text-align: center;\n    }\n\n    .alertmessage strong {\n        font-size: 150%\n    }\n\n    .fade-enter-active,\n    .fade-leave-active {\n        transition: opacity .5s;\n    }\n\n    .fade-enter,\n    .fade-leave-to\n\n    /* .fade-leave-active below version 2.1.8 */\n    {\n        opacity: 0;\n    }\n\n    .title {\n        display: flex;\n        align-items: center;\n    }\n\n    .btn-green {\n        background-color:#43B254 !important;\n        color:white !important;\n    }\n\n    .btn-dark-blue {\n        background-color: #134F97 !important;\n        color: white !important;\n    }\n\n    .btn-dark-blue-outline {\n        color : #134F97 !important;\n        border : 1px solid #134F97 !important;\n        \n    }\n\n    .btn-lg-grey {\n        background-color :#D3D8DE !important;\n        color : #7D8DA0 !important;\n    }\n\n    .btn {\n        background-color: #FFF;\n    }\n\n    .form-control {\n        height: 43px;\n    }\n\n    /* ALERT MESSAGE ENDS */\n</style>\n\n<style>\n\n    .btn { \n        color : #30b5cd;\n        background : transparent;\n    }\n    .modal-mask {\n        position: fixed;\n        z-index: 1050;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, .5);\n        display: table;\n        transition: opacity .3s ease;\n    }\n\n    .modal-wrapper {\n        display: table-cell;\n        vertical-align: middle;\n    }\n\n    .modal-container {\n        width: 100%;\n        margin: 0px auto;\n        padding: 20px 30px;\n        background-color: #fff;\n        border-radius: 8px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, .33);\n        transition: all .3s ease;\n        font-family: Helvetica, Arial, sans-serif;\n    }\n\n    .modal-header h3 {\n        margin-top: 0;\n        color: #42b983;\n    }\n\n    .modal-body {\n        margin: 10px 0;\n    }\n\n    .modal-default-button {\n        float: right;\n    }\n\n    /*\n    * The following styles are auto-applied to elements with\n    * transition=\"modal\" when their visibility is toggled\n    * by Vue.js.\n    *\n    * You can easily play with the modal transition by editing\n    * these styles.\n    */\n\n    .modal-enter {\n        opacity: 0;\n    }\n\n    .modal-leave-active {\n        opacity: 0;\n    }\n\n    .modal-enter .modal-container,\n    .modal-leave-active .modal-container {\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n    }\n\n    /* MODAL STARTS */\n    .modal-body{\n        margin:0\n    }\n\n    .modal-body .moduleLine{\n        margin-bottom: 0vh;\n    }\n\n    .modal-body .moduleLine a{\n        text-decoration: none;\n    }\n\n    .modal-body .moduleLine .moduleBox:hover{\n        background-color: #E0E0E0;\n        transition: background-color 0.7s ease;\n        color: #212121;\n        transition: color 0.7s ease;\n    }\n\n    .modal-body .moduleLine .moduleBox{\n        border:1px solid #BDBDBD;\n        border-radius: 20px;\n        padding: 20px 0;\n        color:black;\n        margin-bottom: 3vh;\n    }\n\n    .modal-body .moduleLine .moduleBox i{\n        font-size:5vh;\n    }\n\n    h3.modalHeadline{\n        margin:0 0 20px 0\n    }\n    /* MODAL ENDS */\n\n    .modalContent tr th{\n      text-align:right;\n    }\n\n    .modalContent tr .middleDivider{\n      width: 50px;\n      text-align: center;\n    }\n</style>\n\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!./Main.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!./Main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Main.vue?vue&type=template&id=6be71f02&\"\nimport script from \"./Main.vue?vue&type=script&lang=js&\"\nexport * from \"./Main.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Main.vue?vue&type=style&index=0&id=6be71f02&prod&lang=css&\"\nimport style1 from \"./Main.vue?vue&type=style&index=1&id=6be71f02&prod&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"],"sourceRoot":""}