{"version":3,"sources":["webpack:///./src/views/order/pendingpayment.vue","webpack:///./src/views/order/pendingpayment.vue?54c0"],"names":["class","_createElementVNode","role","_hoisted_12","scope","_createBlock","_component_Layout","_createVNode","_component_PageHeader","title","$data","items","_hoisted_4","_hoisted_8","_createElementBlock","_hoisted_11","_hoisted_13","_hoisted_14","_component_DataTable","_hoisted_15","_Fragment","_renderList","item","index","key","_toDisplayString","Company","user","Quotation_Number","PO_Number","OrderId","currency","totalQuotation","onClick","$options","id","style","_hoisted_17","_hoisted_18","_hoisted_19","page","meta","name","content","appConfig","description","data","localStorage","getItem","text","href","active","isLoadingToDisplayData","orderlist","fields","methods","getList","this","axios","defaults","headers","common","get","process","then","response","messageBag","catch","error","GetDetailPendingPayment","OrderID","$router","push","mounted","components","Layout","PageHeader","DataTable","require","__exports__","render"],"mappings":"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","file":"js/chunk-2d21e034.3d070b7c.js","sourcesContent":["<script>\r\nimport Layout from \"../../layouts/main.vue\";\r\nimport PageHeader from \"@/components/page-header\";\r\nimport appConfig from \"../../../app.config\";\r\n\r\nimport axios from 'axios'; \r\n\r\nimport DataTable from 'datatables.net-vue3';\r\n\r\nexport default {\r\n  page: {\r\n    title: \"Starter\",\r\n    meta: [{ name: \"description\", content: appConfig.description }],\r\n  },\r\n  data() {\r\n    return {\r\n        role:localStorage.getItem('role'),\r\n      title: \"Pending Payment\",\r\n      items: [\r\n        {\r\n          text: \"Order\",\r\n          href: \"/\",\r\n        },\r\n        {\r\n          text: \"Pending Payment\",\r\n          active: true,\r\n        },\r\n      ],\r\n\r\n      isLoadingToDisplayData:true,\r\n\r\n\r\n        //table\r\n            orderlist:[],\r\n            fields: ['user','Company','Quotation_Number','PO_Number','OrderId','totalQuotation','Action'],\r\n\r\n        //end of table\r\n    };\r\n  },\r\n\r\n    methods: {\r\n\r\n        //api to server\r\n        getList() {\r\n            this.isLoadingToDisplayData=true;\r\n            axios.defaults.headers.common['authorization'] = 'Bearer ' + localStorage.getItem('jwt')\r\n            axios.get(process.env.VUE_APP_API_BASEURL+'order/pendingpayment')\r\n\t\t\t.then(response => {\r\n\r\n\t\t\t\tif (response) {\r\n                    // console.log(response.data);\r\n                    this.orderlist = response.data;\r\n                    // console.log(this.orderlist);\r\n                    this.isLoadingToDisplayData=false;\r\n                } else {\r\n                    this.messageBag = ['No record.'];\r\n                    this.isLoadingToDisplayData=false;\r\n                }\r\n\t\t\t})\r\n                .catch(error => {\r\n                    this.messageBag = [error.error];\r\n                    this.isLoadingToDisplayData=false;\r\n\t\t\t});\r\n            \r\n\t\t},\r\n\r\n        GetDetailPendingPayment(OrderID){\r\n            this.$router.push('/order/pendingpayment/'+OrderID); \r\n        }\r\n    },\r\n\r\n    mounted() {\r\n        this.getList();\r\n\t},\r\n\r\n  components: {\r\n    Layout,\r\n    PageHeader,\r\n    DataTable,\r\n  },\r\n};\r\nrequire(\"@/assets/css/datatable.css\");\r\n</script>\r\n\r\n<template>\r\n  <Layout>\r\n    <PageHeader :title=\"title\" :items=\"items\" />\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-12\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-header align-items-center d-flex\">\r\n                        <h4 class=\"card-title mb-0 flex-grow-1\">Pending Payment</h4>\r\n                    </div>\r\n\r\n                    <div class=\"card-body\">\r\n                        <div class=\"live-preview\">\r\n                            <div class=\"row align-items-center g-12\">\r\n                                <br>\r\n                                <div class=\"col-lg-12\">\r\n                                    <div class=\"table-responsive table-card\">\r\n                                        <div v-if='isLoadingToDisplayData'>\r\n                                            <div class=\"spinner-border text-success\" role=\"status\">\r\n                                                <span class=\"sr-only\">Loading...</span>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div v-else>\r\n                                            <DataTable class=\"table align-middle table-nowrap mb-0\">\r\n                                                <thead >\r\n                                                    <tr>\r\n                                                        <th scope=\"col\">NO.</th>\r\n                                                        <th scope=\"col\">COMPANY NAME</th>\r\n                                                        <th scope=\"col\">PERSON IN CHARGE</th>\r\n                                                        <th scope=\"col\">QUOTATION NUMBER</th>\r\n                                                        <th scope=\"col\">PO NUMBER</th>\r\n                                                        <th scope=\"col\">ORDER NO</th>\r\n                                                        <th scope=\"col\">TOTAL PO</th>\r\n                                                        <th scope=\"col\">ACTION</th>\r\n                                                    </tr>\r\n                                                </thead>\r\n                                                <!-- <template #head(user)>{{ \"Person In Charge\" }}</template> -->\r\n\r\n                                                <!-- <template v-slot:cell(totalQuotation)=\"row\">\r\n                                                    MYR {{ row.item.totalQuotation }}\r\n                                                </template>\r\n\r\n                                                <template v-slot:cell(Action)=\"row\">\r\n                                                    <i @click=\"GetDetailPendingPayment(row.item.id)\" class=\"ri-eye-line\" data-bs-toggle=\"modal\" data-bs-target=\".bs-example-modal-lg\"></i>\r\n                                                </template> -->\r\n                                                <tbody>\r\n                                                    <tr v-for=\"(item, index) in orderlist\" :key=\"index\" class=\"content\">\r\n                                                        <td>{{ index+1 }}</td>\r\n                                                        <td>{{ item.Company }}</td>\r\n                                                        <td>{{ item.user }}</td>\r\n                                                        <td>{{ item.Quotation_Number }}</td>\r\n                                                        <td>{{ item.PO_Number }}</td>\r\n                                                        <td>{{ item.OrderId}}</td>\r\n                                                        <td>{{ item.currency}} {{ item.totalQuotation }}</td>\r\n                                                        <td> \r\n                                                            <i @click=\"GetDetailPendingPayment(item.id)\" class=\"ri-eye-line\" style=\"cursor: pointer;\"></i> \r\n                                                        </td>\r\n                                                    </tr>\r\n                                                </tbody>\r\n                                            </DataTable>\r\n                                            <br><br><br>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </Layout>\r\n</template>","import { render } from \"./pendingpayment.vue?vue&type=template&id=52493612\"\nimport script from \"./pendingpayment.vue?vue&type=script&lang=js\"\nexport * from \"./pendingpayment.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\xampp_74\\\\htdocs\\\\web\\\\bbti-microsite-frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}