{"version":3,"sources":["webpack:///./src/components/CustomerMenu.vue","webpack:///./src/components/CustomerMenu.vue?a91f","webpack:///./src/views/order/Index.vue?aef2","webpack:///./src/views/order/Index.vue","webpack:///./src/views/order/Index.vue?892e"],"names":["class","to","logout","style","setup","store","router","dispatch","then","push","name","render","scope","orders","order","key","id","invoice","courier","toUpperCase","service","moneyFormat","cost_courier","grand_total","snap_token","components","CustomerMenu","getters","__scopeId"],"mappings":"4HACOA,MAAM,gC,GACJA,MAAM,a,EACP,eAA2C,MAAvCA,MAAM,oBAAmB,aAAS,G,EACtC,eAAI,mB,GACAA,MAAM,c,EACwG,eAAqC,KAAlCA,MAAM,yBAAuB,S,iBAAK,c,EAC1C,eAAoC,KAAjCA,MAAM,wBAAsB,S,iBAAK,a,EAC7B,eAAmC,KAAhCA,MAAM,uBAAqB,S,iBAAK,W,oFAP7J,eAUM,MAVN,EAUM,CATJ,eAQM,MARN,EAQM,CAPF,EACA,EACA,eAIK,KAJL,EAIK,CAHD,eAA2K,GAA7JC,GAAI,mBAAsBD,MAAM,iE,yBAAgE,iBAAqC,CAArC,E,YAC9G,eAAoK,GAAtJC,GAAI,eAAiBD,MAAM,iE,yBAAgE,iBAAoC,CAApC,E,YACzG,eAA8J,KAA1J,QAAK,8BAAE,EAAAE,OAAA,qBAAQC,MAAA,mBAAuBH,MAAM,iE,CAAgE,E,sCAU7G,GAEbI,MAFa,WAKX,IAAMC,EAAQ,iBAGRC,EAAS,iBAGf,SAASJ,IAGPG,EAAME,SAAS,eACdC,MAAK,WAGFF,EAAOG,KAAK,CACVC,KAAM,aAQd,MAAM,CACJL,QACAC,SACAJ,YC7CN,EAAOS,OAASA,EAED,U,oCCLf,W,uKCCSX,MAAM,6B,GACFA,MAAM,O,GACFA,MAAM,iB,GAGNA,MAAM,iB,GACFA,MAAM,gC,GACFA,MAAM,a,EACP,eAAgF,MAA5EA,MAAM,oBAAkB,CAAE,eAAoC,KAAjCA,MAAM,yB,eAA2B,e,KAClE,eAAI,mB,GACGA,MAAM,sC,EACT,eAQQ,SARDA,MAAM,cAAY,CACrB,eAMK,WALD,eAA4B,MAAxBY,MAAM,OAAM,WAChB,eAA8B,MAA1BA,MAAM,OAAM,aAChB,eAA6B,MAAzBA,MAAM,OAAM,YAChB,eAAgC,MAA5BA,MAAM,OAAM,eAChB,eAA4B,MAAxBA,MAAM,OAAM,e,MAUZZ,MAAM,e,iBAC0G,U,6IA5BpJ,eAsCM,MAtCN,EAsCM,CArCF,eAoCM,MApCN,EAoCM,CAnCF,eAEM,MAFN,EAEM,CADF,eAAgB,KAEpB,eA+BM,MA/BN,EA+BM,CA9BF,eA6BM,MA7BN,EA6BM,CA5BF,eA2BM,MA3BN,EA2BM,CA1BF,EACA,EACA,eAuBQ,QAvBR,EAuBQ,CAtBJ,EASA,eAYQ,e,mBAVJ,eAQK,2BARe,EAAAa,QAAM,SAAfC,G,wBAAX,eAQK,MARwBC,IAAKD,EAAME,I,CACpC,eAA4B,yBAArBF,EAAMG,SAAO,GACpB,eAAyB,yBAAlBH,EAAMJ,MAAI,GACjB,eAA4G,yBAArGI,EAAMI,QAAQC,eAAgB,MAAG,eAAGL,EAAMM,SAAU,UAAO,eAAG,EAAAC,YAAYP,EAAMQ,eAAY,GACnG,eAAiD,UAA7C,OAAI,eAAG,EAAAD,YAAYP,EAAMS,cAAW,GACxC,eAEK,KAFL,EAEK,CADD,eAAoI,GAAtHtB,GAAE,wCAA6Ca,EAAMU,aAAcxB,MAAM,0B,YAAyB,iBAAM,C,8EAmB3I,GAEXyB,WAAY,CAERC,eAAA,MAGJtB,MAPW,WAUP,IAAMC,EAAQ,iBAGd,gBAAU,WAGNA,EAAME,SAAS,qBAKnB,IAAMM,EAAS,gBAAS,WAGpB,OAAOR,EAAMsB,QAAQ,qBAKzB,MAAO,CACHtB,QACAQ,Y,UC1EhB,EAAOF,OAAS,EAChB,EAAOiB,UAAY,kBAEJ","file":"js/order.41574202.js","sourcesContent":["<template>\n  <div class=\"card border-0 rounded shadow\">\n    <div class=\"card-body\">\n        <h5 class=\"font-weight-bold\">MAIN MENU</h5>\n        <hr>\n        <ul class=\"list-group\">\n            <router-link :to=\"{name: 'dashboard' }\" class=\"list-group-item text-decoration-none text-dark text-uppercase\"><i class=\"fas fa-tachometer-alt\"></i> Dashboard</router-link>\n            <router-link :to=\"{name: 'order'}\" class=\"list-group-item text-decoration-none text-dark text-uppercase\"><i class=\"fas fa-shopping-cart\"></i> My Order</router-link>\n            <a @click=\"logout\" style=\"cursor:pointer\" class=\"list-group-item text-decoration-none text-dark text-uppercase\"><i class=\"fas fa-sign-out-alt\"></i> Logout</a>\n        </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useStore } from 'vuex'\nimport { useRouter } from 'vue-router'\n\nexport default {\n\n  setup() {\n\n    //store vuex\n    const store = useStore()\n\n    //vue router\n    const router = useRouter()\n\n    //method logout\n    function logout() {\n\n      //panggil action \"logout\" di dalam module \"auth\"\n      store.dispatch('auth/logout')  \n      .then(() => {\n\n          //jika berhasil, akan di arahkan ke route login\n          router.push({\n            name: 'login'\n          })\n          \n      })\n\n    }\n\n    //return a state and function\n    return{\n      store,\n      router,\n      logout\n    }\n\n  }\n\n}\n</script>","import { render } from \"./CustomerMenu.vue?vue&type=template&id=2f87891e&bindings={\\\"store\\\":\\\"setup\\\",\\\"router\\\":\\\"setup\\\",\\\"logout\\\":\\\"setup\\\"}\"\nimport script from \"./CustomerMenu.vue?vue&type=script&lang=js\"\nexport * from \"./CustomerMenu.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Index.vue?vue&type=style&index=0&id=2ca002f3&scoped=true&lang=css\"","<template>\n    <div class=\"container-fluid mb-5 mt-4\">\n        <div class=\"row\">\n            <div class=\"col-md-3 mb-4\">\n                <CustomerMenu />\n            </div>\n            <div class=\"col-md-9 mb-4\">\n                <div class=\"card border-0 rounded shadow\">\n                    <div class=\"card-body\">\n                        <h5 class=\"font-weight-bold\"> <i class=\"fas fa-shopping-cart\"></i> MY ORDER</h5>\n                        <hr>\n                        <table class=\"table table-striped table-bordered\">\n                            <thead class=\"thead-dark\">\n                                <tr>\n                                    <th scope=\"col\">INVOICE</th>\n                                    <th scope=\"col\">FULL NAME</th>\n                                    <th scope=\"col\">SHIPPING</th>\n                                    <th scope=\"col\">GRAND TOTAL</th>\n                                    <th scope=\"col\">OPTIONS</th>\n                                </tr>\n                            </thead>\n                            <tbody>\n                                \n                                <tr v-for=\"order in orders\" :key=\"order.id\">\n                                    <th>{{ order.invoice }}</th>\n                                    <td>{{ order.name }}</td>\n                                    <td>{{ order.courier.toUpperCase() }} | {{ order.service }} | Rp. {{ moneyFormat(order.cost_courier) }}</td>\n                                    <td>Rp. {{ moneyFormat(order.grand_total) }}</td>\n                                    <td class=\"text-center\">\n                                        <router-link :to=\"{name: 'detail_order', params:{snap_token: order.snap_token}}\" class=\"btn btn-sm btn-primary\">DETAIL</router-link>\n                                    </td>\n                                </tr>\n                                \n                            </tbody>\n                        </table>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    //import customer menu component\n    import CustomerMenu from '@/components/CustomerMenu'\n    import { computed, onMounted } from 'vue'\n    import { useStore } from 'vuex'\n\n    export default {\n\n        components: {\n            //customer menu component\n            CustomerMenu\n        },\n\n        setup() {\n\n            //store vuex\n            const store = useStore()\n\n            //mounted\n            onMounted(() => {\n\n                //panggil action \"getOrder\" di module \"order\" vuex\n                store.dispatch('order/getOrder')\n\n            })\n\n            //computed\n            const orders = computed(() => {\n\n                //panggil getter dengan nama \"getOrder\" di module \"order\" vuex \n                return store.getters['order/getOrder']\n\n            })\n\n            //return a state and function\n            return {\n                store,\n                orders\n            }\n\n        }\n\n    }\n</script>\n\n<style scoped>\n    .table .thead-dark th {\n        color: #fff;\n        background-color: #6777ef;\n        border-color: #6777ef;\n    }\n</style>","import { render } from \"./Index.vue?vue&type=template&id=2ca002f3&scoped=true&bindings={\\\"store\\\":\\\"setup\\\",\\\"orders\\\":\\\"setup\\\"}\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport \"./Index.vue?vue&type=style&index=0&id=2ca002f3&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-2ca002f3\"\n\nexport default script"],"sourceRoot":""}