{"version":3,"sources":["webpack:///./src/components/dashboard/seller/TheMyListings.vue","webpack:///src/components/dashboard/seller/TheMyListings.vue","webpack:///./src/components/dashboard/seller/TheMyListings.vue?4d86","webpack:///./src/components/dashboard/seller/TheMyListings.vue?139c"],"names":["render","_vm","this","_c","_self","attrs","totalVehicles","currencyFormatter","totalAmount","on","sort","filterList","cardsData","length","staticClass","_v","_s","$t","_l","carDetail","key","staticRenderFns","components","TheTitleBar","TheSellerDetailCard","data","sortBy","filterByDate","filterByStatus","dateFilter","statusFilter","sortOrder","computed","l","methods","style","currency","minimumFractionDigits","status","date","getTotal","map","reduce","updated","beforeMount","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,aAAe,8BAA8B,UAAY,iBAAiB,WAAY,EAAK,WAAY,EAAK,aAAc,EAAK,UAAW,EAAK,gBAAiB,EAAM,WAAaJ,EAAIK,cAAc,WAAaL,EAAIM,kBAAkBN,EAAIO,cAAcC,GAAG,CAAC,WAAaR,EAAIS,KAAK,YAAcT,EAAIU,eAAe,GAA6B,IAAzBV,EAAIW,UAAUC,OAAcV,EAAG,cAAc,CAACA,EAAG,KAAK,CAACW,YAAY,uCAAuC,CAACb,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAIgB,GAAG,8BAA8B,SAASd,EAAG,MAAM,CAACW,YAAY,4BAA4Bb,EAAIiB,GAAIjB,EAAIW,WAAW,SAASO,EAAUC,GAAK,OAAOjB,EAAG,sBAAsB,CAACiB,IAAIA,EAAIf,MAAM,CAAC,WAAa,WAAW,UAAYc,GAAWV,GAAG,CAAC,YAAcR,EAAIU,iBAAgB,IAAI,IAE1zBU,EAAkB,G,oCCwCP,GACfC,YACAC,mBACAC,4BAEAC,OACA,OACAC,kBACAC,wBACAC,0BACAC,gBACAC,kBACAC,YACAvB,cACAF,kBAGA0B,UACApB,YACA,SAGA,OAFA,qCACAqB,gDACA,IAGAC,SACAxB,QACA,uBACA,qDACA,qDACA,OACAuB,8DACA,OACAA,8DACA,yDACA,0DAEA1B,qBACA,8CACA,kEACA4B,iBACAC,kBACAC,mCACA,WAEA1B,gBACA,kBACA,oBACA,OACA2B,eACAC,YAEA,6CAEAC,WACA,iBACA,yCACA,gCACAC,kDACAC,wBAIAC,UACA,iBAEAC,cACA,kBACA,gBACA,0CACA,6DChH0hB,I,YCOthBC,EAAY,eACd,EACA7C,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAwB,E","file":"assets/js/chunk-2d0b8dd5.4f7d0e27.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('TheTitleBar',{attrs:{\"sectionTitle\":\"dashboard.label.mnuListings\",\"sectionID\":\"sellerListings\",\"showCount\":true,\"showValue\":true,\"showFilters\":true,\"showSort\":true,\"showSellButton\":false,\"totalCount\":_vm.totalVehicles,\"totalValue\":_vm.currencyFormatter(_vm.totalAmount)},on:{\"qSortValue\":_vm.sort,\"qDateFilter\":_vm.filterList}})],1),(_vm.cardsData.length === 0)?_c('b-container',[_c('h1',{staticClass:\"p-5 my-5 text-secondary text-center\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"dashboard.label.noResults\"))+\" \")])]):_c('div',{staticClass:\"d-flex flex-column gap-3\"},_vm._l((_vm.cardsData),function(carDetail,key){return _c('TheSellerDetailCard',{key:key,attrs:{\"detailType\":\"listings\",\"carDetail\":carDetail},on:{\"qDateFilter\":_vm.filterList}})}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div>\r\n      <TheTitleBar\r\n        sectionTitle=\"dashboard.label.mnuListings\"\r\n        sectionID=\"sellerListings\"\r\n        :showCount=\"true\"\r\n        :showValue=\"true\"\r\n        :showFilters=\"true\"\r\n        :showSort=\"true\"\r\n        :showSellButton=\"false\"\r\n        :totalCount=\"totalVehicles\"\r\n        :totalValue=\"currencyFormatter(totalAmount)\"\r\n        @qSortValue=\"sort\"\r\n        @qDateFilter=\"filterList\"\r\n      />\r\n    </div>\r\n    <!-- <p>dateFilter: {{dateFilter}}</p>\r\n<p>dateFilter: {{statusFilter}}</p> -->\r\n    <b-container v-if=\"cardsData.length === 0\">\r\n      <h1 class=\"p-5 my-5 text-secondary text-center\">\r\n        {{ $t(\"dashboard.label.noResults\") }}\r\n      </h1>\r\n    </b-container>\r\n    <div class=\"d-flex flex-column gap-3\" v-else>\r\n      <TheSellerDetailCard\r\n        @qDateFilter=\"filterList\"\r\n        detailType=\"listings\"\r\n        :carDetail=\"carDetail\"\r\n        v-for=\"(carDetail, key) in cardsData\"\r\n        :key=\"key\"\r\n      />\r\n    </div>\r\n\r\n    <!-- <p v-for=\"data, key in $store.getters.myListingsList.CardsData\" :key=\"key\">list[{{key}}]: {{ data }}</p> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport TheTitleBar from \"@/components/dashboard/global/TheTitleBar.vue\";\r\nimport TheSellerDetailCard from \"@/components/dashboard/seller/TheSellerDetailCard.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    TheTitleBar,\r\n    TheSellerDetailCard,\r\n  },\r\n  data() {\r\n    return {\r\n      sortBy: \"Defaults\",\r\n      filterByDate: \"Defaults\",\r\n      filterByStatus: \"Defaults\",\r\n      dateFilter: null,\r\n      statusFilter: null,\r\n      sortOrder: 0,\r\n      totalAmount: 0,\r\n      totalVehicles: 0,\r\n    };\r\n  },\r\n  computed: {\r\n    cardsData() {\r\n      let l = [];\r\n      if (this.$store.getters.myListingsList)\r\n        l = this.$store.getters.myListingsList.CardsData;\r\n      return l;\r\n    },\r\n  },\r\n  methods: {\r\n    sort(sortOrder) {\r\n      const l = this.cardsData;\r\n      if (sortOrder === 6) l.sort((a, b) => (a.DateListed < b.DateListed ? 1 : -1));\r\n      if (sortOrder === 5) l.sort((a, b) => (a.DateListed > b.DateListed ? 1 : -1));\r\n      if (sortOrder === 4)\r\n        l.sort((a, b) => (a.KilometersMiles.Kilometers < b.Kilometers ? 1 : -1));\r\n      if (sortOrder === 3)\r\n        l.sort((a, b) => (a.KilometersMiles.Kilometers > b.Kilometers ? 1 : -1));\r\n      if (sortOrder === 2) l.sort((a, b) => (a.Price.Amount < b.Price.Amount ? 1 : -1));\r\n      if (sortOrder === 1) l.sort((a, b) => (a.Price.Amount > b.Price.Amount ? 1 : -1));\r\n    },\r\n    currencyFormatter(value) {\r\n      const sc = this.$store.getters.currencyForSeller;\r\n      return new Intl.NumberFormat(this.$store.getters.currencyCulture, {\r\n        style: \"currency\",\r\n        currency: sc ? sc : \"CAD\",\r\n        minimumFractionDigits: value % 1 != 0 ? 2 : 0,\r\n      }).format(value);\r\n    },\r\n    filterList(dateFilter, statusFilter) {\r\n      this.dateFilter = dateFilter;\r\n      this.statusFilter = statusFilter;\r\n      let parameter = {\r\n        status: statusFilter ? statusFilter : [-1],\r\n        date: dateFilter ? dateFilter : -1,\r\n      };\r\n      this.$store.dispatch(\"getMyListingsList\", parameter);\r\n    },\r\n    getTotal() {\r\n      if (this.cardsData) {\r\n        this.totalVehicles = this.cardsData.length;\r\n        this.totalAmount = this.cardsData\r\n          .map((item) => (item.Price.Amount ? parseInt(item.Price.Amount) : 0))\r\n          .reduce((prev, curr) => prev + curr, 0);\r\n      }\r\n    },\r\n  },\r\n  updated() {\r\n    this.getTotal();\r\n  },\r\n  beforeMount() {\r\n    this.filterList();\r\n    this.getTotal();\r\n    this.$store.dispatch(\"setCurrency\", \"CAD\");\r\n    this.$store.dispatch('setDashboardType', 'SellerDashboard')\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheMyListings.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheMyListings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheMyListings.vue?vue&type=template&id=83395f10&\"\nimport script from \"./TheMyListings.vue?vue&type=script&lang=js&\"\nexport * from \"./TheMyListings.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/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":""}