{"version":3,"sources":["webpack:///./src/views/ads-list/index.vue?fe0e","webpack:///src/views/ads-list/index.vue","webpack:///./src/views/ads-list/index.vue?7266","webpack:///./src/views/ads-list/index.vue","webpack:///./src/views/ads-list/index.vue?af82"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","hasSubAccounts","selectedAdsCount","exportSortModel","isExportButtonDisabled","visibleColumns","on","handleFilterClicked","handleRowSelection","sortChanged","$event","totalItems","updateVisibleColumns","staticRenderFns","data","sortBy","isASC","components","Header","Table","methods","map","sortColumn","colId","sort","$refs","filter","filters","selectedRowsCount","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACG,IAAI,iBAAiBC,MAAM,CAAC,eAAiBR,EAAIS,eAAe,YAAcT,EAAIU,iBAAiB,gBAAkBV,EAAIW,gBAAgB,uBAAyBX,EAAIY,uBAAuB,eAAiBZ,EAAIa,gBAAgBC,GAAG,CAAC,OAASd,EAAIe,uBAAuBX,EAAG,QAAQ,CAACG,IAAI,WAAWO,GAAG,CAAC,SAAWd,EAAIgB,mBAAmB,YAAchB,EAAIiB,YAAY,WAAa,SAASC,GAAQlB,EAAIY,uBAA+C,IAAtBM,EAAOC,YAAkB,sBAAwBnB,EAAIoB,yBAAyB,IAC1nBC,EAAkB,G,sEC8BtB,GAEEC,KAFF,WAGI,MAAO,CACLT,eAAgB,GAChBD,wBAAwB,EACxBD,gBAAiB,CACfY,OAAQ,KACRC,OAAO,GAETd,iBAAkB,EAClBD,gBAAgB,IAKpB,QAhBF,uKAiBA,6BAjBA,OAiBA,oBAjBA,+GAqBEgB,WAAY,CACVC,OAAJ,aACIC,MAAJ,cAGEC,QAAS,CAEP,qBAFJ,SAEA,GACM3B,KAAKY,eAAiBA,EAAegB,KAAI,SAA/C,sBAEIZ,YALJ,SAKA,GACM,IAAN,WAEMhB,KAAKU,gBAAkB,CACrBY,OAAQO,EAAWC,MACnBP,MAA2B,QAApBM,EAAWE,OAItBjB,oBAdJ,SAcA,GACMd,KAAKgC,MAAM,YAAYC,OAAOC,IAGhCnB,mBAlBJ,SAkBA,GACM,IAAN,WACMf,KAAKS,iBAAmB0B,GAG1B,sBAvBJ,6KAwBA,yBAxBA,cAwBA,EAxBA,yBAyBA,YAzBA,qGCzD8V,I,wBCQ1VC,EAAY,eACd,EACAtC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E,6CCnBf","file":"js/chunk-64358104.08419b83.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\"},[_c('Header',{ref:\"header-section\",attrs:{\"hasSubAccounts\":_vm.hasSubAccounts,\"selectedAds\":_vm.selectedAdsCount,\"exportSortModel\":_vm.exportSortModel,\"isExportButtonDisabled\":_vm.isExportButtonDisabled,\"visibleColumns\":_vm.visibleColumns},on:{\"filter\":_vm.handleFilterClicked}}),_c('Table',{ref:\"adsTable\",on:{\"selected\":_vm.handleRowSelection,\"sortChanged\":_vm.sortChanged,\"dataChange\":function($event){_vm.isExportButtonDisabled = $event.totalItems === 0},\"visibleColumnsChanged\":_vm.updateVisibleColumns}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card\">\n\n    <Header\n      ref=\"header-section\"\n      @filter=\"handleFilterClicked\"\n      :hasSubAccounts=\"hasSubAccounts\"\n      :selectedAds=\"selectedAdsCount\"\n      :exportSortModel=\"exportSortModel\"\n      :isExportButtonDisabled=\"isExportButtonDisabled\"\n      :visibleColumns=\"visibleColumns\" \n    />\n\n    <Table\n      ref=\"adsTable\"\n      @selected=\"handleRowSelection\"\n      @sortChanged=\"sortChanged\"\n      @dataChange=\"isExportButtonDisabled = $event.totalItems === 0\"\n      @visibleColumnsChanged=\"updateVisibleColumns\"\n    />\n\n  </div>\n</template>\n\n<script>\n\nimport accountsTree from  '@/helpers/accountsTree'\nimport Header from  './components/header-section.vue'\nimport Table from './components/table-section'\n\n\nexport default {\n\n  data () {\n    return {\n      visibleColumns: [],\n      isExportButtonDisabled: false,\n      exportSortModel: {\n        sortBy: 'id',\n        isASC: false\n      },\n      selectedAdsCount: 0,\n      hasSubAccounts: false\n    }\n  },\n\n\n  async mounted () {\n    this.hasSubAccounts = await this.checkIfHasSubAccounts()\n  },\n\n\n  components: {\n    Header,\n    Table\n  },\n\n  methods: {\n\n     updateVisibleColumns(visibleColumns) {\n      this.visibleColumns = visibleColumns.map(col => col.colId)\n     },\n    sortChanged (sortModel) {\n      const sortColumn = sortModel[0] || {}\n\n      this.exportSortModel = {\n        sortBy: sortColumn.colId,\n        isASC: sortColumn.sort === 'asc'\n      }\n    },\n\n    handleFilterClicked (filters) {\n      this.$refs['adsTable'].filter(filters)\n    },\n\n    handleRowSelection (selectedRows) {\n      const selectedRowsCount = selectedRows.length\n      this.selectedAdsCount = selectedRowsCount\n    },\n\n    async  checkIfHasSubAccounts () {\n      const subAccounts = await accountsTree.loadSubAccounts()\n      return subAccounts.length > 1\n    }\n\n  }\n\n\n}\n\n</script>\n\n\n<style lang=\"scss\" scoped>\n  .card {\n    background: #fff;\n    border: 1px solid #f2f2f2;\n    border-radius: 10px;\n\n    @apply px-5 py-8;\n  }\n</style>\n\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=20a4535a&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=20a4535a&lang=scss&scoped=true&\"\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  \"20a4535a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=20a4535a&lang=scss&scoped=true&\""],"sourceRoot":""}