{"version":3,"sources":["webpack:///./src/views/device/brand.vue","webpack:///./src/views/device/brand.vue?51e1"],"names":["class","_createElementVNode","role","_hoisted_7","scope","_hoisted_13","_hoisted_16","_createBlock","_component_Layout","_createVNode","_component_PageHeader","title","$data","items","_createElementBlock","_hoisted_6","_hoisted_8","_hoisted_9","_component_DataTable","_hoisted_11","_Fragment","_renderList","item","index","key","_toDisplayString","name","status","_hoisted_12","_hoisted_14","_hoisted_15","_hoisted_17","$options","created_at","user_name","page","meta","content","appConfig","description","data","localStorage","getItem","text","href","active","brandList","loadingDetail","loadingRoles","ButtonSeen","methods","format_date","value","moment","String","format","getBrandList","axios","defaults","headers","common","get","process","then","response","console","log","messageBag","catch","error","components","Layout","PageHeader","DataTable","mounted","this","require","__exports__","render"],"mappings":"sJAgFaA,MAAM,Q,GACFA,MAAM,a,GACFA,MAAM,gB,GACFA,MAAM,+B,GACFA,MAAM,a,YAEHC,gCAEM,OAFDD,MAAM,8BAA8BE,KAAK,UAA9C,CACID,gCAAuC,QAAjCD,MAAM,WAAU,gBAD1B,G,GAAAG,G,aAKKH,MAAM,oB,EAENC,gCASO,SATAD,MAAM,mBAAiB,CAC3BC,gCAOK,WANDA,gCAAY,UAAR,OACJA,gCAAyB,MAArBG,MAAM,OAAM,QAChBH,gCAA2B,MAAvBG,MAAM,OAAM,UAChBH,gCAAiC,MAA7BG,MAAM,OAAM,gBAChBH,gCAA+B,MAA3BG,MAAM,OAAM,kBANvB,G,YAemCH,gCAA4C,QAAtCD,MAAM,oBAAmB,UAAM,G,GAArCK,G,YACjBJ,gCAA6C,QAAvCD,MAAM,mBAAkB,YAAQ,G,GAAtCM,G,iMAhCrDC,yBA6CWC,EAAA,M,8BA5CT,iBAA4C,CAA5CC,yBAA4CC,EAAA,CAA/BC,MAAOC,QAAQC,MAAOD,SAAnC,0BAEIX,gCAyCM,MAzCN,EAyCM,CAxCFA,gCAuCM,MAvCN,EAuCM,CAtCFA,gCAqCM,MArCN,EAqCM,CApCFA,gCAmCM,MAnCN,EAmCM,CAlCFA,gCAiCM,MAjCN,EAiCM,CAhCSW,yCAAXE,gCAIM,MAAAC,EAAAC,KAJN,yBAKAF,gCA0BM,MAAAG,EAAA,CAzBFhB,gCAwBM,MAxBN,EAwBM,CAvBNQ,yBAsBYS,EAAA,CAtBDlB,MAAM,yCAAuC,C,8BACnD,iBASO,CATPmB,EAWDlB,gCASQ,0CARJa,gCAOKM,cAAA,KAAAC,wBAPuBT,aAAS,SAAzBU,EAAMC,G,gCAAlBT,gCAOK,MAPmCU,IAAKD,EAAOvB,MAAM,WAA1D,CACIC,gCAAsB,UAAAwB,6BAAfF,EAAK,MACZtB,gCAAwB,UAAAwB,6BAAjBH,EAAKI,MAAI,GACK,GAAXJ,EAAKK,QAAM,yBAArBb,gCAA6E,KAAAc,EAAAC,KAA7E,yBACAf,gCAA6D,KAAAgB,EAAAC,IAC7D9B,gCAA2C,UAAAwB,6BAApCO,cAAYV,EAAKW,aAAU,GAClChC,gCAA6B,UAAAwB,6BAAtBH,EAAKY,WAAS,QANzB,Y,iJAjGzB,GACXC,KAAM,CACFxB,MAAO,QACPyB,KAAM,CAAC,CAAEV,KAAM,cAAeW,QAASC,EAAUC,eAGrDC,KANW,WAOP,MAAO,CACHtC,KAAKuC,aAAaC,QAAQ,QAC1B/B,MAAO,QACPE,MAAO,CACH,CACA8B,KAAM,oBACNC,KAAM,KAEN,CACAD,KAAM,QACNE,QAAQ,IAIZC,UAAU,GACVC,eAAc,EACdC,cAAa,EACbC,YAAW,IAInBC,QAAS,CACLC,YADK,SACOC,GACR,GAAIA,EACA,OAAOC,IAAOC,OAAOF,IAAQG,OAAO,qBAG5CC,aANK,WAMS,WACVC,IAAMC,SAASC,QAAQC,OAAO,iBAAmB,UAAYnB,aAAaC,QAAQ,OAClFe,IAAMI,IAAIC,mDACTC,MAAK,SAAAC,GACEA,GACA,EAAKhB,cAAa,EAClB,EAAKF,UAAYkB,EAASxB,KAC1ByB,QAAQC,IAAI,EAAKpB,YAGjB,EAAKqB,WAAa,CAAC,iBAG1BC,OAAM,SAAAC,GACH,EAAKF,WAAa,CAACE,EAAMA,YAKrCC,WAAY,CACRC,cACAC,kBACAC,kBAGJC,QA3DW,WA4DPC,KAAKnB,iBAKboB,EAAQ,Q,yBCpER,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2d0d7886.50e086bb.js","sourcesContent":["<script>\r\nimport Layout from \"../../layouts/main.vue\";\r\nimport PageHeader from \"@/components/page-header\";\r\nimport appConfig from \"../../../app.config\";\r\nimport axios from 'axios';\r\nimport DataTable from 'datatables.net-vue3';\r\nimport moment from 'moment';\r\n\r\nexport default {\r\n    page: {\r\n        title: \"Brand\",\r\n        meta: [{ name: \"description\", content: appConfig.description }],\r\n    },\r\n\r\n    data() {\r\n        return {\r\n            role:localStorage.getItem('role'),\r\n            title: \"Brand\",\r\n            items: [\r\n                {\r\n                text: \"Device Management\",\r\n                href: \"/\",\r\n                },\r\n                {\r\n                text: \"Brand\",\r\n                active: true,\r\n                },\r\n            ],\r\n        \r\n            brandList:[],\r\n            loadingDetail:false,\r\n            loadingRoles:true,\r\n            ButtonSeen:true,\r\n        };\r\n    },\r\n\r\n    methods: {\r\n        format_date(value){\r\n            if (value) {\r\n                return moment(String(value)).format('DD-MM-YYYY H:m:s')\r\n            }\r\n        },\r\n        getBrandList(){\r\n            axios.defaults.headers.common['authorization'] = 'Bearer ' + localStorage.getItem('jwt')\r\n            axios.get(process.env.VUE_APP_API_BASEURL+'brand/list')\r\n            .then(response => {\r\n                if (response) {\r\n                    this.loadingRoles=false;\r\n                    this.brandList = response.data;\r\n                    console.log(this.brandList);\r\n                } \r\n                else {\r\n                    this.messageBag = ['No record.'];\r\n                }\r\n            })\r\n            .catch(error => {\r\n                this.messageBag = [error.error];\r\n            });\r\n        },\r\n    },\r\n\r\n    components: {\r\n        Layout,\r\n        PageHeader,\r\n        DataTable,\r\n    },\r\n\r\n    mounted() {\r\n        this.getBrandList();\r\n        \r\n    },\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    <!--button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModalgrid\"  v-if=\"this.role = 1\">Add New Brand</button> <br><br-->\r\n        <div class=\"card\">\r\n            <div class=\"card-body\">\r\n                <div class=\"live-preview\">\r\n                    <div class=\"row align-items-center g-12\">\r\n                        <div class=\"col-lg-12\">\r\n                            <div v-if='loadingRoles'>\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                                <div class=\"table-responsive\">\r\n                                <DataTable class=\"table table-striped table-nowrap mb-0\"> \r\n                                     <thead class=\"table-secondary\">\r\n                                        <tr>\r\n                                            <th>No.</th>\r\n                                            <th scope=\"col\">Name</th>           \r\n                                            <th scope=\"col\">Status</th>\r\n                                            <th scope=\"col\">Created Date</th>\r\n                                            <th scope=\"col\">Created By</th>\r\n                                            <!--th scope=\"col\">Action</th-->\r\n                                        </tr>\r\n                                    </thead>\r\n\r\n                                    <tbody>                        \r\n                                        <tr v-for=\"(item, index) in brandList\" :key=\"index\" class=\"content\">\r\n                                            <td>{{ index+1 }}</td>                               \r\n                                            <td>{{ item.name }}</td>\r\n                                            <td v-if=\"item.status == 0\"><span class=\"badge bg-success\">Active</span></td>\r\n                                            <td v-else><span class=\"badge bg-danger\">Disabled</span></td>\r\n                                            <td>{{ format_date(item.created_at) }}</td>                                          \r\n                                            <td>{{ item.user_name }}</td>                                          \r\n                                        </tr>\r\n                                    </tbody>\r\n                                </DataTable>\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 \"./brand.vue?vue&type=template&id=04ce324d\"\nimport script from \"./brand.vue?vue&type=script&lang=js\"\nexport * from \"./brand.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\xampp_74\\\\htdocs\\\\web\\\\spider-project-frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}