{"version":3,"sources":["webpack:///./src/components/table.vue","webpack:///./src/components/table.vue?eb16","webpack:///./src/views/Dashboard/Pemilu&Pilkada.vue","webpack:///./src/views/Dashboard/Pemilu&Pilkada.vue?e4a4","webpack:///./src/components/table.vue?de4a","webpack:///./src/views/Dashboard/Pemilu&Pilkada.vue?d928"],"names":["id","cellspacing","cellpadding","class","script","__exports__","render","first","second","third","fourth","components","tables","table"],"mappings":"mOACWA,GAAG,SAASC,YAAY,IAAIC,YAAY,K,EAe3C,yBAKK,WAJD,yBAAU,UAAN,KACJ,yBAAqB,UAAjB,gBACJ,yBAAgB,UAAZ,WACJ,yBAAmC,MAA/BC,MAAM,aAAY,c,KAE1B,yBAKK,WAJD,yBAAU,UAAN,KACJ,yBAA2B,UAAvB,sBACJ,yBAAe,UAAX,UACJ,yBAAkC,MAA9BA,MAAM,aAAY,a,oFAzB9B,yBA2BQ,QA3BR,EA2BQ,CA1BJ,yBAaK,WAZD,yBAEK,WADD,wBAA0B,iCAE9B,yBAEK,WADD,wBAA2B,kCAE/B,yBAEK,WADD,wBAA0B,iCAE9B,yBAEK,WADD,wBAA2B,oCAGnC,EAMA,O,iCCrBR,MAAMC,EAAS,GAKTC,EAA2B,IAAgBD,EAAQ,CAAC,CAAC,SAASE,GAAQ,CAAC,YAAY,qBAE1E,U,upCCgBFH,MAAM,U,+BAEoB,Q,+BACC,a,+BACD,uB,+BACC,U,8qDA5BpC,yBAkEM,YAjEF,EAsBA,yBAOM,MAPN,EAOM,CANF,yBAKS,QAJYI,MAAK,GAAC,iBAAI,C,MACVC,OAAM,GAAC,iBAAS,C,MAChBC,MAAK,GAAC,iBAAmB,C,MACzBC,OAAM,GAAC,iBAAM,C,cAGtC,O,YAwCO,GACbC,WAAY,CACVC,OAAAC,EAAA,O,iCCnEJ,MAAMR,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,oCCTf,W,kCCAA","file":"js/chunk-28afd214.a255ca34.js","sourcesContent":["<template>\n    <table id=\"tables\" cellspacing=\"0\" cellpadding=\"0\">\n        <tr>\n            <th>\n                <slot name=\"first\"></slot>\n            </th>\n            <th>\n                <slot name=\"second\"></slot>\n            </th>\n            <th>\n                <slot name=\"third\"></slot>\n            </th>\n            <th>\n                <slot name=\"fourth\"></slot>\n            </th>\n        </tr>\n        <tr>\n            <td>1</td>\n            <td>Maria Anders</td>\n            <td>Germany</td>\n            <td class=\"text-bold\">Diterima</td>\n        </tr>\n        <tr>\n            <td>2</td>\n            <td>Christina Berglund</td>\n            <td>Sweden</td>\n            <td class=\"text-bold\">Ditolak</td>\n        </tr>\n    </table>\n</template>\n\n<style lang=\"scss\" scoped>\n    #tables {\n        border: 1px solid $blue;\n        width: 100%;\n\n        th {\n            padding-top: 12px;\n            padding-bottom: 12px;\n\n            background-color: $blue;\n            color: white;\n        }\n\n        td,th {\n            border-right: 2px solid $blue;\n            padding: 8px;\n            text-align: center;\n            &:last-child{\n                border-right: none;\n            }\n        }\n    }\n\n    #tables tr:nth-child(even) {\n        background-color: #fff;\n    }\n\n    #tables tr:nth-child(odd) {\n        background-color: #eff2f9;\n    }\n\n    #tables tr:hover {\n        background-color: #ddd;\n    }\n</style>\n","import { render } from \"./table.vue?vue&type=template&id=3e66e142&scoped=true\"\nconst script = {}\n\nimport \"./table.vue?vue&type=style&index=0&id=3e66e142&lang=scss&scoped=true\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3e66e142\"]])\n\nexport default __exports__","<template>\n    <div>\n        <h1 class=\"mb-3\"><span class=\"text-blue\">Pemilu dan</span> <span class=\"text-red\">Pilkada</span></h1>\n        <div class=\"statusData mb-3\">\n            <div class=\"status card\">\n                <div class=\"flex\">\n                    <div class=\"text-bold\">Nama</div>\n                    <div>Donny Feerdiansyah</div>\n                </div>\n                <div class=\"flex\">\n                    <div class=\"text-bold\">Status</div>\n                    <div>Belum terdaftar sebagai saksi</div>\n                </div>\n                <div class=\"flex\">\n                    <div class=\"text-bold\">TPS ID</div>\n                    <div>-</div>\n                </div>\n            </div>\n            <div class=\"card pengajuan text-center \">\n                <div><i class=\"fas fa-book-reader\"></i></div>\n                <div>Mengajukan Diri Sebagai Saksi</div>\n            </div>\n        </div>\n        <div class=\"text-red text-bold text-heading mb-2\">Riwayat Pengajuan</div>\n        <div class=\"tables\">\n            <tables>\n                <template v-slot:first> No.</template>\n                <template v-slot:second> Details </template>\n                <template v-slot:third>Tanggal Mengajukan </template>\n                <template v-slot:fourth>Status</template>\n            </tables>\n        </div>\n        <div class=\"listPengajuan\">\n            <div class=\"card\">\n                <div>Detail Pengajuan</div>\n                <div class=\"text-bold\">Saksi Daerah Kota Bandung</div>\n                <div>Tanggal Mengajukan</div>\n                <div class=\"text-bold\">10 Juni 2021</div>\n                <div>Status</div>\n                <div class=\"text-bold\">Ditolak</div>\n            </div>\n            <div class=\"card\">\n                <div>Detail Pengajuan</div>\n                <div class=\"text-bold\">Saksi Daerah Kota Bandung</div>\n                <div>Tanggal Mengajukan</div>\n                <div class=\"text-bold\">10 Juni 2021</div>\n                <div>Status</div>\n                <div class=\"text-bold\">Ditolak</div>\n            </div>\n            <div class=\"card\">\n                <div>Detail Pengajuan</div>\n                <div class=\"text-bold\">Saksi Daerah Kota Bandung</div>\n                <div>Tanggal Mengajukan</div>\n                <div class=\"text-bold\">10 Juni 2021</div>\n                <div>Status</div>\n                <div class=\"text-bold\">Ditolak</div>\n            </div>\n            <div class=\"card\">\n                <div>Detail Pengajuan</div>\n                <div class=\"text-bold\">Saksi Daerah Kota Bandung</div>\n                <div>Tanggal Mengajukan</div>\n                <div class=\"text-bold\">10 Juni 2021</div>\n                <div>Status</div>\n                <div class=\"text-bold\">Ditolak</div>\n            </div>\n               <button class=\"btnSelengkapnya\">Lihat Lebih Banyak <i class=\"fas fa-chevron-down\"></i></button>\n        </div>\n    </div>\n</template>\n\n<script>\nimport tables from '../../components/table.vue'\nexport default {\n  components: {\n    tables\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n    h1 {\n        @media only screen and (max-width: 600px) {\n            font-size: 16px;\n            margin-bottom: 2rem !important;\n            margin-top: 2rem;\n        }\n    }\n\n    .statusData {\n        display: grid;\n        grid-template-columns: 2fr 1fr;\n        grid-gap: 1rem;\n\n        @media only screen and (max-width: 600px) {\n            grid-template-columns: 1fr;\n        }\n\n        .card {\n            padding: 20px 1rem;\n            box-shadow: 0 1.1px 11.1px 0 rgba(33, 64, 154, 0.04), 0 9px 89px 0 rgba(33, 64, 154, 0.07);\n\n            .flex {\n                .text-bold {\n                    @media only screen and (max-width: 600px) {\n                        margin-right: 1rem;\n                    }\n                }\n\n            }\n\n            &.pengajuan {\n                background-color: $blue;\n                color: #fff;\n\n                @media only screen and (max-width: 600px) {\n                    display: flex;\n                    align-items: center;\n                    padding: 0 1rem;\n                    justify-content: center;\n                }\n\n                i {\n                    font-size: 20px;\n                    margin-bottom: 1rem;\n                    margin-top: 10px;\n\n                    @media only screen and (max-width: 600px) {\n                        margin-right: 1rem;\n                    }\n                }\n            }\n        }\n\n        .status {\n            line-height: 2;\n\n            .text-bold {\n                width: 15%;\n            }\n        }\n    }\n\n    .btnSelengkapnya{\n        display: none;\n          @media only screen and (max-width: 600px) {\n            display: block;\n        }\n    }\n\n</style>\n","import { render } from \"./Pemilu&Pilkada.vue?vue&type=template&id=48556738&scoped=true\"\nimport script from \"./Pemilu&Pilkada.vue?vue&type=script&lang=js\"\nexport * from \"./Pemilu&Pilkada.vue?vue&type=script&lang=js\"\n\nimport \"./Pemilu&Pilkada.vue?vue&type=style&index=0&id=48556738&lang=scss&scoped=true\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-48556738\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./table.vue?vue&type=style&index=0&id=3e66e142&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Pemilu&Pilkada.vue?vue&type=style&index=0&id=48556738&lang=scss&scoped=true\""],"sourceRoot":""}