{"version":3,"sources":["webpack:///./src/mixin/currentUserMixin.js","webpack:///./src/views/ActivityFilters.vue?8b1d","webpack:///src/views/ActivityFilters.vue","webpack:///./src/views/ActivityFilters.vue?9f6a","webpack:///./src/views/ActivityFilters.vue","webpack:///./src/views/MyCarDetails.vue?3c14","webpack:///./src/views/MyCarDetailsInformation.vue?4709","webpack:///src/views/MyCarDetailsInformation.vue","webpack:///./src/views/MyCarDetailsInformation.vue?f396","webpack:///./src/views/MyCarDetailsInformation.vue","webpack:///./src/views/MyCarDetailsActivities.vue?6e8d","webpack:///./src/views/MyCarDetailActivityDetails.vue?96a0","webpack:///src/views/MyCarDetailActivityDetails.vue","webpack:///./src/views/MyCarDetailActivityDetails.vue?1603","webpack:///./src/views/MyCarDetailActivityDetails.vue","webpack:///src/views/MyCarDetailsActivities.vue","webpack:///./src/views/MyCarDetailsActivities.vue?4799","webpack:///./src/views/MyCarDetailsActivities.vue","webpack:///./src/views/MyCarDetailsDocument.vue?af49","webpack:///src/views/MyCarDetailsDocument.vue","webpack:///./src/views/MyCarDetailsDocument.vue?3bdf","webpack:///./src/views/MyCarDetailsDocument.vue","webpack:///src/views/MyCarDetails.vue","webpack:///./src/views/MyCarDetails.vue?960c","webpack:///./src/views/MyCarDetails.vue","webpack:///./src/assets/img/warning.png","webpack:///./src/assets/img/pdf-file.png","webpack:///./node_modules/core-js/modules/es.array.find-index.js","webpack:///./src/assets/img/filter.png","webpack:///./src/views/staff/ViewImage.vue?ee14","webpack:///src/views/staff/ViewImage.vue","webpack:///./src/views/staff/ViewImage.vue?4081","webpack:///./src/views/staff/ViewImage.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","attrs","model","value","callback","$$v","selectedFilter","expression","_l","item","i","key","on","$event","filterActivity","src","_v","_s","text","staticRenderFns","component","style","img","brand","registrationNo","parkingLotNo","staticStyle","_f","dateParked","autoStorageName","lastCheckinMileage","lastCheckoutMileage","dateInsuranceExpiry","isInsuranceExpired","isInsuranceExpiring","numberDaysInsurance","_e","insuranceWarningText","dateRoadTaxExpiry","isRoadTaxExpiring","isRoadTaxExpired","numberDaysRoadTax","roadTaxWarningText","engineNo","chassisNo","yearMake","colour","dateRegistration","bankGuranteeStartDate","bankGuranteeEndDate","bankGuranteeAmount","bankGuranteeBank","class","containerCss","completedButtonCss","getCompletedActivities","upcomingButtonCss","getUpcomingActivities","toggleFilters","activity","isCompleted","filterCss","currentSelectedFilter","scopedSlots","_u","fn","statusCss","proxy","activityCategoryIcon","toggleShowDetail","formattedDateAction","activityCategoryDescription","photo","index","photoPath","fileName","viewPhoto","staffProfilePicture","userFullName","showDetailCss","photos","selectedImageIndex","closeViewImage","propertyName","filepath","module","exports","$","$findIndex","findIndex","addToUnscopables","FIND_INDEX","SKIPS_HOLES","Array","target","proto","forced","callbackfn","arguments","length","undefined","closeView","ref","options1","asNavFor1","slide","options2","asNavFor2","refInFor","$refs","main","goTo","props","components","dots","fade","navButtons","initialSlide","responsive","autoplay","centerMode","slidesToShow","infinite","slides","photosSrc","forEach","push","photoSrc","thumbnailStyle"],"mappings":"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","file":"js/mycardetails.9cd51a51.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('v-card',{staticClass:\"mx-auto filter-container\",attrs:{\"max-width\":\"300\",\"dark\":\"\",\"rounded\":\"\"}},[_c('v-list',{attrs:{\"dense\":\"\"}},[_c('v-list-item-group',{attrs:{\"color\":\"primary\"},model:{value:(_vm.selectedFilter),callback:function ($$v) {_vm.selectedFilter=$$v},expression:\"selectedFilter\"}},_vm._l((_vm.items),function(item,i){return _c('v-list-item',{key:i,on:{\"click\":function($event){return _vm.filterActivity(item)}}},[_c('v-list-item-icon',{staticClass:\"activity-filter-icon\"},[_c('img',{staticClass:\"activity-filter-img\",attrs:{\"src\":item.src}})]),_c('v-list-item-content',[_c('span',{staticClass:\"activity-filter-text\"},[_vm._v(_vm._s(item.text))])])],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card\r\n    class=\"mx-auto filter-container\"\r\n    max-width=\"300\"\r\n    dark\r\n    rounded\r\n  >\r\n    <v-list dense>\r\n      <v-list-item-group\r\n        v-model=\"selectedFilter\"\r\n        color=\"primary\"\r\n      >\r\n        <v-list-item\r\n          v-for=\"(item, i) in items\"\r\n          :key=\"i\"\r\n         @click=\"filterActivity(item)\">\r\n          <v-list-item-icon class=\"activity-filter-icon\">\r\n            <img class=\"activity-filter-img\" :src=\"item.src\">\r\n          </v-list-item-icon>\r\n          <v-list-item-content>\r\n              <span class=\"activity-filter-text\">{{item.text}}</span>\r\n          </v-list-item-content>\r\n        </v-list-item>\r\n      </v-list-item-group>\r\n    </v-list>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport { activityCategories} from \"/src/constants/config\";\r\nimport _ from \"lodash\";\r\n\r\n  export default {\r\n    props:['currentSelectedFilter'],\r\n\r\n    components: {\r\n    },\r\n\r\n    data() {\r\n\t\treturn {\r\n            selectedFilter: \"\",\r\n            items: activityCategories,\r\n\t\t}\r\n    },\r\n\r\n    mounted(){\r\n      let selectedItem = _.findIndex(this.items, function(o){return o.activityCategoryId == this.currentSelectedFilter.activityCategoryId}.bind(this));\r\n      this.selectedFilter = selectedItem > 0 ? selectedItem : 0;\r\n    },\r\n\r\n    methods: {\t\r\n        filterActivity(item){\r\n            this.$emit(\"filterActivity\", item);\r\n            this.selectedFilter = item;\r\n        }\t\t\r\n\t},\r\n\r\n\r\n    watch: {\r\n      currentSelectedFilter(val){\r\n        let selectedItem = _.findIndex(this.items, function(o){return o.activityCategoryId == this.currentSelectedFilter.activityCategoryId}.bind(this));\r\n        this.selectedFilter = this.selectedItem ? this.selectedItem : 0;\r\n      }\r\n    },\r\n\r\n    computed: {\r\n  },\r\n  }\r\n</script>","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!./ActivityFilters.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!./ActivityFilters.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ActivityFilters.vue?vue&type=template&id=a47f8f3c&\"\nimport script from \"./ActivityFilters.vue?vue&type=script&lang=js&\"\nexport * from \"./ActivityFilters.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  null,\n  null\n  \n)\n\nexport default component.exports","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:\"page-content-offset title-background page-height pt-0 car-detail-container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-xs-12 col-md-6 car-detail-image-padding\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 car-image\",style:('background-image:url('+ _vm.img + ')')})]),_c('div',{staticClass:\"row car-details-title\"},[_c('div',{staticClass:\"col-12 pb-0\"},[_c('span',{staticClass:\"title-font\"},[_vm._v(_vm._s(_vm.item.brand)+\" \"+_vm._s(_vm.item.model))])]),_c('div',{staticClass:\"col-4 col-xs-4 col-md-3 col-sm-4\"},[_c('div',{staticClass:\"car-plate car-plate-detail\"},[_c('b',[_vm._v(_vm._s(_vm.item.registrationNo))])])]),_c('div',{staticClass:\"col-8 col-xs-8 col-md-9 col-sm-8 d-none\"},[_c('span',[_vm._v(\"Warehouse Lot: \")]),_c('span',{staticClass:\"parking-lot\"},[_vm._v(_vm._s(_vm.parkingLotNo))])])])]),_c('div',{staticClass:\"col-12 col-xs-12 col-md-6\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\",staticStyle:{\"padding\":\"0px\"}},[_c('v-tabs',{attrs:{\"fixed-tabs\":\"\",\"dark\":\"\",\"hideSlider\":\"\"}},[_c('v-tab',{staticClass:\"tab-title\",attrs:{\"active-class\":\"tab-title-active\"}},[_vm._v(\"Information\")]),_c('v-tab-item',{attrs:{\"disabled\":true}},[_c('MyCarDetailsInformation',{attrs:{\"item\":_vm.item}})],1),_c('v-tab',{staticClass:\"tab-title\",attrs:{\"active-class\":\"tab-title-active\"}},[_vm._v(\"Activities\")]),_c('v-tab-item',{attrs:{\"disabled\":true}},[_c('MyCarDetailsActivities',{attrs:{\"item\":_vm.item}})],1),_c('v-tab',{staticClass:\"tab-title\",attrs:{\"active-class\":\"tab-title-active\"}},[_vm._v(\"Documents\")]),_c('v-tab-item',{attrs:{\"disabled\":true}},[_c('MyCarDetailsDocument',{attrs:{\"item\":_vm.item}})],1)],1)],1)])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',{staticClass:\"my-cars-detail-container\",attrs:{\"color\":\"black\",\"tile\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 pb-0\"},[_c('span',{staticClass:\"my-car-information-title-1\"},[_vm._v(\"General\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Parked since\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatDate\")(this.item.dateParked)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Location\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatData\")(this.item.autoStorageName)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Last checked-in\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm.lastCheckinMileage))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Last checked-out\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm.lastCheckoutMileage))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Insurance expiry\")])]),_c('div',{staticClass:\"col-6\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatDate\")(this.item.dateInsuranceExpiry))+\" \")]),(_vm.isInsuranceExpired || _vm.isInsuranceExpiring)?_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(\"(\"+_vm._s(_vm.numberDaysInsurance)+\" days)\")]):_vm._e()]),(_vm.isInsuranceExpiring||_vm.isInsuranceExpired)?_c('div',{staticClass:\"col-2 my-car-information-position\"},[_c('img',{staticClass:\"my-car-information-warning\",attrs:{\"src\":require(\"../assets/img/warning.png\"),\"title\":_vm.insuranceWarningText}})]):_vm._e()]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Road Tax expiry\")])]),_c('div',{staticClass:\"col-6\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatDate\")(this.item.dateRoadTaxExpiry))+\" \")]),(_vm.isRoadTaxExpiring || _vm.isRoadTaxExpired)?_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(\"(\"+_vm._s(_vm.numberDaysRoadTax)+\" days)\")]):_vm._e()]),(_vm.isRoadTaxExpiring || _vm.isRoadTaxExpired)?_c('div',{staticClass:\"col-2 my-car-information-position\"},[_c('img',{staticClass:\"my-car-information-warning\",attrs:{\"src\":require(\"../assets/img/warning.png\"),\"title\":_vm.roadTaxWarningText}})]):_vm._e()]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col-12\",staticStyle:{\"padding-bottom\":\"0px\"}},[_c('span',{staticClass:\"my-car-information-title-1\"},[_vm._v(\"My Car Details\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Make\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatData\")(this.item.brand)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Model\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatData\")(this.item.model)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Engine Number\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatData\")(this.item.engineNo)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Chassis Number\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatData\")(this.item.chassisNo)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Year Make\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatData\")(this.item.yearMake)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Colour\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatData\")(this.item.colour)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\",staticStyle:{\"padding-right\":\"0px\"}},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Registration Date\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatDate\")(this.item.dateRegistration)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col-12\",staticStyle:{\"padding-bottom\":\"0px\"}},[_c('span',{staticClass:\"my-car-information-title-1\"},[_vm._v(\"Bank Guarantee\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Start Date\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatDate\")(_vm.bankGuranteeStartDate)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"End Date\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatDate\")(_vm.bankGuranteeEndDate)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Amount\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatAmount\")(_vm.bankGuranteeAmount)))])])]),_c('v-divider',{staticClass:\"divider\"}),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col-4\"},[_c('span',{staticClass:\"my-car-information-title\"},[_vm._v(\"Bank\")])]),_c('div',{staticClass:\"col-8\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(_vm._f(\"formatData\")(_vm.bankGuranteeBank)))])])]),_c('v-divider',{staticClass:\"divider\"})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-card color=black tile class=\"my-cars-detail-container\">                            \r\n            <v-card-text>\r\n                <div class=\"row\">\r\n                    <div class=\"col-12 pb-0\">\r\n                        <span class=\"my-car-information-title-1\">General</span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Parked since</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{this.item.dateParked | formatDate}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Location</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{this.item.autoStorageName | formatData}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Last checked-in</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{lastCheckinMileage}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Last checked-out</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{lastCheckoutMileage}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Insurance expiry</span>\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                        <span class=\"my-car-information-data\">{{this.item.dateInsuranceExpiry | formatDate}} </span>\r\n                      <span class=\"my-car-information-data\" v-if=\"isInsuranceExpired || isInsuranceExpiring\">({{ numberDaysInsurance }} days)</span>\r\n                    </div>\r\n                    <div class=\"col-2 my-car-information-position\" v-if=\"isInsuranceExpiring||isInsuranceExpired\">\r\n                        <img class=\"my-car-information-warning\" src=\"../assets/img/warning.png\" :title=\"insuranceWarningText\" />\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Road Tax expiry</span>\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                        <span class=\"my-car-information-data\">{{this.item.dateRoadTaxExpiry | formatDate}} </span>\r\n                      <span class=\"my-car-information-data\" v-if=\"isRoadTaxExpiring || isRoadTaxExpired\">({{ numberDaysRoadTax }} days)</span>\r\n                    </div>\r\n                    <div class=\"col-2 my-car-information-position\" v-if=\"isRoadTaxExpiring || isRoadTaxExpired\">\r\n                        <img class=\"my-car-information-warning\" src=\"../assets/img/warning.png\" :title=\"roadTaxWarningText\" />\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-5\">\r\n                    <div class=\"col-12\" style=\"padding-bottom: 0px\">\r\n                        <span class=\"my-car-information-title-1\">My Car Details</span>\r\n                    </div>\r\n                </div>                \r\n                <div class=\"row\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Make</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{this.item.brand | formatData}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Model</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{this.item.model | formatData}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Engine Number</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{this.item.engineNo | formatData}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Chassis Number</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{this.item.chassisNo | formatData}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Year Make</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{this.item.yearMake | formatData}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                 <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Colour</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{this.item.colour | formatData}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\" style=\"padding-right: 0px;\">\r\n                        <span class=\"my-car-information-title\">Registration Date</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{this.item.dateRegistration | formatDate}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n\r\n\r\n\r\n\r\n                <div class=\"row mt-5\">\r\n                    <div class=\"col-12\" style=\"padding-bottom: 0px\">\r\n                        <span class=\"my-car-information-title-1\">Bank Guarantee</span>\r\n                    </div>\r\n                </div>                \r\n                <div class=\"row\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Start Date</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{bankGuranteeStartDate | formatDate}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">End Date</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{bankGuranteeEndDate | formatDate}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Amount</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{bankGuranteeAmount | formatAmount}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n                 <div class=\"row mt-1\">\r\n                    <div class=\"col-4\">\r\n                        <span class=\"my-car-information-title\">Bank</span>\r\n                    </div>\r\n                    <div class=\"col-8\">\r\n                        <span class=\"my-car-information-data\">{{bankGuranteeBank | formatData}}</span>\r\n                    </div>\r\n                </div>\r\n                <v-divider class=\"divider\"></v-divider>\r\n            </v-card-text>\r\n        </v-card>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport moment from 'moment'\r\nexport default {\r\n    props: ['item'],\r\n\r\n    data() {\r\n\t\treturn {\r\n            lastCheckinMileage : 0,\r\n            lastCheckoutMileage : 0,\r\n\r\n            isInsuranceExpiring: false,\r\n            isRoadTaxExpiring: false,\r\n            isInsuranceExpired: false,\r\n            isRoadTaxExpired: false,\r\n\r\n            numberDaysInsurance: 0,\r\n            numberDaysRoadTax: 0,\r\n\r\n            bankGuranteeStartDate: \"\",\r\n            bankGuranteeEndDate: \"\",\r\n            bankGuranteeAmount: \"\",\r\n            bankGuranteeBank: \"\",\r\n\t\t}\r\n    },\r\n\r\n    components: {\r\n        \r\n    },\r\n  \r\n    mounted() {\t\t\r\n    }, \r\n\r\n    methods: {\r\n        updateAttributes(){\r\n            this.lastCheckinMileage = this.item.lastCheckinMileage ? this.item.lastCheckinMileage + \" KM\": \"-\";\r\n            this.lastCheckoutMileage = this.item.lastCheckoutMileage ? this.item.lastCheckoutMileage + \" KM\": \"-\"; \r\n            \r\n            if(this.item.dateRoadTaxExpiry){\r\n                this.numberDaysRoadTax = this.getDaysDifference(this.item.dateRoadTaxExpiry);\r\n                this.isRoadTaxExpiring = this.numberDaysRoadTax >= 0 && this.numberDaysRoadTax <= 30;\r\n                this.isRoadTaxExpired = this.numberDaysRoadTax < 0;\r\n            }\r\n\r\n            if(this.item.dateInsuranceExpiry){\r\n                this.numberDaysInsurance = this.getDaysDifference(this.item.dateInsuranceExpiry);\r\n                this.isInsuranceExpiring = this.numberDaysInsurance >= 0 && this.numberDaysInsurance <= 30;\r\n                this.isInsuranceExpired = this.numberDaysInsurance < 0;\r\n            }\r\n\r\n          this.bankGuranteeStartDate = this.item.bankGuaranteeDateEffectiveStart;\r\n          this.bankGuranteeEndDate = this.item.bankGuaranteeDateEffectiveEnd;\r\n          this.bankGuranteeAmount = this.item.bankGuaranteeAmount;\r\n          this.bankGuranteeBank = this.item.bankGuaranteeFinanceCompany;\r\n        },\r\n\r\n        getDaysDifference(date){\r\n            let start = moment(date).startOf('day');\r\n            let end = moment().startOf('day');\r\n            let days = start.diff(end, 'days'); \r\n            return days;\r\n        }\r\n    },\r\n\r\n    computed: {\r\n        roadTaxWarningText(){\r\n            return this.isRoadTaxExpired \r\n                    ? \"Expired\"\r\n                    : this.isRoadTaxExpiring \r\n                        ? \"Expiring soon\"\r\n                        : \"\";\r\n        },\r\n\r\n        insuranceWarningText(){\r\n            return this.isInsuranceExpired \r\n                    ? \"Expired\"\r\n                    : this.isInsuranceExpiring \r\n                        ? \"Expiring soon\"\r\n                        : \"\";\r\n        }\r\n    },\r\n\r\n    watch:{\r\n        item(){\r\n            this.updateAttributes();\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>","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!./MyCarDetailsInformation.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!./MyCarDetailsInformation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyCarDetailsInformation.vue?vue&type=template&id=0289a6b2&scoped=true&\"\nimport script from \"./MyCarDetailsInformation.vue?vue&type=script&lang=js&\"\nexport * from \"./MyCarDetailsInformation.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  \"0289a6b2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',{class:_vm.containerCss,attrs:{\"color\":\"black\",\"tile\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"row pt-0\"},[_c('div',{staticClass:\"col-12 col-md-12 activity-button-position\"},[_c('v-btn',{class:_vm.completedButtonCss,attrs:{\"outlined\":\"\"},on:{\"click\":_vm.getCompletedActivities}},[_vm._v(\" Completed \")]),_c('v-btn',{class:_vm.upcomingButtonCss,attrs:{\"outlined\":\"\"},on:{\"click\":_vm.getUpcomingActivities}},[_vm._v(\" Upcoming \")]),_c('v-btn',{staticClass:\"activity-button\",attrs:{\"outlined\":\"\",\"active-class\":\"activity-button-active\"},on:{\"click\":_vm.toggleFilters}},[_vm._v(\" Filter \"),_c('img',{staticClass:\"pl-2\",attrs:{\"src\":require('/src/assets/img/filter.png')}})])],1)]),_c('div',{staticClass:\"pt-4\"},_vm._l((_vm.activities),function(activity){return _c('div',{key:activity.id},[_c('MyCarDetailActivityDetails',{attrs:{\"activity\":activity,\"isCompleted\":_vm.isCompleted}})],1)}),0)]),_c('div',{class:_vm.filterCss},[(_vm.showFilter)?_c('ActivityFilters',{attrs:{\"currentSelectedFilter\":_vm.currentSelectedFilter},on:{\"filterActivity\":_vm.filterActivity}}):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',{attrs:{\"color\":\"black\",\"tile\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-2 pb-0 pl-0 col-md-1 col-sm-1\"},[_c('v-badge',{staticClass:\"check-mark\",attrs:{\"bottom\":\"\",\"overlap\":\"\",\"left\":\"\",\"icon\":\"mdi-checkbox-marked-circle\",\"offset-x\":\"18\",\"offset-y\":\"18\"},scopedSlots:_vm._u([{key:\"badge\",fn:function(){return [_c('span',[_c('i',{class:_vm.statusCss,attrs:{\"aria-hidden\":\"true\"}})])]},proxy:true}])},[_c('div',[_c('img',{staticClass:\"activity-icon\",attrs:{\"src\":_vm.activity.activityCategoryIcon}})])])],1),_c('div',{staticClass:\"col-10 col-md-11 col-sm-11\",on:{\"click\":_vm.toggleShowDetail}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-10 col-md-11 col-sm-11 pb-0\"},[_c('div',{staticClass:\"row pt-1\"},[_c('div',{staticClass:\"col-12 pb-0 pt-0\"},[_c('span',[_vm._v(_vm._s(_vm.formattedDateAction))])]),_c('div',{staticClass:\"col-12 pt-0\"},[_c('span',{staticClass:\"profile-title\"},[_vm._v(_vm._s(_vm.activity.activityCategoryDescription))])])]),(_vm.showDetail)?_c('div',[_c('div',{staticClass:\"row\"},_vm._l((_vm.activity.photos),function(photo,index){return _c('div',{key:photo.id,staticClass:\"col-3 col-md-1 col-sm-1 pt-0 car-photo\"},[_c('img',{staticClass:\"activity-action-photo-client\",attrs:{\"src\":_vm.photoPath + photo.fileName},on:{\"click\":function($event){return _vm.viewPhoto(index)}}})])}),0),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-2 col-md-1 col-sm-1\"},[_c('img',{staticClass:\"staff-pic\",attrs:{\"src\":_vm.staffProfilePicture}})]),_c('div',{staticClass:\"col-10 col-md-11 col-sm-11\"},[_c('span',[_vm._v(_vm._s(_vm.activity.userFullName))])])])]):_vm._e()]),_c('div',{staticClass:\"col-2 col-md-1 col-sm-1 pb-0\"},[_c('span',[_c('i',{class:_vm.showDetailCss,attrs:{\"aria-hidden\":\"true\"}})])])]),_c('div',{staticClass:\"row pt-4\"},[_c('v-divider',{staticClass:\"divider\"})],1)])])])],1),(_vm.viewImage)?_c('ViewImage',{attrs:{\"photos\":_vm.photos,\"selectedImageIndex\":_vm.selectedImageIndex},on:{\"closeViewImage\":_vm.closeViewImage}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-card color=black tile>                            \r\n            <v-card-text>\r\n                <div class=\"row\">\r\n                    <div class=\"col-2 pb-0 pl-0 col-md-1 col-sm-1\">\r\n                        <v-badge bottom overlap class=\"check-mark\" left icon=\"mdi-checkbox-marked-circle\" offset-x=\"18\" offset-y=\"18\">\r\n                            <template v-slot:badge>\r\n                                   <span><i :class=\"statusCss\" aria-hidden=\"true\"></i></span>\r\n                            </template>\r\n                            <div>\r\n                                <img class=\"activity-icon\" :src=\"activity.activityCategoryIcon\">\r\n                            </div>\r\n                        </v-badge>\r\n                    </div>\r\n                    <div class=\"col-10 col-md-11 col-sm-11\" @click=\"toggleShowDetail\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-10 col-md-11 col-sm-11 pb-0\">\r\n                                <div class=\"row pt-1\">\r\n                                    <div class=\"col-12 pb-0 pt-0\">\r\n                                        <span>{{formattedDateAction}}</span>\r\n                                    </div>\r\n                                    <div class=\"col-12 pt-0\">\r\n                                        <span class=\"profile-title\">{{activity.activityCategoryDescription}}</span>\r\n                                    </div>\r\n                                </div>\r\n                                <div v-if=\"showDetail\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-3 col-md-1 col-sm-1 pt-0 car-photo\" v-for=\"(photo, index) in activity.photos\" :key=\"photo.id\">\r\n                                            <img class=\"activity-action-photo-client\" :src='photoPath + photo.fileName' @click=\"viewPhoto(index)\">\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-2 col-md-1 col-sm-1\">\r\n                                            <img class=\"staff-pic\" :src='staffProfilePicture'>\r\n                                        </div>\r\n                                        <div class=\"col-10 col-md-11 col-sm-11\">\r\n                                            <span>{{activity.userFullName}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"col-2 col-md-1 col-sm-1 pb-0\">\r\n                                <span><i :class=\"showDetailCss\" aria-hidden=\"true\"></i></span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row pt-4\"> \r\n                            <v-divider class=\"divider\"></v-divider>\r\n                        </div>                        \r\n                    </div>\r\n                </div>                \r\n            </v-card-text>\r\n        </v-card>\r\n        <ViewImage v-if=\"viewImage\" :photos=\"photos\" :selectedImageIndex=\"selectedImageIndex\" @closeViewImage=\"closeViewImage\"></ViewImage>\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, uploadTypeActivity} from \"/src/constants/config\";\r\nimport moment from 'moment';\r\nimport ViewImage from '/src/views/staff/ViewImage';\r\n\r\nexport default {\r\n    props: ['activity', 'isCompleted'],\r\n\r\n    data() {\r\n\t\treturn {\r\n            showDetail: false,\r\n            formattedDateAction: \"\",\r\n            activityIcon: \"\",\r\n            viewImage: false,\r\n            photos: [],\r\n            selectedImageIndex: 0,\r\n\t\t}\r\n    },\r\n\r\n    components: { ViewImage },\r\n  \r\n    mounted() {\t\r\n        this.formatDateAction();   \r\n        this.processPhoto();     \r\n    }, \r\n\r\n    methods: {\r\n        processPhoto(){\r\n            this.activity.photos.forEach(element => {\r\n                this.photos.push(element.fileName);\r\n            });\r\n        },\r\n\r\n        formatDateAction(){\r\n            if(this.isCompleted){\r\n                let dateTime = this.activity.dateComplete;\r\n                this.formattedDateAction = moment(dateTime).calendar({ sameDay: '[Today,] h:mm A',\r\n                                                                    nextDay: '[Tomorrow,] h:mm A',\r\n                                                                    nextWeek: 'dddd, h:mm A',\r\n                                                                    lastDay: '[Yesterday,] h:mm A',\r\n                                                                    lastWeek: '[Last] dddd, h:mm A',\r\n                                                                    sameElse: 'DD MMM YYYY, h:mm A'\r\n                                                                })       \r\n            }\r\n            else{\r\n                let dateTime = this.activity.dateAction;\r\n                this.formattedDateAction = moment(dateTime).calendar({ sameDay: '[Today]',\r\n                                                                    nextDay: '[Tomorrow]',\r\n                                                                    nextWeek: 'dddd',\r\n                                                                    lastDay: '[Yesterday]',\r\n                                                                    lastWeek: '[Last] dddd',\r\n                                                                    sameElse: 'DD MMM YYYY'\r\n                                                                })       \r\n            }                \r\n        },        \r\n\r\n        toggleShowDetail(){\r\n            this.showDetail = !this.showDetail;\r\n        },\r\n\r\n        viewPhoto(index){\r\n            this.selectedImageIndex = index;\r\n            this.viewImage = true;\r\n        },\r\n\r\n        closeViewImage(){\r\n            this.viewImage = false;\r\n        },\r\n    },\r\n\r\n    computed: {\r\n        showDetailCss(){\r\n            return this.showDetail ? \"fa fa-caret-up\" : \"fa fa-caret-down\";\r\n        },\r\n        statusCss(){\r\n            return this.activity.status == \"Completed\" ? \"fa fa-check-circle check-mark-completed\" : \"\";\r\n        },\r\n        staffProfilePicture(){\r\n            return this.activity.staffPic ? this.activity.staffPic :  require('/src/assets/img/profile_pic.png');\r\n        },\r\n        photoPath(){\r\n            return uploadPath + \"/\" + uploadTypeActivity + \"/\";\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>","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!./MyCarDetailActivityDetails.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!./MyCarDetailActivityDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyCarDetailActivityDetails.vue?vue&type=template&id=570d9e6d&scoped=true&\"\nimport script from \"./MyCarDetailActivityDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./MyCarDetailActivityDetails.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  \"570d9e6d\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <v-card color=black tile  :class=\"containerCss\">                            \r\n            <v-card-text>\r\n                <div class=\"row pt-0\">\r\n                    <div class=\"col-12 col-md-12 activity-button-position\">\r\n                        <v-btn outlined :class=\"completedButtonCss\" @click=\"getCompletedActivities\"> Completed </v-btn>\r\n                        <v-btn outlined :class=\"upcomingButtonCss\" @click=\"getUpcomingActivities\"> Upcoming </v-btn>\r\n                        <v-btn outlined class=\"activity-button\" active-class=\"activity-button-active\"  @click=\"toggleFilters\"> Filter\r\n                            <img class=\"pl-2\" :src=\"require('/src/assets/img/filter.png')\">\r\n                        </v-btn>\r\n                    </div>\r\n                </div>\r\n                <div class=\"pt-4\">\r\n                    <div v-for=\"activity in activities\" :key=\"activity.id\">\r\n                        <MyCarDetailActivityDetails :activity=\"activity\" :isCompleted=\"isCompleted\"></MyCarDetailActivityDetails>\r\n                    </div>\r\n                </div>\r\n            </v-card-text>\r\n\r\n            <div :class=\"filterCss\">\r\n            <ActivityFilters v-if=\"showFilter\" @filterActivity=\"filterActivity\" :currentSelectedFilter=\"currentSelectedFilter\"></ActivityFilters>\r\n            </div>\r\n        </v-card>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport MyCarDetailActivityDetails from './MyCarDetailActivityDetails.vue';\r\nimport ActivityFilters from './ActivityFilters.vue';\r\nimport axios from 'axios';\r\nimport currentUserMixin from '/src/mixin/currentUserMixin.js';\r\nimport { openRoadApiUrl, version, activityCategories, statusPending, statusInProgress, statusCompleted} from \"/src/constants/config\";\r\nimport _ from \"lodash\";\r\n\r\nexport default {\r\n    props: ['item'],\r\n     mixins: [currentUserMixin],\r\n\r\n    data() {\r\n\t\treturn {\r\n            activities: [],\r\n            allActivities: [],\r\n            showFilter: false,\r\n            selectedFilterCategoryId: \"All\",        \r\n            selectedStatus: \"Completed\",    \r\n            currentSelectedFilter: \"\",\r\n            isUpcoming: false,\r\n            isCompleted: true,\r\n\t\t}\r\n    },\r\n\r\n    components: {\r\n        MyCarDetailActivityDetails,\r\n        ActivityFilters\r\n    },\r\n  \r\n    mounted() {\t\r\n        this.getActivities(statusCompleted);          \r\n    }, \r\n\r\n    methods: {\r\n        getActivities(status){\r\n            this.selectedStatus = status;\r\n            this.page = this.page + 1;\r\n            if(this.item.id){     \r\n                \r\n                axios.get(this.url, this.$data.apiHeaders)\r\n                    .then(response => this.setActivites(response))\r\n                    .catch(error => this.onError(error));\r\n            }    \r\n        },\r\n\r\n        setActivites(response) {\r\n            this.allActivities = response.data.result.items.map(function(item){\r\n                let obj = {};\r\n\r\n                obj['userId'] = item.userId;\r\n                obj['userFullName'] = item.userName;\r\n                obj['activityCategoryId'] = item.activityCategoryId;\r\n                obj['activityCategoryName'] = item.activityCategoryName;\r\n                obj['activityCategoryDescription'] = item.description ? item.description : \"-\";\r\n                obj['dateAction'] = item.dateAction;\r\n                obj['dateComplete'] = item.dateComplete;\r\n                obj['status'] = item.status;\r\n                obj['photos'] = item.photos;\r\n                obj['id'] = item.id;\r\n                obj['staffPic'] = item.userPic;\r\n\r\n                let icon =  _.find(activityCategories, function(o){ return item.activityCategoryId == o.activityCategoryId });\r\n                obj['activityCategoryIcon'] = icon ? icon.src : require('../assets/img/Others.png');\r\n\r\n                return obj;\r\n            });\r\n            \r\n            this.getFilterActivities();\r\n        },\r\n\r\n        getCompletedActivities(){\r\n            this.isUpcoming = false;\r\n            this.isCompleted = true;\r\n            this.showFilter = false;\r\n            this.selectedStatus = \"Completed\";\r\n            this.getActivities(this.selectedStatus);\r\n        },\r\n\r\n        getUpcomingActivities(){            \r\n            this.isUpcoming = true;\r\n            this.isCompleted = false;\r\n            this.showFilter = false;\r\n            this.selectedStatus = \"Pending\";\r\n            this.getActivities(this.selectedStatus);\r\n        },\r\n\r\n        toggleFilters(){\r\n            this.showFilter = !this.showFilter;\r\n        },\r\n\r\n        filterActivity(item){\r\n            this.currentSelectedFilter = item\r\n            this.selectedFilterCategoryId = item.activityCategoryId;\r\n            this.showFilter = false;\r\n\r\n            this.getFilterActivities();           \r\n        },\r\n\r\n        getFilterActivities(){\r\n            let activitiesFilterByCategory = this.allActivities;\r\n\r\n            if(this.selectedFilterCategoryId == \"Others\"){\r\n                activitiesFilterByCategory = _.differenceBy(this.allActivities, activityCategories, 'activityCategoryId');\r\n            }\r\n            else if(this.selectedFilterCategoryId != \"All\"){\r\n                activitiesFilterByCategory = _.filter(this.allActivities, function(o){ return o.activityCategoryId == this.selectedFilterCategoryId }.bind(this));\r\n            } \r\n            this.activities = activitiesFilterByCategory;            \r\n        },\r\n\r\n        onError(error){\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            this.$notify(\"error\", message, details, {\r\n                duration: 6000,\r\n                permanent: false\r\n            });\r\n        }\r\n\r\n    },\r\n\r\n    computed: {\r\n        filterCss(){\r\n            return this.showFilter ? \"activity-filter-position activity-filter-position-active\" : \"activity-filter-position\";\r\n        },\r\n        url(){\r\n            let url = openRoadApiUrl + \"/api/services/\" + version + \"/activity/me/list?SortDirection=desc&CarId=\" + this.item.id + \"&Status=\" + this.selectedStatus;\r\n            let sort = \"dateComplete\";\r\n\r\n            if(this.selectedStatus == \"Pending\") {\r\n              sort = \"dateAction\";\r\n            }\r\n\r\n            url += \"&Sort=\" + sort;\r\n\r\n            return url\r\n        },\r\n        upcomingButtonCss(){\r\n            return this.isUpcoming ? \"activity-button activity-button-active\" : \"activity-button\";\r\n        },\r\n        completedButtonCss(){\r\n            return this.isCompleted ? \"activity-button activity-button-active\" : \"activity-button\";\r\n        },\r\n        containerCss(){\r\n            return this.showFilter ? \"my-cars-detail-container my-cars-detail-container-with-filter\" : \"my-cars-detail-container\"\r\n        }\r\n    }, \r\n\r\n    watch: {\r\n        item(){\r\n            this.getActivities(statusCompleted);\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>","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!./MyCarDetailsActivities.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!./MyCarDetailsActivities.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyCarDetailsActivities.vue?vue&type=template&id=1d7c65a0&scoped=true&\"\nimport script from \"./MyCarDetailsActivities.vue?vue&type=script&lang=js&\"\nexport * from \"./MyCarDetailsActivities.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  \"1d7c65a0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',{staticClass:\"my-cars-detail-container\",attrs:{\"color\":\"black\",\"tile\":\"\"}},[_c('v-card-text',{staticClass:\"pt-0\"},_vm._l((_vm.documentsGroupByType),function(value,propertyName,index){return _c('div',{key:index},[_c('div',{staticClass:\"row pt-8 pb-0\"},[_c('div',{staticClass:\"col-12 pb-0\"},[_c('span',{staticClass:\"my-car-information-title-1\"},[_vm._v(_vm._s(propertyName))])])]),_c('div',{staticClass:\"my-cars-detail-bottom-spacing\"},_vm._l((value),function(item){return _c('div',{key:item.id,staticClass:\"row pt-0 pb-0\"},[_c('div',{staticClass:\"col-10 col-md-10 col-sm-11 pb-0\"},[_c('span',{staticClass:\"my-car-information-data\"},[_vm._v(_vm._s(item.name))])]),_c('div',{staticClass:\"col-2 col-md-2 pb-0 col-sm-1 pl-auto document-pdf\"},[_c('a',{attrs:{\"href\":_vm.filepath + item.fileName,\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/img/pdf-file.png\")}})])]),_c('div',{staticClass:\"col-12 pb-0 pt-0\"},[_c('v-divider',{staticClass:\"divider\"})],1)])}),0)])}),0)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-card color=black tile class=\"my-cars-detail-container\">                            \r\n            <v-card-text class=\"pt-0\">                \r\n                <div v-for=\"(value, propertyName, index) in documentsGroupByType\" :key=\"index\">\r\n                    <div class=\"row pt-8 pb-0\">\r\n                        <div class=\"col-12 pb-0\">\r\n                            <span class=\"my-car-information-title-1\">{{propertyName}}</span>\r\n                        </div>\r\n                    </div>  \r\n                    <div class=\"my-cars-detail-bottom-spacing\">          \r\n                        <div class=\"row pt-0 pb-0\" v-for=\"item in value\" :key=\"item.id\">\r\n                            <div class=\"col-10 col-md-10 col-sm-11 pb-0\">\r\n                                <span class=\"my-car-information-data\">{{item.name}}</span>\r\n                            </div>\r\n                            <div class=\"col-2 col-md-2 pb-0 col-sm-1 pl-auto document-pdf\">\r\n                                <a :href=\"filepath + item.fileName\" target=\"_blank\" >\r\n                                    <img src='../assets/img/pdf-file.png'>\r\n                                </a>\r\n                            </div>\r\n                            <div class=\"col-12 pb-0 pt-0\">\r\n                                <v-divider class=\"divider\"></v-divider>\r\n                            </div>\r\n                        </div>      \r\n                    </div>              \r\n                </div>\r\n            </v-card-text>\r\n        </v-card>\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 } from \"/src/constants/config\";\r\nimport _ from 'lodash';\r\n\r\nexport default {\r\n    mixins: [currentUserMixin],\r\n\r\n    props: ['item'],\r\n\r\n    data() {\r\n\t\treturn {\r\n            documents: [],\r\n            documentsGroupByType: [],\r\n            filepath: \"\",\r\n\t\t}\r\n    },\r\n\r\n    components: {\r\n        \r\n    },\r\n  \r\n    mounted() {\t\t\r\n        this.filepath = uploadPath + \"/cardocument/\"\r\n        this.getCarDocuments();\r\n    }, \r\n\r\n    methods: {\r\n        getCarDocuments(){\r\n            let uri = window.location.search.substring(1); \r\n            let params = new URLSearchParams(uri);\r\n            let id =params.get(\"id\");\r\n\r\n            let url = openRoadApiUrl + \"/api/services/\" + version + \"/cardocument/me/list?CarId=\" + id;\r\n            axios.get(url, this.$data.apiHeaders)\r\n                .then(response => this.setCarDocuments(response))\r\n                .catch(error => this.onError(error));\r\n        },\r\n\r\n        setCarDocuments(response) {\r\n            this.documents = response.data.result.items.map(function(data, key){\r\n            let obj = {};\r\n            obj['name'] = data.name;\r\n            obj['fileName'] = data.fileName;\r\n            obj['documentType'] = _.startCase(data.documentType);\r\n            obj['id'] = data.id;\r\n\r\n            return obj;\r\n            });\r\n\r\n            this.documentsGroupByType = _.groupBy(this.documents, function(document) {\r\n                return document.documentType;\r\n            });            \r\n        },\r\n\r\n        onError(error){\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            this.$notify(\"error\", message, details, {\r\n                duration: 6000,\r\n                permanent: false\r\n            });\r\n        }\r\n    },\r\n\r\n    computed: {\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>","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!./MyCarDetailsDocument.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!./MyCarDetailsDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyCarDetailsDocument.vue?vue&type=template&id=9ce0a652&scoped=true&\"\nimport script from \"./MyCarDetailsDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./MyCarDetailsDocument.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  \"9ce0a652\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"background-1 page-height\">\r\n        <v-container class=\"page-content-offset title-background page-height pt-0 car-detail-container\" >\r\n            <div class=\"row\">\r\n                <div class=\"col-12 col-xs-12 col-md-6 car-detail-image-padding\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 car-image\" :style=\"'background-image:url('+ img + ')'\">  \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row car-details-title\">\r\n                        <div class=\"col-12 pb-0\">\r\n                            <span class=\"title-font\">{{item.brand}} {{item.model}}</span>\r\n                        </div>\r\n                        <div class=\"col-4 col-xs-4 col-md-3 col-sm-4\">\r\n                            <div class=\"car-plate car-plate-detail\">\r\n                            <b>{{item.registrationNo}}</b></div>\r\n                        </div>\r\n                        <div class=\"col-8 col-xs-8 col-md-9 col-sm-8 d-none\">\r\n                            <span>Warehouse Lot: </span><span class=\"parking-lot\">{{parkingLotNo}}</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-12 col-xs-12 col-md-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12\" style=\"padding:0px\">\r\n                            <v-tabs fixed-tabs dark hideSlider>\r\n                                <v-tab class=\"tab-title\" active-class=\"tab-title-active\">Information</v-tab>\r\n                                <v-tab-item :disabled=\"true\">\r\n                                    <MyCarDetailsInformation :item=\"item\"></MyCarDetailsInformation>\r\n                                </v-tab-item>\r\n                                <v-tab class=\"tab-title\" active-class=\"tab-title-active\">Activities</v-tab>\r\n                                <v-tab-item :disabled=\"true\">\r\n                                    <MyCarDetailsActivities :item=\"item\"></MyCarDetailsActivities>\r\n                                </v-tab-item>\r\n                                <v-tab class=\"tab-title\" active-class=\"tab-title-active\">Documents</v-tab>\r\n                                <v-tab-item :disabled=\"true\">\r\n                                    <MyCarDetailsDocument :item=\"item\"></MyCarDetailsDocument>\r\n                                </v-tab-item>\r\n                            </v-tabs>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </v-container>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport MyCarDetailsInformation from './MyCarDetailsInformation.vue';\r\nimport MyCarDetailsActivities from './MyCarDetailsActivities.vue';\r\nimport MyCarDetailsDocument from './MyCarDetailsDocument.vue';\r\nimport axios from 'axios';\r\nimport currentUserMixin from '/src/mixin/currentUserMixin.js';\r\nimport { openRoadApiUrl, version, uploadPath, uploadTypeCar } from \"/src/constants/config\";\r\n\r\nexport default {\r\n    mixins: [currentUserMixin],\r\n\r\n    data() {\r\n\t\treturn {\r\n            item: {},\r\n            parkingLotNo: \"\",\r\n            img: \"\",\r\n\t\t}\r\n    },\r\n\r\n    components: {\r\n        MyCarDetailsInformation,\r\n        MyCarDetailsActivities,\r\n        MyCarDetailsDocument\r\n    }, \r\n  \r\n    mounted() {\t\t\r\n        this.getCarDetail();\t\t\r\n    }, \r\n\r\n    methods: {\r\n        getCarDetail(){\r\n            let uri = window.location.search.substring(1); \r\n            let params = new URLSearchParams(uri);\r\n            let id =params.get(\"id\");\r\n            let url = openRoadApiUrl + \"/api/services/\" + version + \"/car/me/view/\" + id;\r\n            axios.get(url, this.$data.apiHeaders)\r\n                .then(response => this.setCarInformation(response))\r\n                .catch(error => this.onError(error));\r\n        },\r\n\r\n        setCarInformation(response) {\r\n            this.item = response.data.result;\r\n            this.parkingLotNo = response.data.result.parkingLot ? response.data.result.parkingLot.parkingLotNo : \"\";\r\n            this.img = response.data.result.carPhotos.length > 0\r\n                       ? uploadPath + \"/\" + uploadTypeCar + \"/\" + response.data.result.carPhotos[0].fileName\r\n                       : \"\";\r\n        },\r\n\r\n        onError(error){\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            this.$notify(\"error\", message, details, {\r\n                duration: 6000,\r\n                permanent: false\r\n            });\r\n        }\r\n    },\r\n\r\n    computed: {\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!./MyCarDetails.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!./MyCarDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyCarDetails.vue?vue&type=template&id=781f404a&scoped=true&\"\nimport script from \"./MyCarDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./MyCarDetails.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  \"781f404a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAABHNCSVQICAgIfAhkiAAAAtRJREFUOE+VlEtME1EUhs+dFgULQZSXG9BoNEYDiQtwJdGFuuBhhRGBiC0GddEaH4tqZIEgSRca0USpJOpCgxF8sDHEMNKKKYSYBhOJ8RESVKRvalugpe3MeFoE2k5H8e7mzj3f/e49/wyBvwyapiUhqewqLtFYLT954PnWIQNzBZ95sTIiymtupuSfJ3SyFGhUlVGQk+yHC50OsLq4dqOBOfffwEO19UUUSEZa6inYkb+wr/nbDFRpHWhHdg0Z+t8ngooaymsVI/sKSZGqXLJcx3Fw7YEFek3BEaO+f/eKgQg7KkuGxzqVBGQpBO6/YsHu8ICmLgNmrLNhS/DM83XDeqYrHiowLC9vSJOmcmPVJVTekT1UZH1lKwvTDhvob24AQMtHz6ygGwiY/d7pLSaTaS4aKgCinTY7HTS6M9KldTHA8OyvuYil2c21YdebRIGl9LG8JKn0y8VqanXRtuW9BEC0NBrsoHnqn4cAv9VoZL4vQmMM5bXK3p35UNFSH9WI+CMvVqKlusMJoz/Y50Y9UykAymsUBwkhfdcbKdiYG3sTAsNwNVqOjzrh+L054Fm2ZGhwYDA8Halc+CJSP5QVk+3KAwuNiB4JgX/usq3LBX1jwY/GzIwC6OlhI8DDNYqza1LgxmJM4oFP3nBgc3hBXZke+wotvePTQN+ZBY8fVMOG/tuEppVZoSQYb9hP0kqLhXaJwhszh3fZzbjh1uuAi4R8mwna6bLWwqnomMRDzndisO1OeHg5W8hHS5h0QRVaWtxcO5HXKO3qCpK5t1DcTtvNgcXmgnbV+sTCzlnoG/ZA28t5SxhowdzlROfun8eMX4DHfvvOC5de+KYIfhkdm3LJaTX+ouLjsiKwPwgTn9zQ3OuDr1buJjblZHooKaDFdiswRcliEKt5UpTP87wP6+96V1FNSwmm6RPrghK2IFEVx3HEZpsS/UsHpTBqYrDVOH4DFDxAld6q6PAAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAcCAYAAACQ0cTtAAAABHNCSVQICAgIfAhkiAAAAmpJREFUSEvFVoFt01AQvQvgRLIlwgT1BjQTkE6AfhagTEA2oJ2gdANnAdsbYCZomKBmgyLZKDY0x92Pf/TttHGcGGEpUvzv+969++/uPoL9UDT2CogAYVpbb3khgCX/rn8NVbxvK9pGrwh5M74Hom9dwDi4c/7uNSF8zB0VPPdtAywiAcpGs07MgDPilpQg4Nt9gP2ACZUDAPsDOwCwX7A64NkfByYrVKk5w/7B2LNbRudIcMfnd8uCme+AjSjyX5ZwLzLGAW03dFKlvXmNMftKHx1Qhh1KFLCGCBH8ox0fUIe5AxfoFuGSc+kTYsDUH/oG5FSO2e8nZrlArziytjpEpQkxkR0wt4iE4RlHlAJSkjuzhfFbsxEs85G6NbbqzG+AYKxFOYCF6SbeKkxkbQdMM7UeoyjvdzTls/3aIBRnQ6Vk7Qn7NduutK0FTG/UmxDf8X+0nGmbZgnwYQ2gpAFv7QO4yF4pzcQ8e8GYWsDyD+iRRYP0JhvOxk0wUyrscBNYxVyXjgjtBa9XoG3MtlGZxtoE0+nZpLwGZj40jNvTKCMGMWGgmA952TiTTRpX0Zxr82YnmK5pNNHW8m7SRJDyWbFSYUpEP/LRzK8F0w0sfCDCK5b1l5ryZIqXlMqQZGH/ZFuSOXgJqHQjsPrhxGSjVSANaffyagmEmQDe2w2zF4TKSaXaO74BfJeilsL73CfAU75EnXqeVbKeCqgcOnJTPhWc/VyKD/HFQzSQMfNPhqddW/bl6X+CbcSSD9Xk1DS6q1DX47PMTHMlU7hHInIP82XyN++QtTTK3c8rYc4yFbGc9HCG4mZj+Atmof8lez3gsAAAAABJRU5ErkJggg==\"","'use strict';\nvar $ = require('../internals/export');\nvar $findIndex = require('../internals/array-iteration').findIndex;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND_INDEX = 'findIndex';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.findIndex` method\n// https://tc39.es/ecma262/#sec-array.prototype.findindex\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  findIndex: function findIndex(callbackfn /* , that = undefined */) {\n    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND_INDEX);\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAABHNCSVQICAgIfAhkiAAAATJJREFUOE+VVNENgjAQtQG+1QlkAx1BN3AE+YBvmEDdQL9IgKQ4gW6ATiBu4AgOQILvEWqUKLZNmrb03rvrvTvEoB1JksywlUIIrjvf9yN1p7OKNE1DGA7rul6CZIx9jrnGOcf5rkNSVdWBRCeARgDMALxiH7XrDd8eOkSw3whlmGXZEiRHnrHeHMeZe56nRUTMi4iHOI5d27Zd5OesE8m7zQeRLlhKOepGa0QEZVfIh2wdfigrcLnD5VQzGpbGBbOksphNChqBSETFDIgKOCbRBgQk5QiNnwYQX8C62wdBwBpshhGRAhklm6VgWdYEXlX4va//GlGnOEsU5+JfcTYtAlfDjjulDoUokI8Seemr8q1qWvbaa7CBqSrAlDdkYvuI0LT516fxlwIgI5101fmVqCcehYz5q6KvJgAAAABJRU5ErkJggg==\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-height background-detail\"},[_c('v-container',{staticClass:\"staff-page-container page-content-offset page-height\"},[_c('v-app-bar',{staticClass:\"view-photo-header-bar\",attrs:{\"app\":\"\",\"dark\":\"\"}},[_c('div',{staticClass:\"pt-4 view-photo-header-bar-content\"},[_c('v-btn',{staticClass:\"view-photo-close\",on:{\"click\":_vm.closeView}},[_c('i',{staticClass:\"fa fa-times\",attrs:{\"aria-hidden\":\"true\"}})])],1)]),_c('div',{staticClass:\"background-detail view-image-container\"},[_c('div',{staticStyle:{\"opacity\":\"0.8\"}},[_c('div',{staticClass:\"view-image-inner-container\"},[_c('agile',{ref:\"main\",staticClass:\"main-slide\",attrs:{\"options\":_vm.options1,\"as-nav-for\":_vm.asNavFor1}},_vm._l((_vm.slides),function(slide,index){return _c('div',{key:index,staticClass:\"slide\"},[_c('img',{staticClass:\"main-image\",attrs:{\"src\":slide}})])}),0),_c('div',{staticClass:\"mx-auto overflow-visible\",style:(_vm.thumbnailStyle)},[_c('agile',{ref:\"thumbnails\",staticClass:\"thumbnails-slide\",attrs:{\"options\":_vm.options2,\"as-nav-for\":_vm.asNavFor2}},_vm._l((_vm.slides),function(slide,index){return _c('div',{key:index,ref:\"slide--thumbniail\",refInFor:true},[_c('img',{staticClass:\"thumbnail-image\",attrs:{\"src\":slide},on:{\"click\":function($event){return _vm.$refs.main.goTo(index)}}})])}),0)],1)],1)])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"page-height background-detail\">\r\n        <v-container class=\"staff-page-container page-content-offset page-height\">\r\n            <v-app-bar app dark class=\"view-photo-header-bar\">\r\n                <div class=\"pt-4 view-photo-header-bar-content\">\r\n                    <v-btn class=\"view-photo-close\" @click=\"closeView\"><i class=\"fa fa-times\" aria-hidden=\"true\"></i></v-btn>\r\n                </div>\r\n            </v-app-bar>\r\n        \r\n            <div class=\"background-detail view-image-container\">\r\n              <div style=\"opacity:0.8\">\r\n                <div class=\"view-image-inner-container\">\r\n                  <agile ref=\"main\" :options=\"options1\" :as-nav-for=\"asNavFor1\" class=\"main-slide\">\r\n                    <div class=\"slide\" v-for=\"(slide, index) in slides\" :key=\"index\">\r\n                        <img :src=\"slide\" class=\"main-image\">\r\n                    </div>\r\n                  </agile>\r\n                  <div class=\"mx-auto overflow-visible\" v-bind:style=\"thumbnailStyle\">\r\n                    <agile ref=\"thumbnails\" :options=\"options2\" :as-nav-for=\"asNavFor2\" class=\"thumbnails-slide\">\r\n                        <div ref=\"slide--thumbniail\" v-for=\"(slide, index) in slides\" :key=\"index\">\r\n                            <img :src=\"slide\" class=\"thumbnail-image\" @click=\"$refs.main.goTo(index)\">\r\n                        </div>\r\n                    </agile>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n        </v-container>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { VueAgile } from 'vue-agile'\r\nimport { uploadPath, uploadTypeActivity} from \"/src/constants/config\";\r\nexport default {\r\n  props: ['photos', 'selectedImageIndex', 'photosSrc'],\r\n  components: { agile: VueAgile },\r\n  data () {\r\n    return {\r\n      asNavFor1: [],\r\n      asNavFor2: [],\r\n       options1: {\r\n        dots: false,\r\n        fade: false,\r\n        navButtons: false,\r\n        initialSlide: this.selectedImageIndex,\r\n        responsive: [\r\n          {\r\n            breakpoint: 900,\r\n            settings:{\r\n              navButtons: true,\r\n            }\r\n          }\r\n        ]\r\n      },\r\n        \r\n      options2: {\r\n        autoplay: false,\r\n        centerMode: true,\r\n        dots: false,\r\n        navButtons: true,\r\n        slidesToShow: 6,\r\n        infinite: false,\r\n        responsive: [\r\n                {\r\n                    breakpoint: 600,\r\n                    settings: {\r\n                        navButtons: false\r\n                    }\r\n                },              \r\n                {\r\n                    breakpoint: 900,\r\n\r\n                }\r\n            ]\r\n      }\r\n    }\r\n  },\r\n\r\n  mounted(){\r\n      this.asNavFor1.push(this.$refs.thumbnails)\r\n      this.asNavFor2.push(this.$refs.main)\r\n  },\r\n\r\n  methods: {\r\n    closeView(){\r\n        this.$emit(\"closeViewImage\");\r\n    }\r\n  },\r\n\r\n  computed:{\r\n    slides(){\r\n      if(this.photosSrc && this.photosSrc.length > 0){\r\n        return this.photosSrc;\r\n      }\r\n      else{   \r\n        let photo = [];\r\n        this.photos.forEach(element => {\r\n          let photoSrc = uploadPath + \"/\" + uploadTypeActivity + \"/\" + element;\r\n          photo.push(photoSrc);\r\n        });\r\n        return photo;\r\n      }\r\n    },\r\n\r\n    thumbnailStyle() {\r\n      let photoCount = Math.max(this.photos.length, 6);\r\n      let width = (photoCount * 70) + \"px\";\r\n\r\n      return {width: width};\r\n    }\r\n  }\r\n}\r\n</script>\r\n\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!./ViewImage.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!./ViewImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewImage.vue?vue&type=template&id=7deda342&\"\nimport script from \"./ViewImage.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewImage.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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}