{"version":3,"sources":["webpack:///./src/mixin/currentUserMixin.js","webpack:///./src/views/MyCars.vue?d186","webpack:///src/views/MyCars.vue","webpack:///./src/views/MyCars.vue?a7be","webpack:///./src/views/MyCars.vue"],"names":["data","apiHeaders","authorization","currentUserDetail","mounted","this","currentUser","Authorization","accessToken","headers","methods","mapActions","getCurrentUserDetail","url","openRoadApiUrl","version","axios","get","then","response","setUserDetail","catch","error","onError","id","result","userName","name","surname","emailAddress","nric","companyName","companyRegistrationNo","address","isActive","fullName","lastLoginTime","creationTime","moment","String","format","mobile","computed","mapGetters","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","details","_l","item","i","key","attrs","img","brand","model","registrationNo","_e","staticRenderFns","component"],"mappings":"sMAMe,QACdA,KADc,WAEb,MAAO,CACGC,WAAY,GACZC,cAAe,GACfC,kBAAmB,KAI3BC,QATW,WAUJC,KAAKC,cACJD,KAAKH,cAAgB,CAACK,cAAe,UAAYF,KAAKC,YAAYE,aAClEH,KAAKJ,WAAa,CAAEQ,QAAS,CAACF,cAAe,UAAYF,KAAKC,YAAYE,gBAIlFE,QAAS,iCACFC,eAAW,CAAC,UAAW,aADvB,IAGHC,qBAHK,WAGiB,WACdC,EAAMC,OAAiB,iBAAmBC,OAAU,WACxDC,IAAMC,IAAIJ,EAAKR,KAAKJ,YACfiB,MAAK,SAAAC,GAAQ,OAAI,EAAKC,cAAcD,MACpCE,OAAM,SAAAC,GAAK,OAAI,EAAKC,QAAQD,OAGrCF,cAVK,SAUSD,GACVd,KAAKF,kBAAkBqB,GAAKL,EAASnB,KAAKyB,OAAOD,GACjDnB,KAAKF,kBAAkBuB,SAAWP,EAASnB,KAAKyB,OAAOC,SAAWP,EAASnB,KAAKyB,OAAOC,SAAW,IAClGrB,KAAKF,kBAAkBwB,KAAOR,EAASnB,KAAKyB,OAAOE,KAAOR,EAASnB,KAAKyB,OAAOE,KAAO,IACtFtB,KAAKF,kBAAkByB,QAAUT,EAASnB,KAAKyB,OAAOG,QAAUT,EAASnB,KAAKyB,OAAOG,QAAU,IAC/FvB,KAAKF,kBAAkB0B,aAAeV,EAASnB,KAAKyB,OAAOI,aAAeV,EAASnB,KAAKyB,OAAOI,aAAe,IAC9GxB,KAAKF,kBAAkB2B,KAAOX,EAASnB,KAAKyB,OAAOK,KAAOX,EAASnB,KAAKyB,OAAOK,KAAO,IACtFzB,KAAKF,kBAAkB4B,YAAcZ,EAASnB,KAAKyB,OAAOM,YAAcZ,EAASnB,KAAKyB,OAAOM,YAAc,IAC3G1B,KAAKF,kBAAkB6B,sBAAwBb,EAASnB,KAAKyB,OAAOO,sBAAwBb,EAASnB,KAAKyB,OAAOO,sBAAwB,IACzI3B,KAAKF,kBAAkB8B,QAAUd,EAASnB,KAAKyB,OAAOQ,QAAUd,EAASnB,KAAKyB,OAAOQ,QAAU,IAC/F5B,KAAKF,kBAAkB+B,SAAWf,EAASnB,KAAKyB,OAAOS,SAAWf,EAASnB,KAAKyB,OAAOS,SAAW,IAClG7B,KAAKF,kBAAkBgC,SAAWhB,EAASnB,KAAKyB,OAAOU,SAAWhB,EAASnB,KAAKyB,OAAOU,SAAW,IAClG9B,KAAKF,kBAAkBiC,cAAgBjB,EAASnB,KAAKyB,OAAOW,cAAgBjB,EAASnB,KAAKyB,OAAOW,cAAgB,IACjH/B,KAAKF,kBAAkBkC,aAAelB,EAASnB,KAAKyB,OAAOY,aAAeC,IAAOC,OAAOpB,EAASnB,KAAKyB,OAAOY,eAAeG,OAAO,kBAAoB,IACvJnC,KAAKF,kBAAkBsC,OAAS,OAIxCC,SAAU,kBACHC,eAAW,CACVrC,YAAa,mB,yCCpDzB,IAAIsC,EAAS,WAAa,IAAIC,EAAIxC,KAASyC,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,cAAc,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACF,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACL,EAAIM,GAAG,iBAAiBN,EAAIO,GAAG/C,KAAKC,YAAY+C,QAAQ1B,eAAeqB,EAAG,cAAc,CAACE,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOL,EAAIS,GAAIT,EAAS,OAAE,SAASU,EAAKC,GAAG,OAAOR,EAAG,MAAM,CAACS,IAAID,EAAEN,YAAY,wBAAwB,CAACF,EAAG,cAAc,CAACE,YAAY,YAAYQ,MAAM,CAAC,GAAK,yBAA2BH,EAAK/B,KAAK,CAACwB,EAAG,SAAS,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,WAAW,CAACE,YAAY,qBAAqBQ,MAAM,CAAC,QAAU,OAAO,CAACV,EAAG,QAAQ,CAACU,MAAM,CAAC,IAAMH,EAAKI,QAAQ,IAAI,GAAGX,EAAG,MAAM,CAACE,YAAY,iDAAiD,CAACF,EAAG,MAAM,CAACA,EAAG,cAAc,CAACE,YAAY,aAAa,CAACL,EAAIM,GAAGN,EAAIO,GAAGG,EAAKK,QAAQZ,EAAG,MAAMH,EAAIM,GAAGN,EAAIO,GAAGG,EAAKM,UAAUb,EAAG,cAAc,CAACE,YAAY,qBAAqB,CAACL,EAAIM,GAAG,IAAIN,EAAIO,GAAGG,EAAKO,gBAAgB,QAAQ,OAAOd,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAAEK,EAAc,UAAEP,EAAG,OAAO,CAACE,YAAY,uBAAuB,CAACL,EAAIM,GAAG,uCAAuCN,EAAIkB,YAAY,IAAI,MAAK,MAAM,IAC39CC,EAAkB,G,iFCgDtB,GACE,OAAF,SACE,KAFF,WAGI,MAAJ,CACM,MAAN,KAIE,WAAF,GAGE,QAXF,WAYI,KAAJ,eAGE,QAAF,iCACA,6BADA,IAEI,YAFJ,WAEM,IAAN,OACA,gDACM,EAAN,+BACA,kBAAQ,OAAR,oBACA,mBAAQ,OAAR,iBAGI,YATJ,SASA,GACM,KAAN,2CACQ,IAAR,KAeQ,OAbA,EAAR,mCACQ,EAAR,uCACQ,EAAR,iBACQ,EAAR,iBACQ,EAAR,uBACQ,EAAR,uBACQ,EAAR,WACQ,EAAR,2BACQ,EAAR,oBACA,yCACA,GACQ,EAAR,yBAEA,MAII,QA9BJ,SA8BA,GAEM,QAAN,gBACM,IAAN,WACA,uCACA,mGACA,GAEA,wCAEQ,KAAR,qBACU,SAAV,IACU,WAAV,KAKI,OA/CJ,SA+CA,KAAM,IAAN,OACM,KAAN,2BACQ,EAAR,8BCjHgV,I,YCO5UC,EAAY,eACd,EACArB,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/mycars.022221f7.js","sourcesContent":["\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport moment from 'moment';\r\nimport { openRoadApiUrl, version } from \"/src/constants/config\";\r\nimport axios from 'axios';\r\n\r\nexport default {\r\n\tdata() {\r\n\t\treturn {\r\n            apiHeaders: {},\r\n            authorization: {},\r\n            currentUserDetail: {},\r\n\t\t}\r\n    },\r\n\r\n    mounted() {\t\t\r\n        if(this.currentUser){\r\n            this.authorization = {Authorization: 'Bearer ' + this.currentUser.accessToken };\r\n            this.apiHeaders = { headers: {Authorization: 'Bearer ' + this.currentUser.accessToken } };\r\n        }      \r\n    },\r\n    \r\n    methods: {\r\n        ...mapActions([\"setLang\", \"signOut\"]),\r\n\r\n        getCurrentUserDetail(){\r\n            let url = openRoadApiUrl + \"/api/services/\" + version + \"/user/me\";\r\n            axios.get(url, this.apiHeaders)\r\n                .then(response => this.setUserDetail(response))\r\n                .catch(error => this.onError(error));\r\n        },\r\n\r\n        setUserDetail(response){   \r\n            this.currentUserDetail.id = response.data.result.id;\r\n            this.currentUserDetail.userName = response.data.result.userName ? response.data.result.userName : \"-\";\r\n            this.currentUserDetail.name = response.data.result.name ? response.data.result.name : \"-\";\r\n            this.currentUserDetail.surname = response.data.result.surname ? response.data.result.surname : \"-\";\r\n            this.currentUserDetail.emailAddress = response.data.result.emailAddress ? response.data.result.emailAddress : \"-\";\r\n            this.currentUserDetail.nric = response.data.result.nric ? response.data.result.nric : \"-\";\r\n            this.currentUserDetail.companyName = response.data.result.companyName ? response.data.result.companyName : \"-\";\r\n            this.currentUserDetail.companyRegistrationNo = response.data.result.companyRegistrationNo ? response.data.result.companyRegistrationNo : \"-\";\r\n            this.currentUserDetail.address = response.data.result.address ? response.data.result.address : \"-\";\r\n            this.currentUserDetail.isActive = response.data.result.isActive ? response.data.result.isActive : \"-\";\r\n            this.currentUserDetail.fullName = response.data.result.fullName ? response.data.result.fullName : \"-\";\r\n            this.currentUserDetail.lastLoginTime = response.data.result.lastLoginTime ? response.data.result.lastLoginTime : \"-\";\r\n            this.currentUserDetail.creationTime = response.data.result.creationTime ? moment(String(response.data.result.creationTime)).format('MM / DD / YYYY') : \"-\";    \r\n            this.currentUserDetail.mobile = \"-\";\r\n        },\r\n    },\r\n\r\n    computed: {\r\n        ...mapGetters({\r\n            currentUser: \"currentUser\",\r\n          })\r\n    }\r\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"background-1 page-height\"},[_c('v-container',{staticClass:\"my-cars-container-header\"},[_c('div',{staticClass:\"row align-center\"},[_c('div',{staticClass:\"col col-xs-12 col-md-12 pb-0 pt-6 my-cars-title\"},[_c('span',{staticClass:\"content-title\"},[_vm._v(\"Welcome back! \"+_vm._s(this.currentUser.details.name))])])])]),_c('v-container',{staticClass:\"page-content-offset my-car-container-body\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.items),function(item,i){return _c('div',{key:i,staticClass:\"col-12 col-md-6 pt-2\"},[_c('router-link',{staticClass:\"link-deco\",attrs:{\"to\":'/mycar/item/detail?id=' + item.id}},[_c('v-card',{staticClass:\"my-cars-background\"},[_c('div',{staticClass:\"row pb-0\"},[_c('div',{staticClass:\"col col-md-7 col-xs-4 pb-0\"},[_c('v-avatar',{staticClass:\"my-car-avatar-size\",attrs:{\"rounded\":\"lg\"}},[_c('v-img',{attrs:{\"src\":item.img}})],1)],1),_c('div',{staticClass:\"col col-md-5 col-xs-8 my-cars-detail-position\"},[_c('div',[_c('v-card-text',{staticClass:\"car-model\"},[_vm._v(_vm._s(item.brand)),_c('br'),_vm._v(_vm._s(item.model))]),_c('v-card-text',{staticClass:\"car-plate ma-auto\"},[_vm._v(\" \"+_vm._s(item.registrationNo)+\" \")])],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 pt-0 my-cars-update\"},[(item.hasUpdate)?_c('span',{staticClass:\"my-cars-update-text\"},[_vm._v(\"We have some updates for your car\")]):_vm._e()])])])],1)],1)}),0)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"background-1 page-height\">\r\n        <v-container class=\"my-cars-container-header\">\r\n            <div class=\"row align-center\">\r\n                <div class=\"col col-xs-12 col-md-12 pb-0 pt-6 my-cars-title\">\r\n                    <span class=\"content-title\">Welcome back! {{this.currentUser.details.name}}</span>\r\n                </div>\r\n            </div>\r\n        </v-container>\r\n    \r\n         <v-container class=\"page-content-offset my-car-container-body\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12 col-md-6 pt-2\" v-for=\"(item, i) in items\" :key=\"i\">\r\n                    <router-link :to=\"'/mycar/item/detail?id=' + item.id\" class=\"link-deco\">\r\n                    <v-card class=\"my-cars-background\">\r\n                        <div class=\"row pb-0\">\r\n                            <div class=\"col col-md-7 col-xs-4 pb-0\">\r\n                                <v-avatar rounded=\"lg\" class=\"my-car-avatar-size\">\r\n                                    <v-img :src=\"item.img\"></v-img>\r\n                                </v-avatar>\r\n                            </div>\r\n                            <div class=\"col col-md-5 col-xs-8 my-cars-detail-position\">\r\n                                    <div>\r\n                                        <v-card-text class=\"car-model\">{{item.brand}}<br>{{item.model}}</v-card-text>\r\n                                        <v-card-text class=\"car-plate ma-auto\">\r\n                                            {{item.registrationNo}}\r\n                                        </v-card-text>\r\n                                    </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"col-12 pt-0 my-cars-update\">\r\n                                 <span class=\"my-cars-update-text\" v-if=\"item.hasUpdate\">We have some updates for your car</span>\r\n                            </div>\r\n                        </div>\r\n                    </v-card>\r\n                    </router-link>\r\n                </div>\r\n            </div>                       \r\n        </v-container>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nimport currentUserMixin from '/src/mixin/currentUserMixin.js';\r\nimport { openRoadApiUrl, version, uploadPath, uploadTypeCar } from \"/src/constants/config\";\r\nimport { mapActions } from \"vuex\";\r\n\r\nexport default {\r\n    mixins: [currentUserMixin],\r\n    data() {\r\n        return {\r\n            items: [],\r\n        }\r\n    },\r\n\r\n    components: {\r\n    },\r\n  \r\n    mounted() {\r\n        this.getCarItems();\t\t\r\n    }, \r\n\r\n    methods: {\r\n       ...mapActions([\"signOut\"]),\r\n        getCarItems(){\r\n            let url = openRoadApiUrl + \"/api/services/\" + version + \"/car/me/list\";\r\n            axios.get(url, this.$data.apiHeaders)\r\n                .then(response => this.setCarItems(response))\r\n                .catch(error => this.onError(error));\r\n        },\r\n\r\n        setCarItems(response) {\r\n            this.items = response.data.result.items.map(function(item){\r\n                let obj = {};\r\n\r\n                obj['registrationNo'] = item.registrationNo;\r\n                obj['dateRegistration'] = item.dateRegistration;\r\n                obj['brand'] = item.brand;\r\n                obj['model'] = item.model;\r\n                obj['yearMake'] = item.yearMake;\r\n                obj['isActive'] = item.isActive;\r\n                obj['id'] = item.id;\r\n                obj['coverPhoto'] = item.coverPhoto;\r\n                obj['img'] = item.coverPhoto\r\n                            ? uploadPath + \"/\" + uploadTypeCar + \"/thumb/\" + item.coverPhoto\r\n                                : \"\";\r\n                obj['hasUpdate'] = item.hasUpdate;\r\n\r\n                return obj;\r\n            });\r\n        },\r\n\r\n        onError(error){\r\n\r\n            console.log(error.response);\r\n            let message = \"Failed\";\r\n            let details = error && error.response && error.response.data.error \r\n                    ? ( error.response.data.error.validationErrors ? error.response.data.error.details : error.response.data.error.message )\r\n                    : \"\";\r\n\r\n            if(error.response.status == 401) this.logout(message, details);\r\n            else {\r\n              this.$notify(\"error\", message, details, {\r\n                duration: 6000,\r\n                permanent: false\r\n              });\r\n            }\r\n        },\r\n\r\n        logout(message, details) {\r\n          this.signOut().then(() => {\r\n              this.$router.push(\"/login\");\r\n          });\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped>\r\n</style>\r\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!./MyCars.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!./MyCars.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyCars.vue?vue&type=template&id=9aec243a&scoped=true&\"\nimport script from \"./MyCars.vue?vue&type=script&lang=js&\"\nexport * from \"./MyCars.vue?vue&type=script&lang=js&\"\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  \"9aec243a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}