{"version":3,"sources":["webpack:///./src/views/NewLoadingSpinner.vue?4be3","webpack:///./src/views/NewLoadingSpinner.vue?5079","webpack:///src/views/NewLoadingSpinner.vue","webpack:///./src/views/NewLoadingSpinner.vue","webpack:///./src/assets/images/uploads/meta-beyaz.svg","webpack:///./src/assets/images/uploads sync ^\\.\\/.*\\-beyaz\\.svg$","webpack:///./src/views/Loading.vue?014c","webpack:///./src/views/Loading.vue?f994","webpack:///src/views/Loading.vue","webpack:///./src/views/Loading.vue","webpack:///./src/assets/images/icons/filter-fill.svg","webpack:///./src/assets/images/uploads/tiktok-beyaz.svg","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Index.vue?e3d9","webpack:///src/views/smart-reporting/custom-reports/papara-creative-report/Cards.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Cards.vue?3d93","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Cards.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Cards.vue?87f0","webpack:///src/views/smart-reporting/custom-reports/papara-creative-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Table.vue?c83f","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Table.vue?3d27","webpack:///src/views/smart-reporting/custom-reports/papara-creative-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Index.vue?bccc","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Index.vue","webpack:///./src/views/NoDataTemp.vue?ebf7","webpack:///./src/views/NoDataTemp.vue?c3cd","webpack:///src/views/NoDataTemp.vue","webpack:///./src/views/NoDataTemp.vue","webpack:///./src/views/NewLoadingSpinner.vue?3ac0","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Index.vue?f8ad","webpack:///./src/assets/images/svg/no-data.svg","webpack:///./src/assets/images/svg/no-data-w.svg","webpack:///./src/assets/images/icons/filter-border.svg","webpack:///./src/assets/images/uploads/others-beyaz.svg","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Cards.vue?a27c","webpack:///./src/views/smart-reporting/custom-reports/papara-creative-report/Table.vue?00d6","webpack:///./src/assets/images/uploads/google-beyaz.svg"],"names":["data","component","_vm","this","$createElement","_self","_c","_m","_h","staticClass","staticRenderFns","module","exports","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","components","BSpinner","NewLoadingSpinner","props","loadingStatus","type","String","default","label","staticStyle","_e","BRow","BCol","BCard","BCardTitle","BButton","BCardBody","BFormCheckbox","BDropdown","BBadge","BPagination","cards","Array","required","totalCard","Number","displayPage","campaigns","fields","key","metrics","text","value","sortOrders","selectedMetric","selectedOrder","currentPage","pageSize","videoStates","computed","paginatedCards","start","end","slice","watch","newVal","$emit","methods","isYouTubeURL","url","includes","isMetaURL","getEmbedURL","split","pop","URLSearchParams","URL","search","get","videoId","getTitle","title","openModal","index","$bvModal","show","openMetricsModal","kFormatter","sortCards","sort","a","b","valueA","valueB","handleMetricChange","handleOrderChange","attrs","scopedSlots","_u","fn","_l","metric","on","$event","model","callback","$$v","expression","_v","_s","proxy","order","card","platform","directives","name","rawName","modifiers","length","substring","campaign_count","impressions","video_views","clicks","BFormSelect","BFormGroup","BFormInput","BPopover","BCollapse","BTable","VuePerfectScrollbar","table","sortable","filterCampaign","selectedCampaigns","filterPlatform","selectedPlatforms","perPage","pageOptions","isAllSelectionsCardOpen","currentVideoUrl","currentVideoName","currentVideoType","rows","filteredData","shouldShowPagination","filteredDistinctCampaigns","distinctCampaigns","item","campaign","filter","self","indexOf","toLowerCase","filteredDistinctPlatforms","distinctPlatforms","source","getYouTubeEmbedURL","universalFormatter","handleRowClick","row","$refs","videoModal","togglePopover","popoverName","localShow","$root","removeOutsideClickListener","addOutsideClickListener","boundHandleOutsideClick","event","handleOutsideClick","document","addEventListener","removeEventListener","campaignMatch","platformMatch","selectCampaign","push","splice","selectPlatform","selectedSources","stopPropagation","ref","option","i","class","decimals","vSelect","Loading","NoDataTemp","BFormRadioGroup","BFormRadio","FiltersV2","VBModal","BImg","Cards","CardTable","recData","recDataTable","layoutList","icon","layout","selectedGrid","isLoading","currentKey","noData","filterParams","countPerType","all","budget","audience","creative","selected","selectedOption","cardType","previousParams","types","image","video","val","getMetrics","configuration","deep","handler","newConfig","updatedCountPerType","_newConfig$countPerTy","previousPage","$router","handleCurrentPage","newPage","params","brand","$http","brand_id","adin_id","platform_type","page","creative_type","request_type","then","response","creativeReport","totalRowCount","catch","error","finally","noDataSvg","NoData","noDataSvgWhite","NoDataWhite"],"mappings":"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","file":"js/chunk-448508b2.af918668.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hollow-dots-spinner\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"dot\"})])}]\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewLoadingSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewLoadingSpinner.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"hollow-dots-spinner\">\n    <div class=\"dot\"></div>\n    <div class=\"dot\"></div>\n    <div class=\"dot\"></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n    };\n  },\n};\n</script>\n\n<style scoped>\n.hollow-dots-spinner, .hollow-dots-spinner * {\n  box-sizing: border-box;\n}\n\n.hollow-dots-spinner {\n  height: 15px;\n  width: calc(30px * 3);\n}\n\n.hollow-dots-spinner .dot {\n  width: 15px;\n  height: 15px;\n  margin: 0 calc(15px / 2);\n  border: calc(15px / 5) solid #fff;\n  border-radius: 50%;\n  float: left;\n  transform: scale(0);\n  animation: hollow-dots-spinner-animation 1000ms ease infinite 0ms;\n}\n\n.hollow-dots-spinner .dot:nth-child(1) {\n  animation-delay: calc(300ms * 1);\n}\n\n.hollow-dots-spinner .dot:nth-child(2) {\n  animation-delay: calc(300ms * 2);\n}\n\n.hollow-dots-spinner .dot:nth-child(3) {\n  animation-delay: calc(300ms * 3);\n}\n\n@keyframes hollow-dots-spinner-animation {\n  50% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n</style>\n\n","import { render, staticRenderFns } from \"./NewLoadingSpinner.vue?vue&type=template&id=5db0d5ca&scoped=true\"\nimport script from \"./NewLoadingSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./NewLoadingSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./NewLoadingSpinner.vue?vue&type=style&index=0&id=5db0d5ca&prod&scoped=true&lang=css\"\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  \"5db0d5ca\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/meta-beyaz.3556dfd0.svg\";","var map = {\n\t\"./google-beyaz.svg\": \"f984\",\n\t\"./meta-beyaz.svg\": \"13cd\",\n\t\"./others-beyaz.svg\": \"cabf\",\n\t\"./tiktok-beyaz.svg\": \"5586\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"29d1\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mb-1\",staticStyle:{\"height\":\"100%\",\"min-height\":\"500px\",\"display\":\"flex\"}},[(_vm.loadingStatus === 'loading')?_c('span',{staticStyle:{\"text-align\":\"center\"}},[_c('new-loading-spinner')],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loading.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loading.vue?vue&type=script&lang=js\"","<template>\n  <div>\n    <div\n      style=\"height: 100%; min-height: 500px; display: flex\"\n      class=\"d-flex justify-content-center align-items-center mb-1\"\n    >\n      <span\n        v-if=\"loadingStatus === 'loading'\"\n        style=\"text-align: center\"\n      >\n        <new-loading-spinner />\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BSpinner } from 'bootstrap-vue'\nimport NewLoadingSpinner from \"@/views/NewLoadingSpinner.vue\";\n\nexport default {\n  components: {\n    BSpinner,\n    NewLoadingSpinner\n  },\n  props: {\n    loadingStatus: {\n      type: String,\n      default: 'loading',\n    },\n    label: {\n      type: String,\n      default: 'Please Wait',\n    },\n  },\n}\n</script>\n","import { render, staticRenderFns } from \"./Loading.vue?vue&type=template&id=77246907\"\nimport script from \"./Loading.vue?vue&type=script&lang=js\"\nexport * from \"./Loading.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","module.exports = __webpack_public_path__ + \"img/filter-fill.e270a153.svg\";","module.exports = __webpack_public_path__ + \"img/tiktok-beyaz.f6b6d4c2.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h3',{staticClass:\"mb-1\"},[_vm._v(\"Creative Report\")]),_c('b-button',{staticClass:\"mb-1\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.previousPage}},[_vm._v(\" Back \")]),_c('filters-v2',{attrs:{\"get-metrics\":_vm.getMetrics,\"name\":\"paparaCreativeReport\"}}),(_vm.recData!==null && !_vm.isLoading)?_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('b-form-radio-group',{staticClass:\"radio-group-spacing\",attrs:{\"id\":\"btn-radios-1\",\"buttons\":\"\",\"button-variant\":\"primary\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},_vm._l((_vm.types),function(option){return _c('b-form-radio',{key:option.value,attrs:{\"value\":option.value}},[_vm._v(\" \"+_vm._s(option.text)+\" \"),(_vm.selected === option.value)?_c('span',{staticClass:\"ml-2\"},[_c('FeatherIcon',{attrs:{\"icon\":\"CheckIcon\"}})],1):_vm._e()])}),1)],1):_vm._e(),(_vm.isLoading)?_c('span',[_c('loading')],1):_vm._e(),(_vm.noData)?_c('span',[_c('no-data-temp',{attrs:{\"name\":'There is no holistic name for this campaign.',\"text\":'Please add new holistic name.'}})],1):_vm._e(),(_vm.recData !== null && !_vm.isLoading && !_vm.noData )?_c('span',[_c('b-row',{staticClass:\"mb-2\"},[_c('b-col',{staticClass:\"text-right mt-2\"},[_c('div',{staticClass:\"d-flex text-right h-100 align-items-end justify-content-end\"},[_c('b-form-radio-group',{attrs:{\"id\":\"btn-radios-1\",\"button-variant\":\"outline-primary\",\"buttons\":\"\",\"size\":\"sm\",\"name\":\"radios-btn-default\"},model:{value:(_vm.selectedGrid),callback:function ($$v) {_vm.selectedGrid=$$v},expression:\"selectedGrid\"}},[_c('b-form-radio',{attrs:{\"value\":\"4\"},model:{value:(_vm.selectedGrid),callback:function ($$v) {_vm.selectedGrid=$$v},expression:\"selectedGrid\"}},[_c('feather-icon',{staticClass:\"text-white\",attrs:{\"icon\":\"GridIcon\",\"size\":\"16\"}})],1),_c('b-form-radio',{attrs:{\"value\":\"12\"},model:{value:(_vm.selectedGrid),callback:function ($$v) {_vm.selectedGrid=$$v},expression:\"selectedGrid\"}},[_c('feather-icon',{staticClass:\"text-white\",attrs:{\"icon\":\"ListIcon\",\"size\":\"16\"}})],1)],1)],1)])],1),(_vm.selectedGrid === '4')?_c('cards',{attrs:{\"cards\":_vm.recData,\"total-card\":_vm.totalCard,\"display-page\":_vm.displayPage},on:{\"currentPage\":_vm.handleCurrentPage}}):_c('card-table',{attrs:{\"table\":_vm.recDataTable}})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div>\n      <b-row class=\"mb-3\">\n        <b-col class=\"text-left\">\n          <b-dropdown\n            id=\"metric-dropdown\"\n            text=\"Select Metric\"\n            variant=\"primary\"\n            class=\"mr-2\"\n          >\n            <template #default>\n              <b-form-checkbox\n                v-for=\"metric in metrics\"\n                :key=\"metric.value\"\n                v-model=\"selectedMetric\"\n                :value=\"metric.value\"\n                name=\"metric-options\"\n                class=\"m-1\"\n                @change=\"handleMetricChange(metric.value)\"\n              >\n                {{ metric.text }}\n              </b-form-checkbox>\n            </template>\n          </b-dropdown>\n\n          <b-dropdown\n            id=\"order-dropdown\"\n            text=\"Select Order\"\n            variant=\"primary\"\n            class=\"mr-2\"\n          >\n            <template #default>\n              <b-form-checkbox\n                v-for=\"order in sortOrders\"\n                :key=\"order.value\"\n                v-model=\"selectedOrder\"\n                :value=\"order.value\"\n                name=\"order-options\"\n                class=\"m-1\"\n                @change=\"handleOrderChange(order.value)\"\n              >\n                {{ order.text }}\n              </b-form-checkbox>\n            </template>\n          </b-dropdown>\n\n          <b-button\n            variant=\"outline-primary\"\n            :disabled=\"!selectedMetric || !selectedOrder\"\n            @click=\"sortCards\"\n          >\n            Sort\n          </b-button>\n        </b-col>\n      </b-row>\n\n\n      <b-row>\n        <b-col\n          v-for=\"(card, index) in cards\"\n          :key=\"index\"\n          lg=\"4\"\n        >\n          <b-card\n            class=\"text-center creative-cards\"\n            style=\"width: 100%; position: relative; border: 2.5px solid #1f093d\"\n          >\n            <div class=\"icon-box-platform\">\n              <img\n                style=\"width: 22px; height: 22px; margin-top:3px;\"\n                alt=\"Google Icon\"\n                :src=\"\n                  require(`@/assets/images/uploads/${getTitle(\n                    card.platform\n                  )}-beyaz.svg`)\n                \"\n              >\n              <span class=\"platform-label\">{{ card.platform }}</span>\n            </div>\n\n            <b-row>\n              <b-col>\n                <div\n                  v-if=\"card.type === 'Video' && !isYouTubeURL(card.url) && !isMetaURL(card.url) \"\n                  style=\"position: relative; width: 100%; height: 300px;\"\n                >\n                  <video\n                    style=\"width: 100%; height: 100%; object-fit: contain; margin-bottom:15px\"\n                    controls\n                  >\n                    <source\n                      :src=\"card.url\"\n                      type=\"video/mp4\"\n                    >\n                    Your browser does not support the video tag.\n                  </video>\n                </div>\n                <div v-else-if=\" card.type === 'Video' && isYouTubeURL(card.url)\">\n                  <iframe\n                    :src=\"getEmbedURL(card.url)\"\n                    style=\"width: 100%; height: 275px; object-fit: contain; margin-bottom:15px\"\n                    frameborder=\"0\"\n                    allow=\"autoplay; encrypted-media\"\n                    allowfullscreen\n                  />\n                </div>\n                <div v-else-if=\" card.type === 'Video' && isMetaURL(card.url)\">\n                  <iframe\n                    :src=\"getEmbedURL(card.url)\"\n                    style=\"height: 275px; object-fit: contain; margin-bottom:15px\"\n                    frameborder=\"0\"\n                    allow=\"autoplay; encrypted-media\"\n                    allowfullscreen\n                  />\n                </div>\n                <b-img\n                  v-else\n                  :src=\"card.url\"\n                  style=\"width: 100%; height: 300px; object-fit: contain;\"\n                  fluid\n                />\n              </b-col>\n            </b-row>\n\n            <h3\n              v-b-tooltip.hover=\"{ title: card.title }\"\n              class=\"text-bold truncated-text mb-1\"\n              style=\"font-size: 1.15rem !important; margin-top: 10px\"\n            >\n              {{ card.title.length > 30 ? card.title.substring(0, 30) + \"...\" : card.title }}\n            </h3>\n            <b-row class=\"mt-1 d-flex justify-content-end\">\n              <b-col class=\"p-1 button-cols\">\n                <b-button\n                  :id=\"`metrics-btn-${index}`\"\n                  class=\"buttons left-button\"\n                  @click=\"openMetricsModal(index)\"\n                >\n                  Metrics\n                </b-button>\n              </b-col>\n              <b-col class=\"p-1 button-cols\">\n                <b-button\n                  :id=\"`campaigns-btn-${index}`\"\n                  class=\"buttons right-button\"\n                  @click=\"openModal(index)\"\n                >\n                  Campaigns: {{ card.campaign_count }}\n                </b-button>\n              </b-col>\n            </b-row>\n\n            <b-modal\n              :id=\"`campaigns-modal-${index}`\"\n              title=\"Campaigns\"\n              centered\n              size=\"lg\"\n            >\n              <b-table\n                responsive\n                :fields=\"fields\"\n                :items=\"campaigns\"\n              />\n            </b-modal>\n            <b-modal\n              :id=\"`metrics-modal-${index}`\"\n              title=\"Metrics\"\n              centered\n              size=\"sm\"\n            >\n              <b-row>\n                <b-col\n                  class=\"metrics-container\"\n                >\n                  <p class=\"mb-1\">\n                    Impression: <strong>{{ kFormatter(card.impressions) }}</strong>\n                  </p>\n                  <p class=\"mb-1\">\n                    Views: <strong>{{ kFormatter(card.video_views) }}</strong>\n                  </p>\n                  <p class=\"mb-1\">\n                    Click: <strong>{{ kFormatter(card.clicks) }}</strong>\n                  </p>\n                  <p class=\"mb-1\">\n                    Campaigns: <strong>{{ kFormatter(card.campaign_count) }}</strong>\n                  </p>\n                </b-col>\n              </b-row>\n            </b-modal>\n          </b-card>\n        </b-col>\n      </b-row>\n\n      <b-row class=\"mt-4\">\n        <b-col>\n          <b-pagination\n            v-model=\"currentPage\"\n            :total-rows=\"totalCard\"\n            :per-page=\"pageSize\"\n            align=\"center\"\n          />\n        </b-col>\n      </b-row>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  BRow,\n  BCol,\n  BCard,\n  BCardTitle,\n  BButton,\n  BCardBody,\n  BFormCheckbox,\n  BDropdown,\n  BBadge,\n  BPagination\n} from \"bootstrap-vue\";\nimport { kFormatter } from \"@core/utils/filter\";\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BCard,\n    BCardTitle,\n    BButton,\n    BCardBody,\n    BFormCheckbox,\n    BDropdown,\n    BBadge,\n    BPagination\n  },\n  props: {\n    cards: {\n      type: Array,\n      required: true\n    },\n    totalCard: {\n      type: Number,\n      required: true\n    },\n    displayPage: {\n      type: Number,\n      default: 1,\n    },\n  },\n  data() {\n    return {\n      campaigns: [],\n      fields: [\n        { key: \"campaign\", label: \"Campaign\" },\n        { key: \"impressions\", label: \"Impression\" },\n        { key: \"video_views\", label: \"Video View\" },\n        { key: \"clicks\", label: \"Click\" }\n      ],\n      metrics: [\n        { text: \"Impressions\", value: \"impressions\" },\n        { text: \"Video Views\", value: \"video_views\" },\n        { text: \"Clicks\", value: \"clicks\" }\n      ],\n      sortOrders: [\n        { text: \"Ascending\", value: \"asc\" },\n        { text: \"Descending\", value: \"desc\" }\n      ],\n      selectedMetric: null,\n      selectedOrder: null,\n      currentPage: this.displayPage,\n      pageSize: 9,\n      videoStates: [], // Her video için oynatılıyor mu değil mi durumu\n    };\n  },\n  computed: {\n    paginatedCards() {\n      const start = (this.currentPage - 1) * this.pageSize;\n      const end = start + this.pageSize;\n      return this.cards.slice(start, end);\n    }\n  },\n  watch: {\n    currentPage(newVal) {\n      this.$emit(\"currentPage\", newVal);\n    },\n    displayPage(newVal) {\n      if (newVal !== this.currentPage) {\n        this.currentPage = newVal;\n      }\n    },\n  },\n  methods: {\n    isYouTubeURL(url) {\n      return url.includes(\"youtube.com\") || url.includes(\"youtu.be\");\n    },\n    isMetaURL(url) {\n      return  url.includes(\"facebook.com/plugins/video.php\");\n    },\n    getEmbedURL(url) {\n      if (url.includes(\"youtube.com\") || url.includes(\"youtu.be\")) {\n        const videoId = url.includes(\"youtu.be\")\n            ? url.split(\"/\").pop()\n            : new URLSearchParams(new URL(url).search).get(\"v\");\n        return `https://www.youtube.com/embed/${videoId}`;\n      }\n      if (url.includes(\"facebook.com/plugins/video.php\")) {\n        return url;\n      }\n      return null;\n    },\n    getTitle(title) {\n      if (title === \"Google\") {\n        return \"google\";\n      } else if (title === \"Meta\") {\n        return \"meta\";\n      } else if (title === \"Tiktok\") {\n        return \"tiktok\";\n      } else if (title === \"Others\") {\n        return \"others\";\n      } else {\n        return title\n      }\n    },\n    openModal(index) {\n      this.campaigns = this.cards[index].campaigns || [];\n      this.$bvModal.show(`campaigns-modal-${index}`);\n    },\n    openMetricsModal(index) {\n      this.$bvModal.show(`metrics-modal-${index}`);\n    },\n    kFormatter,\n    sortCards() {\n      if (!this.selectedMetric || !this.selectedOrder) return;\n      this.cards.sort((a, b) => {\n        const valueA = a[this.selectedMetric] || 0;\n        const valueB = b[this.selectedMetric] || 0;\n        return this.selectedOrder === \"asc\" ? valueA - valueB : valueB - valueA;\n      });\n    },\n    handleMetricChange(value) {\n      this.selectedMetric = value;\n    },\n    handleOrderChange(value) {\n      this.selectedOrder = value;\n    }\n  }\n};\n</script>\n\n<style>\n.creative-cards {\n  max-height: 410px;\n  position: relative;\n}\n.creative-cards .card-body {\n  padding: 0;\n}\n.platform-label,\n.type-label {\n  margin-top: 3px;\n  font-size: 6px;\n  color: #fff;\n  text-align: center;\n  font-weight: bold;\n}\n.icon-box-platform {\n  position: absolute;\n  top: 0;\n  right: 10%;\n  background: linear-gradient(180deg, #a841f4, #561f9e);\n  padding: 5px 10px;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  width: 30px;\n  flex-direction: column;\n  z-index: 9;\n  color: white;\n}\n.icon-box-type {\n  position: absolute;\n  top: 0;\n  right: 5%;\n  background: linear-gradient(180deg, #d9d9d9, #4a4a4a);\n  padding: 5px 10px;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  width: 30px;\n  flex-direction: column;\n  z-index: 9;\n}\n.buttons {\n  background: linear-gradient(180deg, #00193f, #003272);\n  border: 1px solid #00aaff;\n  border-radius: 5px;\n  color: white;\n  font-weight: bold;\n  transition: all 0.3s ease;\n  width: 90%;\n}\n .left-button {\n  margin-left: 15px;\n}\n .right-button {\n  margin-right: 15px;\n}\n.buttons:hover {\n  background: linear-gradient(180deg, #003272, #0054a6);\n  border-color: #00d1ff;\n  color: #eaf7ff;\n}\n@media (max-width: 1025px) {\n  .buttons {\n    font-size: 10px;\n    width: 80%;\n    margin-bottom: 10px;\n  }\n  .left-button {\n    margin-left: 10px;\n  }\n  .right-button {\n    margin-right: 10px;\n  }\n  .button-cols {\n    padding: 0 !important;\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cards.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cards.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Cards.vue?vue&type=template&id=212260d4\"\nimport script from \"./Cards.vue?vue&type=script&lang=js\"\nexport * from \"./Cards.vue?vue&type=script&lang=js\"\nimport style0 from \"./Cards.vue?vue&type=style&index=0&id=212260d4&prod&lang=css\"\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',[_c('div',[_c('b-row',{staticClass:\"mb-3\"},[_c('b-col',{staticClass:\"text-left\"},[_c('b-dropdown',{staticClass:\"mr-2\",attrs:{\"id\":\"metric-dropdown\",\"text\":\"Select Metric\",\"variant\":\"primary\"},scopedSlots:_vm._u([{key:\"default\",fn:function(){return _vm._l((_vm.metrics),function(metric){return _c('b-form-checkbox',{key:metric.value,staticClass:\"m-1\",attrs:{\"value\":metric.value,\"name\":\"metric-options\"},on:{\"change\":function($event){return _vm.handleMetricChange(metric.value)}},model:{value:(_vm.selectedMetric),callback:function ($$v) {_vm.selectedMetric=$$v},expression:\"selectedMetric\"}},[_vm._v(\" \"+_vm._s(metric.text)+\" \")])})},proxy:true}])}),_c('b-dropdown',{staticClass:\"mr-2\",attrs:{\"id\":\"order-dropdown\",\"text\":\"Select Order\",\"variant\":\"primary\"},scopedSlots:_vm._u([{key:\"default\",fn:function(){return _vm._l((_vm.sortOrders),function(order){return _c('b-form-checkbox',{key:order.value,staticClass:\"m-1\",attrs:{\"value\":order.value,\"name\":\"order-options\"},on:{\"change\":function($event){return _vm.handleOrderChange(order.value)}},model:{value:(_vm.selectedOrder),callback:function ($$v) {_vm.selectedOrder=$$v},expression:\"selectedOrder\"}},[_vm._v(\" \"+_vm._s(order.text)+\" \")])})},proxy:true}])}),_c('b-button',{attrs:{\"variant\":\"outline-primary\",\"disabled\":!_vm.selectedMetric || !_vm.selectedOrder},on:{\"click\":_vm.sortCards}},[_vm._v(\" Sort \")])],1)],1),_c('b-row',_vm._l((_vm.cards),function(card,index){return _c('b-col',{key:index,attrs:{\"lg\":\"4\"}},[_c('b-card',{staticClass:\"text-center creative-cards\",staticStyle:{\"width\":\"100%\",\"position\":\"relative\",\"border\":\"2.5px solid #1f093d\"}},[_c('div',{staticClass:\"icon-box-platform\"},[_c('img',{staticStyle:{\"width\":\"22px\",\"height\":\"22px\",\"margin-top\":\"3px\"},attrs:{\"alt\":\"Google Icon\",\"src\":require((\"@/assets/images/uploads/\" + (_vm.getTitle(\n                  card.platform\n                )) + \"-beyaz.svg\"))}}),_c('span',{staticClass:\"platform-label\"},[_vm._v(_vm._s(card.platform))])]),_c('b-row',[_c('b-col',[(card.type === 'Video' && !_vm.isYouTubeURL(card.url) && !_vm.isMetaURL(card.url) )?_c('div',{staticStyle:{\"position\":\"relative\",\"width\":\"100%\",\"height\":\"300px\"}},[_c('video',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"object-fit\":\"contain\",\"margin-bottom\":\"15px\"},attrs:{\"controls\":\"\"}},[_c('source',{attrs:{\"src\":card.url,\"type\":\"video/mp4\"}}),_vm._v(\" Your browser does not support the video tag. \")])]):( card.type === 'Video' && _vm.isYouTubeURL(card.url))?_c('div',[_c('iframe',{staticStyle:{\"width\":\"100%\",\"height\":\"275px\",\"object-fit\":\"contain\",\"margin-bottom\":\"15px\"},attrs:{\"src\":_vm.getEmbedURL(card.url),\"frameborder\":\"0\",\"allow\":\"autoplay; encrypted-media\",\"allowfullscreen\":\"\"}})]):( card.type === 'Video' && _vm.isMetaURL(card.url))?_c('div',[_c('iframe',{staticStyle:{\"height\":\"275px\",\"object-fit\":\"contain\",\"margin-bottom\":\"15px\"},attrs:{\"src\":_vm.getEmbedURL(card.url),\"frameborder\":\"0\",\"allow\":\"autoplay; encrypted-media\",\"allowfullscreen\":\"\"}})]):_c('b-img',{staticStyle:{\"width\":\"100%\",\"height\":\"300px\",\"object-fit\":\"contain\"},attrs:{\"src\":card.url,\"fluid\":\"\"}})],1)],1),_c('h3',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",value:({ title: card.title }),expression:\"{ title: card.title }\",modifiers:{\"hover\":true}}],staticClass:\"text-bold truncated-text mb-1\",staticStyle:{\"font-size\":\"1.15rem !important\",\"margin-top\":\"10px\"}},[_vm._v(\" \"+_vm._s(card.title.length > 30 ? card.title.substring(0, 30) + \"...\" : card.title)+\" \")]),_c('b-row',{staticClass:\"mt-1 d-flex justify-content-end\"},[_c('b-col',{staticClass:\"p-1 button-cols\"},[_c('b-button',{staticClass:\"buttons left-button\",attrs:{\"id\":(\"metrics-btn-\" + index)},on:{\"click\":function($event){return _vm.openMetricsModal(index)}}},[_vm._v(\" Metrics \")])],1),_c('b-col',{staticClass:\"p-1 button-cols\"},[_c('b-button',{staticClass:\"buttons right-button\",attrs:{\"id\":(\"campaigns-btn-\" + index)},on:{\"click\":function($event){return _vm.openModal(index)}}},[_vm._v(\" Campaigns: \"+_vm._s(card.campaign_count)+\" \")])],1)],1),_c('b-modal',{attrs:{\"id\":(\"campaigns-modal-\" + index),\"title\":\"Campaigns\",\"centered\":\"\",\"size\":\"lg\"}},[_c('b-table',{attrs:{\"responsive\":\"\",\"fields\":_vm.fields,\"items\":_vm.campaigns}})],1),_c('b-modal',{attrs:{\"id\":(\"metrics-modal-\" + index),\"title\":\"Metrics\",\"centered\":\"\",\"size\":\"sm\"}},[_c('b-row',[_c('b-col',{staticClass:\"metrics-container\"},[_c('p',{staticClass:\"mb-1\"},[_vm._v(\" Impression: \"),_c('strong',[_vm._v(_vm._s(_vm.kFormatter(card.impressions)))])]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" Views: \"),_c('strong',[_vm._v(_vm._s(_vm.kFormatter(card.video_views)))])]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" Click: \"),_c('strong',[_vm._v(_vm._s(_vm.kFormatter(card.clicks)))])]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" Campaigns: \"),_c('strong',[_vm._v(_vm._s(_vm.kFormatter(card.campaign_count)))])])])],1)],1)],1)],1)}),1),_c('b-row',{staticClass:\"mt-4\"},[_c('b-col',[_c('b-pagination',{attrs:{\"total-rows\":_vm.totalCard,\"per-page\":_vm.pageSize,\"align\":\"center\"},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div>\n      <div class=\"d-flex\">\n        <h3 class=\"mb-1 mt-1\">\n          Table\n        </h3>\n      </div>\n      <p class=\"text-muted\">\n        Click on the row to see to content.\n      </p>\n\n      <div\n        v-if=\"\n          selectedCampaigns.length > 0 ||\n            selectedPlatforms.length > 0\n        \"\n        class=\"d-flex ml-auto cursor-pointer mb-2 mt-0\"\n      >\n        <b-button\n          v-b-toggle.collapse-1\n          class=\"d-flex\"\n          style=\"\n          background-color: unset !important;\n          border: none !important;\n          text-decoration: underline;\n        \"\n          @click=\"isAllSelectionsCardOpen = !isAllSelectionsCardOpen\"\n        >\n          <p class=\"mb-0\">\n            {{\n              isAllSelectionsCardOpen ? \"Hide Selections\" : \"Show Selections\"\n            }}\n          </p>\n          <FeatherIcon\n            :icon=\"\n              isAllSelectionsCardOpen ? 'ChevronUpIcon' : 'ChevronDownIcon'\n            \"\n            class=\"fixed-size-icon\"\n            style=\"width: 20px; height: 20px\"\n          />\n        </b-button>\n      </div>\n    </div>\n\n    <b-collapse id=\"collapse-1\">\n      <b-card\n        v-if=\"\n          selectedCampaigns.length > 0 ||\n            selectedPlatforms.length > 0\n        \"\n      >\n        <div class=\"d-flex flex-wrap\">\n          <div\n            v-if=\"selectedCampaigns.length > 0\"\n            class=\"d-flex flex-wrap\"\n          >\n            <h5 class=\"mt-1 ml-1\">\n              Campaigns:\n            </h5>\n            <b-badge\n              v-for=\"(campaign, index) in selectedCampaigns\"\n              :key=\"index\"\n              pill\n              variant=\"primary\"\n              class=\"ml-1 mt-1\"\n              style=\"background-color: rgba(131, 37, 250, 0.4); color: white\"\n            >\n              {{ campaign }}\n              <template>\n                <FeatherIcon\n                  icon=\"XIcon\"\n                  size=\"16\"\n                  style=\"cursor: pointer\"\n                  @click=\"selectedCampaigns.splice(index, 1)\"\n                />\n              </template>\n            </b-badge>\n          </div>\n          <div\n            v-if=\"selectedPlatforms.length > 0\"\n            class=\"d-flex flex-wrap\"\n          >\n            <h5 class=\"mt-1 ml-1\">\n              Platforms:\n            </h5>\n            <b-badge\n              v-for=\"(platform, index) in selectedPlatforms\"\n              :key=\"index\"\n              pill\n              variant=\"primary\"\n              class=\"ml-1 mt-1\"\n              style=\"background-color: rgba(131, 37, 250, 0.4); color: white\"\n            >\n              {{ source }}\n              <template>\n                <FeatherIcon\n                  icon=\"XIcon\"\n                  size=\"16\"\n                  style=\"cursor: pointer\"\n                  @click=\"selectedSources.splice(index, 1)\"\n                />\n              </template>\n            </b-badge>\n          </div>\n        </div>\n        <div class=\"d-flex\">\n          <b-button\n            variant=\"outline-danger\"\n            class=\"ml-auto mt-1\"\n            size=\"sm\"\n            @click=\"\n              selectedCampaigns = [];\n              selectedPlatforms = [];\n            \"\n          >\n            Clear All Selections\n          </b-button>\n        </div>\n      </b-card>\n    </b-collapse>\n    <b-table\n      id=\"tableEnhancer\"\n      striped\n      responsive\n      hover\n      :items=\"filteredData()\"\n      :fields=\"fields\"\n      :per-page=\"perPage\"\n      :current-page=\"currentPage\"\n      :show-empty=\"true\"\n      @row-clicked=\"handleRowClick\"\n    >\n      <template #head(url)=\"data\">\n        <div>\n          <span style=\"margin-right: 3px;\">{{ data.label }}</span>\n          <feather-icon icon=\"PlayCircleIcon\" />\n        </div>\n      </template>\n      <template #head(campaign)=\"data\">\n        <div\n          style=\"min-width: 150px\"\n          class=\"d-flex align-items-center\"\n        >\n          <span>{{ data.label }}</span>\n          <div\n            id=\"campaign-filter-popover\"\n            class=\"icon-container\"\n            @click.stop=\"togglePopover('campaign-filter-popover', 'campaignPopover')\"\n          >\n            <img\n              :src=\"\n                selectedCampaigns.length === 0\n                  ? require('@/assets/images/icons/filter-border.svg')\n                  : require('@/assets/images/icons/filter-fill.svg')\n              \"\n              alt=\"filter\"\n              class=\"filter-icon\"\n            >\n          </div>\n          <b-popover\n            id=\"custom-popover\"\n            ref=\"campaignPopover\"\n            target=\"campaign-filter-popover\"\n            triggers=\"manual\"\n            title=\"Campaign Filter\"\n          >\n            <div style=\"overflow-y: auto\">\n              <div class=\"d-flex p-1\">\n                <b-form-input\n                  v-model=\"filterCampaign\"\n                  type=\"search\"\n                  placeholder=\"Type to Search\"\n                  class=\"pl-3\"\n                />\n                <feather-icon\n                  icon=\"SearchIcon\"\n                  size=\"16\"\n                  color=\"white\"\n                  class=\"position-absolute\"\n                  style=\"margin-top: 0.8rem; margin-left: 0.5rem\"\n                />\n              </div>\n              <vue-perfect-scrollbar\n                ref=\"scrollbar\"\n                style=\"max-height: 200px\"\n              >\n                <div\n                  v-for=\"(option, i) in filteredDistinctCampaigns\"\n                  :key=\"i\"\n                  class=\"dropdown-list d-flex p-1\"\n                  :class=\"\n                    selectedCampaigns.includes(option.text)\n                      ? 'bg-primary'\n                      : ''\n                  \"\n                  @click=\"selectCampaign(option)\"\n                >\n                  <span class=\"option-text\">{{ option.text }}</span>\n                  <div class=\"check-icon-container ml-auto\">\n                    <feather-icon\n                      v-if=\"selectedCampaigns.includes(option.text)\"\n                      icon=\"CheckIcon\"\n                      color=\"white\"\n                      size=\"20\"\n                    />\n                  </div>\n                </div>\n              </vue-perfect-scrollbar>\n            </div>\n          </b-popover>\n        </div>\n      </template>\n\n      <template #head(platform)=\"data\">\n        <div\n          style=\"min-width: 110px\"\n          class=\"d-flex align-items-center\"\n        >\n          <span>{{ data.label }}</span>\n          <div\n            id=\"platform-filter-popover\"\n            class=\"icon-container\"\n            @click.stop=\"togglePopover('platform-filter-popover', 'platformPopover')\"\n          >\n            <img\n              :src=\"\n                selectedPlatforms.length === 0\n                  ? require('@/assets/images/icons/filter-border.svg')\n                  : require('@/assets/images/icons/filter-fill.svg')\n              \"\n              alt=\"filter\"\n              class=\"filter-icon\"\n            >\n          </div>\n          <b-popover\n            id=\"custom-popover\"\n            ref=\"platformPopover\"\n            target=\"platform-filter-popover\"\n            triggers=\"manual\"\n            title=\"Platform Filter\"\n          >\n            <div style=\"overflow-y: auto\">\n              <div class=\"d-flex p-1\">\n                <b-form-input\n                  v-model=\"filterPlatform\"\n                  type=\"search\"\n                  placeholder=\"Type to Search\"\n                  class=\"pl-3\"\n                />\n                <feather-icon\n                  icon=\"SearchIcon\"\n                  size=\"16\"\n                  color=\"white\"\n                  class=\"position-absolute\"\n                  style=\"margin-top: 0.8rem; margin-left: 0.5rem\"\n                />\n              </div>\n              <vue-perfect-scrollbar\n                ref=\"scrollbar\"\n                style=\"max-height: 200px\"\n              >\n                <div\n                  v-for=\"(option, i) in filteredDistinctPlatforms\"\n                  :key=\"i\"\n                  class=\"dropdown-list d-flex p-1\"\n                  :class=\"\n                    selectedPlatforms.includes(option.text) ? 'bg-primary' : ''\n                  \"\n                  @click=\"selectPlatform(option)\"\n                >\n                  <span class=\"option-text\">{{ option.text }}</span>\n                  <div class=\"check-icon-container ml-auto\">\n                    <feather-icon\n                      v-if=\"selectedPlatforms.includes(option.text)\"\n                      icon=\"CheckIcon\"\n                      size=\"20\"\n                      color=\"white\"\n                      class=\"ml-auto\"\n                    />\n                  </div>\n                </div>\n              </vue-perfect-scrollbar>\n            </div>\n          </b-popover>\n        </div>\n      </template>\n      <template #head(type)=\"data\">\n        <div>\n          <span style=\"margin-right: 3px;\">{{ data.label }}</span>\n          <feather-icon icon=\"PlayCircleIcon\" />\n        </div>\n      </template>\n      <template #cell(clicks)=\"data\">\n        {{ universalFormatter(data.value, {decimals:0}) }}\n      </template>\n\n      <template #cell(impressions)=\"data\">\n        {{ universalFormatter(data.value, {decimals:0}) }}\n      </template>\n\n      <template #cell(video_views)=\"data\">\n        {{ universalFormatter(data.value, {decimals:0}) }}\n      </template>\n\n      <template #cell(type)=\"data\">\n        <b-badge variant=\"primary\">\n          {{ data.value }}\n        </b-badge>\n      </template>\n    </b-table>\n\n    <b-modal\n      id=\"video-modal\"\n      ref=\"videoModal\"\n      size=\"lg\"\n      hide-footer\n    >\n      <b-row class=\"match-height text-center ml-2\">\n        <h3 class=\"text-bold\">\n          {{ currentVideoName }}\n        </h3>\n      </b-row>\n      <b-row>\n        <b-col>\n          <div\n            v-if=\"currentVideoType === 'Video' && !isYouTubeURL(currentVideoUrl)\"\n            style=\"position: relative; width: 100%; height: 300px;\"\n          >\n            <video\n              style=\"width: 100%; height: 100%; object-fit: contain; margin-bottom:15px\"\n              controls\n            >\n              <source\n                :src=\"currentVideoUrl\"\n                type=\"video/mp4\"\n              >\n              Your browser does not support the video tag.\n            </video>\n          </div>\n          <div v-else-if=\" currentVideoType === 'Video' && isYouTubeURL(currentVideoUrl)\">\n            <iframe\n              :src=\"getYouTubeEmbedURL(currentVideoUrl)\"\n              style=\"width: 100%; height: 500px; object-fit: contain; margin-bottom:15px\"\n              frameborder=\"0\"\n              allow=\"autoplay; encrypted-media\"\n              allowfullscreen\n            />\n          </div>\n          <b-img\n            v-else\n            :src=\"currentVideoUrl\"\n            style=\"width: 100%; height: 300px; object-fit: contain;\"\n            fluid\n          />\n        </b-col>\n      </b-row>\n    </b-modal>\n    \n    <div class=\"d-flex\">\n      <b-form-group\n        label=\"\"\n        label-align=\"left\"\n        label-size=\"sm\"\n        label-for=\"sortBySelect\"\n        class=\"text-nowrap mb-md-0 mr-1\"\n      >\n        <b-form-select\n          id=\"perPageSelect\"\n          v-model=\"perPage\"\n          size=\"sm\"\n          inline\n          :options=\"pageOptions\"\n        />\n      </b-form-group>\n      <b-pagination\n        v-if=\"shouldShowPagination\"\n        v-model=\"currentPage\"\n        :total-rows=\"rows\"\n        :per-page=\"perPage\"\n        aria-controls=\"my-table\"\n        class=\"ml-auto\"\n      />\n    </div>\n    </b-modal<b-modal>\n  </div>\n</template>\n<script>\nimport {\n  BBadge,\n  BButton,\n  BCard, BCardTitle, BCol,\n  BCollapse,\n  BFormGroup,\n  BFormInput,\n  BFormSelect,\n  BPagination,\n  BPopover, BRow,\n  BTable\n} from \"bootstrap-vue\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\n\nimport {universalFormatter} from \"@core/utils/utils\";\n\n\nexport default {\n  components: {\n    BCardTitle, BCol, BRow,\n    BFormSelect, BPagination, BFormGroup,\n    BFormInput, BPopover,\n    BCollapse, BBadge, BCard, BButton,\n    BTable,\n    VuePerfectScrollbar\n  },\n  props: {\n    table: {\n      type: Array,\n      default: () => [],\n      required: true\n    }\n  },\n  data () {\n    return {\n      fields: [\n        { key: 'campaign', label: 'Campaign', sortable: true },\n        { key: 'platform', label: 'Platform', sortable: true },\n        { key: 'clicks', label: 'Clicks', sortable: true },\n        { key: 'impressions', label: 'Impressions', sortable: true },\n        { key: 'video_views', label: 'Video Views', sortable: true },\n        { key: 'type', label: 'Creative Type' },\n\n\n      ],\n      filterCampaign: \"\",\n      selectedCampaigns: [],\n      filterPlatform: \"\",\n      selectedPlatforms: [],\n      currentPage: 1,\n      perPage: 5,\n      pageOptions: [5, 10, 15],\n      isAllSelectionsCardOpen: false,\n      currentVideoUrl: null,\n      currentVideoName: \"\",\n      currentVideoType: \"\"\n    }\n  },\n  computed: {\n    rows() {\n      return this.filteredData().length;\n    },\n    shouldShowPagination() {\n      return this.filteredData().length > this.perPage;\n    },\n    filteredDistinctCampaigns() {\n      const campaigns = this.filteredData(\"campaign\").map(\n          (item) => item.campaign\n      );\n      let distinctCampaigns = campaigns\n          .filter((value, index, self) => self.indexOf(value) === index)\n          .map((value) => ({ text: value, value }));\n\n      if (this.filterCampaign) {\n        distinctCampaigns = distinctCampaigns.filter((campaign) =>\n            campaign.text\n                .toLowerCase()\n                .includes(this.filterCampaign.toLowerCase())\n        );\n      }\n\n      return distinctCampaigns;\n    },\n    filteredDistinctPlatforms() {\n      const sources = this.filteredData(\"source\").map((item) => item.platform);\n      let distinctPlatforms = sources\n          .filter((value, index, self) => self.indexOf(value) === index)\n          .map((value) => ({ text: value, value }));\n\n      if (this.filterPlatform) {\n        distinctPlatforms = distinctPlatforms.filter((source) =>\n            source.text.toLowerCase().includes(this.filterPlatform.toLowerCase())\n        );\n      }\n      return distinctPlatforms;\n    },\n  },\n    methods: {\n      isYouTubeURL(url) {\n        return url.includes(\"youtube.com\") || url.includes(\"youtu.be\");\n      },\n      getYouTubeEmbedURL(url) {\n        const videoId = url.includes(\"youtu.be\")\n            ? url.split(\"/\").pop()\n            : new URLSearchParams(new URL(url).search).get(\"v\");\n        return `https://www.youtube.com/embed/${videoId}`;\n      },\n    universalFormatter,\n      handleRowClick(row) {\n        this.currentVideoUrl = row.url;\n        this.currentVideoName = row.title || \"Preview\";\n        this.currentVideoType = row.type; // 'video' veya 'image' olmalı\n        this.$refs.videoModal.show();\n      },\n\n      togglePopover(name, popoverName) {\n        const popover = this.$refs[popoverName];\n        if (popover.localShow) {\n          this.$root.$emit(\"bv::hide::popover\", name);\n          this.removeOutsideClickListener();\n        } else {\n          this.$root.$emit(\"bv::show::popover\", name);\n          this.addOutsideClickListener(name);\n        }\n      },\n      addOutsideClickListener(name) {\n        this.boundHandleOutsideClick = (event) =>\n            this.handleOutsideClick(event, name);\n        document.addEventListener(\"click\", this.boundHandleOutsideClick);\n      },\n      removeOutsideClickListener() {\n        if (this.boundHandleOutsideClick) {\n          document.removeEventListener(\"click\", this.boundHandleOutsideClick);\n          this.boundHandleOutsideClick = null;\n        }\n      },\n    filteredData(type) {\n      return this.table.filter((item) => {\n        const campaignMatch =\n            type === \"campaign\" ||\n            this.selectedCampaigns.length === 0 ||\n            this.selectedCampaigns.includes(item.campaign);\n        const platformMatch =\n            type === \"platform\" ||\n            this.selectedPlatforms.length === 0 ||\n            this.selectedPlatforms.includes(item.platform);\n        return (\n            campaignMatch &&\n            platformMatch\n        );\n      });\n    },\n      selectCampaign(campaign) {\n        const index = this.selectedCampaigns.indexOf(campaign.text);\n        if (index === -1) {\n          this.selectedCampaigns.push(campaign.text);\n        } else {\n          this.selectedCampaigns.splice(index, 1);\n        }\n      },\n      selectPlatform(platform) {\n        const index = this.selectedPlatforms.indexOf(platform.text);\n        if (index === -1) {\n          this.selectedPlatforms.push(platform.text);\n        } else {\n          this.selectedPlatforms.splice(index, 1);\n        }\n      },\n  }\n};\n</script>\n<style lang=\"scss\">\n#tableEnhancer.table.b-table > thead > tr > [aria-sort] {\n  background-size: 0.65em 1em;\n}\n#tableEnhancer.table.b-table\n> thead\n> tr\n> [aria-sort]:not(.b-table-sort-icon-left) {\n  background-position: left calc(0rem) center;\n}\n#tableEnhancer .b-table-bottom-row:last-child {\n  background-color: #9d73d367 !important;\n}\n#tableEnhancer .b-table-bottom-row:last-child:hover {\n  animation: shine 0.5s infinite alternate !important;\n}\n@keyframes shine {\n  from {\n    box-shadow: 0 0 5px #6222b6;\n  }\n  to {\n    box-shadow: 0 0 15px #9d73d3;\n  }\n}\n#custom-popover {\n  background-color: #1f093d;\n  .popover-body {\n    padding: 0;\n  }\n}\n\n.dropdown-list {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  &:hover {\n    background-color: #ffffff1f;\n  }\n}\n\n.option-text {\n  flex: 1;\n  word-break: break-word;\n  white-space: normal;\n  line-height: 1.4;\n}\n\n.check-icon-container {\n  min-width: 24px;\n  max-width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon-container {\n  width: 30px;\n  height: 30px;\n  margin-left: 0.5rem;\n}\n\n.icon-container:hover {\n  background-color: #fefdff43;\n  border-radius: 50%;\n}\n\n.filter-fixed {\n  width: 20px;\n  height: 20px;\n  margin-top: 0.4rem;\n}\n\n.fixed-size-icon {\n  width: 50px;\n  height: 50px;\n}\n\n#tableEnhancer th {\n  text-align: center;\n  vertical-align: middle;\n  color: #495057;\n  font-weight: bold;\n  padding: 12px;\n}\n\n#tableEnhancer th > div {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n#tableEnhancer {\n  .positive {\n    color: green;\n  }\n  .negative {\n    color: red;\n  }\n  .status {\n    display: inline-block;\n    width: 15px;\n    height: 15px;\n    border-radius: 50%;\n    &.positive {\n      background-color: rgb(51, 160, 51);\n    }\n\n    &.negative {\n      background-color: rgb(246, 64, 64);\n    }\n\n    box-shadow: inset 0 5px 4px 0.5px rgba(255, 255, 255, 0.293);\n  }\n  .table-fail {\n    background: linear-gradient(\n            to top,\n            rgba(152, 9, 9, 0.533),\n            rgba(168, 1, 1, 0.05)\n    );\n  }\n  .disabled-row {\n    background: linear-gradient(\n            to top,\n            rgba(102, 102, 102, 0.856),\n            rgba(41, 41, 41, 0.75)\n    );\n  }\n\n  .disabled-row:hover {\n    background: #8325fb;\n  }\n}\n\n.score {\n  text-transform: capitalize;\n  font-weight: bolder;\n  &.excellent {\n    color: rgb(12, 164, 4);\n  }\n  &.good {\n    color: rgb(112, 230, 105);\n  }\n  &.average {\n    color: rgb(254, 181, 2);\n  }\n  &.poor {\n    color: rgb(182, 31, 31);\n  }\n  &.unspecified {\n    color: rgb(80, 80, 80);\n  }\n}\n\n.red {\n  background: linear-gradient(\n          to top,\n          rgba(255, 0, 0, 0.663),\n          rgba(168, 1, 1, 0.05)\n  );\n  color: white !important;\n}\n.yellow {\n  background: linear-gradient(\n          to top,\n          rgba(255, 200, 0, 0.663),\n          rgba(168, 168, 1, 0.05)\n  );\n  color: black !important;\n}\n.green {\n  background: linear-gradient(\n          to top,\n          rgba(0, 255, 85, 0.863),\n          rgba(1, 168, 1, 0.05)\n  );\n  color: white !important;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Table.vue?vue&type=template&id=4faf1a11\"\nimport script from \"./Table.vue?vue&type=script&lang=js\"\nexport * from \"./Table.vue?vue&type=script&lang=js\"\nimport style0 from \"./Table.vue?vue&type=style&index=0&id=4faf1a11&prod&lang=scss\"\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',[_c('div',[_vm._m(0),_c('p',{staticClass:\"text-muted\"},[_vm._v(\" Click on the row to see to content. \")]),(\n        _vm.selectedCampaigns.length > 0 ||\n          _vm.selectedPlatforms.length > 0\n      )?_c('div',{staticClass:\"d-flex ml-auto cursor-pointer mb-2 mt-0\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"d-flex\",staticStyle:{\"background-color\":\"unset !important\",\"border\":\"none !important\",\"text-decoration\":\"underline\"},on:{\"click\":function($event){_vm.isAllSelectionsCardOpen = !_vm.isAllSelectionsCardOpen}}},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(_vm.isAllSelectionsCardOpen ? \"Hide Selections\" : \"Show Selections\")+\" \")]),_c('FeatherIcon',{staticClass:\"fixed-size-icon\",staticStyle:{\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"icon\":_vm.isAllSelectionsCardOpen ? 'ChevronUpIcon' : 'ChevronDownIcon'}})],1)],1):_vm._e()]),_c('b-collapse',{attrs:{\"id\":\"collapse-1\"}},[(\n        _vm.selectedCampaigns.length > 0 ||\n          _vm.selectedPlatforms.length > 0\n      )?_c('b-card',[_c('div',{staticClass:\"d-flex flex-wrap\"},[(_vm.selectedCampaigns.length > 0)?_c('div',{staticClass:\"d-flex flex-wrap\"},[_c('h5',{staticClass:\"mt-1 ml-1\"},[_vm._v(\" Campaigns: \")]),_vm._l((_vm.selectedCampaigns),function(campaign,index){return _c('b-badge',{key:index,staticClass:\"ml-1 mt-1\",staticStyle:{\"background-color\":\"rgba(131, 37, 250, 0.4)\",\"color\":\"white\"},attrs:{\"pill\":\"\",\"variant\":\"primary\"}},[_vm._v(\" \"+_vm._s(campaign)+\" \"),[_c('FeatherIcon',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"icon\":\"XIcon\",\"size\":\"16\"},on:{\"click\":function($event){return _vm.selectedCampaigns.splice(index, 1)}}})]],2)})],2):_vm._e(),(_vm.selectedPlatforms.length > 0)?_c('div',{staticClass:\"d-flex flex-wrap\"},[_c('h5',{staticClass:\"mt-1 ml-1\"},[_vm._v(\" Platforms: \")]),_vm._l((_vm.selectedPlatforms),function(platform,index){return _c('b-badge',{key:index,staticClass:\"ml-1 mt-1\",staticStyle:{\"background-color\":\"rgba(131, 37, 250, 0.4)\",\"color\":\"white\"},attrs:{\"pill\":\"\",\"variant\":\"primary\"}},[_vm._v(\" \"+_vm._s(_vm.source)+\" \"),[_c('FeatherIcon',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"icon\":\"XIcon\",\"size\":\"16\"},on:{\"click\":function($event){return _vm.selectedSources.splice(index, 1)}}})]],2)})],2):_vm._e()]),_c('div',{staticClass:\"d-flex\"},[_c('b-button',{staticClass:\"ml-auto mt-1\",attrs:{\"variant\":\"outline-danger\",\"size\":\"sm\"},on:{\"click\":function($event){_vm.selectedCampaigns = [];\n            _vm.selectedPlatforms = [];}}},[_vm._v(\" Clear All Selections \")])],1)]):_vm._e()],1),_c('b-table',{attrs:{\"id\":\"tableEnhancer\",\"striped\":\"\",\"responsive\":\"\",\"hover\":\"\",\"items\":_vm.filteredData(),\"fields\":_vm.fields,\"per-page\":_vm.perPage,\"current-page\":_vm.currentPage,\"show-empty\":true},on:{\"row-clicked\":_vm.handleRowClick},scopedSlots:_vm._u([{key:\"head(url)\",fn:function(data){return [_c('div',[_c('span',{staticStyle:{\"margin-right\":\"3px\"}},[_vm._v(_vm._s(data.label))]),_c('feather-icon',{attrs:{\"icon\":\"PlayCircleIcon\"}})],1)]}},{key:\"head(campaign)\",fn:function(data){return [_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"min-width\":\"150px\"}},[_c('span',[_vm._v(_vm._s(data.label))]),_c('div',{staticClass:\"icon-container\",attrs:{\"id\":\"campaign-filter-popover\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.togglePopover('campaign-filter-popover', 'campaignPopover')}}},[_c('img',{staticClass:\"filter-icon\",attrs:{\"src\":_vm.selectedCampaigns.length === 0\n                ? require('@/assets/images/icons/filter-border.svg')\n                : require('@/assets/images/icons/filter-fill.svg'),\"alt\":\"filter\"}})]),_c('b-popover',{ref:\"campaignPopover\",attrs:{\"id\":\"custom-popover\",\"target\":\"campaign-filter-popover\",\"triggers\":\"manual\",\"title\":\"Campaign Filter\"}},[_c('div',{staticStyle:{\"overflow-y\":\"auto\"}},[_c('div',{staticClass:\"d-flex p-1\"},[_c('b-form-input',{staticClass:\"pl-3\",attrs:{\"type\":\"search\",\"placeholder\":\"Type to Search\"},model:{value:(_vm.filterCampaign),callback:function ($$v) {_vm.filterCampaign=$$v},expression:\"filterCampaign\"}}),_c('feather-icon',{staticClass:\"position-absolute\",staticStyle:{\"margin-top\":\"0.8rem\",\"margin-left\":\"0.5rem\"},attrs:{\"icon\":\"SearchIcon\",\"size\":\"16\",\"color\":\"white\"}})],1),_c('vue-perfect-scrollbar',{ref:\"scrollbar\",staticStyle:{\"max-height\":\"200px\"}},_vm._l((_vm.filteredDistinctCampaigns),function(option,i){return _c('div',{key:i,staticClass:\"dropdown-list d-flex p-1\",class:_vm.selectedCampaigns.includes(option.text)\n                    ? 'bg-primary'\n                    : '',on:{\"click\":function($event){return _vm.selectCampaign(option)}}},[_c('span',{staticClass:\"option-text\"},[_vm._v(_vm._s(option.text))]),_c('div',{staticClass:\"check-icon-container ml-auto\"},[(_vm.selectedCampaigns.includes(option.text))?_c('feather-icon',{attrs:{\"icon\":\"CheckIcon\",\"color\":\"white\",\"size\":\"20\"}}):_vm._e()],1)])}),0)],1)])],1)]}},{key:\"head(platform)\",fn:function(data){return [_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"min-width\":\"110px\"}},[_c('span',[_vm._v(_vm._s(data.label))]),_c('div',{staticClass:\"icon-container\",attrs:{\"id\":\"platform-filter-popover\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.togglePopover('platform-filter-popover', 'platformPopover')}}},[_c('img',{staticClass:\"filter-icon\",attrs:{\"src\":_vm.selectedPlatforms.length === 0\n                ? require('@/assets/images/icons/filter-border.svg')\n                : require('@/assets/images/icons/filter-fill.svg'),\"alt\":\"filter\"}})]),_c('b-popover',{ref:\"platformPopover\",attrs:{\"id\":\"custom-popover\",\"target\":\"platform-filter-popover\",\"triggers\":\"manual\",\"title\":\"Platform Filter\"}},[_c('div',{staticStyle:{\"overflow-y\":\"auto\"}},[_c('div',{staticClass:\"d-flex p-1\"},[_c('b-form-input',{staticClass:\"pl-3\",attrs:{\"type\":\"search\",\"placeholder\":\"Type to Search\"},model:{value:(_vm.filterPlatform),callback:function ($$v) {_vm.filterPlatform=$$v},expression:\"filterPlatform\"}}),_c('feather-icon',{staticClass:\"position-absolute\",staticStyle:{\"margin-top\":\"0.8rem\",\"margin-left\":\"0.5rem\"},attrs:{\"icon\":\"SearchIcon\",\"size\":\"16\",\"color\":\"white\"}})],1),_c('vue-perfect-scrollbar',{ref:\"scrollbar\",staticStyle:{\"max-height\":\"200px\"}},_vm._l((_vm.filteredDistinctPlatforms),function(option,i){return _c('div',{key:i,staticClass:\"dropdown-list d-flex p-1\",class:_vm.selectedPlatforms.includes(option.text) ? 'bg-primary' : '',on:{\"click\":function($event){return _vm.selectPlatform(option)}}},[_c('span',{staticClass:\"option-text\"},[_vm._v(_vm._s(option.text))]),_c('div',{staticClass:\"check-icon-container ml-auto\"},[(_vm.selectedPlatforms.includes(option.text))?_c('feather-icon',{staticClass:\"ml-auto\",attrs:{\"icon\":\"CheckIcon\",\"size\":\"20\",\"color\":\"white\"}}):_vm._e()],1)])}),0)],1)])],1)]}},{key:\"head(type)\",fn:function(data){return [_c('div',[_c('span',{staticStyle:{\"margin-right\":\"3px\"}},[_vm._v(_vm._s(data.label))]),_c('feather-icon',{attrs:{\"icon\":\"PlayCircleIcon\"}})],1)]}},{key:\"cell(clicks)\",fn:function(data){return [_vm._v(\" \"+_vm._s(_vm.universalFormatter(data.value, {decimals:0}))+\" \")]}},{key:\"cell(impressions)\",fn:function(data){return [_vm._v(\" \"+_vm._s(_vm.universalFormatter(data.value, {decimals:0}))+\" \")]}},{key:\"cell(video_views)\",fn:function(data){return [_vm._v(\" \"+_vm._s(_vm.universalFormatter(data.value, {decimals:0}))+\" \")]}},{key:\"cell(type)\",fn:function(data){return [_c('b-badge',{attrs:{\"variant\":\"primary\"}},[_vm._v(\" \"+_vm._s(data.value)+\" \")])]}}])}),_c('b-modal',{ref:\"videoModal\",attrs:{\"id\":\"video-modal\",\"size\":\"lg\",\"hide-footer\":\"\"}},[_c('b-row',{staticClass:\"match-height text-center ml-2\"},[_c('h3',{staticClass:\"text-bold\"},[_vm._v(\" \"+_vm._s(_vm.currentVideoName)+\" \")])]),_c('b-row',[_c('b-col',[(_vm.currentVideoType === 'Video' && !_vm.isYouTubeURL(_vm.currentVideoUrl))?_c('div',{staticStyle:{\"position\":\"relative\",\"width\":\"100%\",\"height\":\"300px\"}},[_c('video',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"object-fit\":\"contain\",\"margin-bottom\":\"15px\"},attrs:{\"controls\":\"\"}},[_c('source',{attrs:{\"src\":_vm.currentVideoUrl,\"type\":\"video/mp4\"}}),_vm._v(\" Your browser does not support the video tag. \")])]):( _vm.currentVideoType === 'Video' && _vm.isYouTubeURL(_vm.currentVideoUrl))?_c('div',[_c('iframe',{staticStyle:{\"width\":\"100%\",\"height\":\"500px\",\"object-fit\":\"contain\",\"margin-bottom\":\"15px\"},attrs:{\"src\":_vm.getYouTubeEmbedURL(_vm.currentVideoUrl),\"frameborder\":\"0\",\"allow\":\"autoplay; encrypted-media\",\"allowfullscreen\":\"\"}})]):_c('b-img',{staticStyle:{\"width\":\"100%\",\"height\":\"300px\",\"object-fit\":\"contain\"},attrs:{\"src\":_vm.currentVideoUrl,\"fluid\":\"\"}})],1)],1)],1),_c('div',{staticClass:\"d-flex\"},[_c('b-form-group',{staticClass:\"text-nowrap mb-md-0 mr-1\",attrs:{\"label\":\"\",\"label-align\":\"left\",\"label-size\":\"sm\",\"label-for\":\"sortBySelect\"}},[_c('b-form-select',{attrs:{\"id\":\"perPageSelect\",\"size\":\"sm\",\"inline\":\"\",\"options\":_vm.pageOptions},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}})],1),(_vm.shouldShowPagination)?_c('b-pagination',{staticClass:\"ml-auto\",attrs:{\"total-rows\":_vm.rows,\"per-page\":_vm.perPage,\"aria-controls\":\"my-table\"},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}}):_vm._e()],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex\"},[_c('h3',{staticClass:\"mb-1 mt-1\"},[_vm._v(\" Table \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h3 class=\"mb-1\">Creative Report</h3>\n    <b-button variant=\"primary\" size=\"sm\" class=\"mb-1\" @click=\"previousPage\">\n      Back\n    </b-button>\n    <filters-v2\n      :get-metrics=\"getMetrics\"\n      name=\"paparaCreativeReport\"\n    />\n    <div v-if=\"recData!==null && !isLoading\" class=\"d-flex justify-content-center\">\n      <b-form-radio-group\n        id=\"btn-radios-1\"\n        v-model=\"selected\"\n        buttons\n        button-variant=\"primary\"\n        class=\"radio-group-spacing\"\n      >\n        <b-form-radio\n          v-for=\"option in types\"\n          :key=\"option.value\"\n          :value=\"option.value\"\n        >\n          {{ option.text }}\n          <span\n            v-if=\"selected === option.value\"\n            class=\"ml-2\"\n          >\n            <FeatherIcon icon=\"CheckIcon\" />\n          </span>\n        </b-form-radio>\n      </b-form-radio-group>\n    </div>\n\n\n    <span v-if=\"isLoading\">\n      <loading />\n    </span>\n    <span v-if=\"noData\">\n      <no-data-temp\n        :name=\"'There is no holistic name for this campaign.'\"\n        :text=\"'Please add new holistic name.'\"\n      />\n    </span>\n    <span v-if=\"recData !== null && !isLoading && !noData \">\n      <b-row class=\"mb-2\">\n        <b-col class=\"text-right mt-2\">\n          <div class=\"d-flex text-right h-100 align-items-end justify-content-end\">\n            <b-form-radio-group\n              id=\"btn-radios-1\"\n              v-model=\"selectedGrid\"\n              button-variant=\"outline-primary\"\n              buttons\n              size=\"sm\"\n              name=\"radios-btn-default\"\n            >\n              <b-form-radio\n                v-model=\"selectedGrid\"\n                value=\"4\"\n              >\n                <feather-icon\n                  icon=\"GridIcon\"\n                  class=\"text-white\"\n                  size=\"16\"\n                />\n              </b-form-radio>\n              <b-form-radio\n                v-model=\"selectedGrid\"\n                value=\"12\"\n              >\n                <feather-icon\n                  icon=\"ListIcon\"\n                  class=\"text-white\"\n                  size=\"16\"\n                />\n              </b-form-radio>\n            </b-form-radio-group>\n          </div>\n        </b-col>\n      </b-row>\n      <cards\n        v-if=\"selectedGrid === '4'\"\n        :cards=\"recData\"\n        :total-card=\"totalCard\"\n        :display-page=\"displayPage\"\n        @currentPage=\"handleCurrentPage\"\n      />\n      <card-table\n        v-else\n        :table=\"recDataTable\"\n      />\n    </span>\n  </div>\n</template>\n\n<script>\nimport {\n  BRow,\n  BCol,\n  BCard,\n  BCardTitle,\n  BButton,\n  BCardBody,\n  BImg,\n  BFormInput,\n  VBModal,\n  VBTooltip,\n  VBToggle, BFormRadio, BFormRadioGroup\n} from \"bootstrap-vue\";\nimport { kFormatter } from \"@core/utils/filter\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport Cards from \"@/views/smart-reporting/custom-reports/papara-creative-report/Cards.vue\";\nimport CardTable from \"@/views/smart-reporting/custom-reports/papara-creative-report/Table.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport vSelect from \"vue-select\";\nexport default {\n  components: {\n    vSelect,\n    Loading, NoDataTemp,\n    BFormRadioGroup, BFormRadio,\n    FiltersV2,\n    BFormInput,\n    BRow,\n    BCol,\n    BCard,\n    BCardTitle,\n    BButton,\n    BCardBody,\n    VBModal,\n    BImg,\n    Cards, CardTable\n  },\n  directives: {\n    \"b-modal\": VBModal,\n  },\n  data() {\n    return {\n      recData: null,\n      recDataTable: null,\n      layoutList: [\n        { text: \"Active\", value: \"4\", icon: \"GridIcon\", layout: \"grid-layout\" },\n        { text: \"Radio\", value: \"12\", icon: \"TableIcon\", layout: \"list-layout\" },\n      ],\n      selectedGrid: \"4\",\n      layout: \"grid-layout\",\n      isLoading: true,\n      currentKey: 0,\n      noData: false,\n      totalCard: null,\n      currentPage: 1,\n      filterParams: {},\n      displayPage: 1,\n      countPerType: {\n        all: 0,\n        budget: 0,\n        audience: 0,\n        creative: 0,\n      },\n      selected: \"all\",\n      selectedOption: \"all\",\n      cardType: \"all\",\n      previousParams: null\n    };\n  },\n  computed: {\n    types() {\n      return [\n        { text: `All (${this.countPerType.all})`, value: \"all\" },\n        { text: `Image (${this.countPerType.image})`, value: \"image\" },\n        { text: `Video (${this.countPerType.video})`, value: \"video\" },\n\n      ];\n    },\n  },\n  watch: {\n    selected(val) {\n      this.cardType = val;\n      console.log(\"selected\", val);\n      this.getMetrics(this.filterParams);\n    },\n    configuration: {\n      deep: true,\n      handler(newConfig) {\n        const updatedCountPerType = {\n          ...this.countPerType,\n          ...newConfig?.countPerType,\n        };\n        for (const key in updatedCountPerType) {\n          if (newConfig?.countPerType?.[key] === 0) {\n            updatedCountPerType[key] = this.countPerType[key];\n          }\n        }\n        this.countPerType = updatedCountPerType;\n      },\n    },\n  },\n  methods: {\n    previousPage() {\n      this.$router.push(\"/smart-reporting/custom-reports-page\");\n    },\n    handleCurrentPage (newPage) {\n      this.currentPage = newPage;\n      this.displayPage = this.currentPage;\n      this.getMetrics(this.filterParams);\n    },\n    kFormatter,\n    getMetrics (params) {\n      if(this.previousParams !== null && (params.campaign.value !== this.previousParams.campaign.value || params.brand.value !== this.previousParams.brand.value || params.platform.value !== this.previousParams.platform.value) ){\n        this.currentPage = 1\n        this.displayPage = 1\n      }\n      this.filterParams = params\n      this.isLoading = true;\n      this.noData = false\n        this.$http.get('/reports/creative', {\n          params:{\n            brand_id: params.brand.value,\n            adin_id: params.campaign.value,\n            platform_type: params.platform.value,\n            page: this.currentPage,\n            creative_type: this.cardType,\n            request_type: 'cards',\n          }\n        }).then(response => {\n          this.recData = response.data.creativeReport;\n          this.totalCard = response.data.configuration.totalRowCount;\n          this.countPerType = response.data.configuration.countPerType\n        }).catch(error => {\n          this.noData = true\n          console.log(error);\n        }).finally(() => {\n          this.isLoading = false;\n          this.previousParams = params\n        });\n        this.$http.get('/reports/creative', {\n          params:{\n            brand_id: params.brand.value,\n            adin_id: params.campaign.value,\n            platform_type: params.platform.value,\n            creative_type: this.cardType,\n            request_type: 'table'\n          }\n        }).then(response => {\n          this.recDataTable = response.data.creativeReport;\n        }).catch(error => {\n          console.log(error);\n        })\n    }\n  }\n};\n</script>\n\n<style>\n.text-center p {\n  margin: 0 auto;\n  text-align: center;\n}\n\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-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=8660319c\"\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=8660319c&prod&lang=css\"\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:\"d-flex flex-column justify-content-center align-items-center \"},[_c('img',{staticClass:\"w-25 h-25\",attrs:{\"src\":_vm.noDataSvg,\"alt\":\"No Data\"}}),_c('h1',[_vm._v(\"Almost There! Adjust Filters \")]),_c('h5',{staticClass:\"font-weight-light mt-1\"},[_vm._v(\" It seems there’s no data available for your current selection.\")]),_c('h5',{staticClass:\"font-weight-light\"},[_vm._v(\"Try different filters to reveal more insights.\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NoDataTemp.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NoDataTemp.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"d-flex flex-column justify-content-center align-items-center \">\n    <img :src=\"noDataSvg\" alt=\"No Data\" class=\"w-25 h-25\" >\n    <h1>Almost There! Adjust Filters\n      </h1>\n      <h5 class=\"font-weight-light mt-1\">\n        It seems there’s no data available for your current selection.</h5>\n        <h5 class=\"font-weight-light\">Try different filters to reveal more insights.</h5>\n    </div>\n</template>\n<script>\nimport NoData from \"@/assets/images/svg/no-data.svg\";\nimport NoDataWhite from \"@/assets/images/svg/no-data-w.svg\";\n\nexport default {\n  data() {\n    return {\n      noDataSvg: NoData,\n      noDataSvgWhite: NoDataWhite\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.no-data{\n  position: absolute;\n  width: 96%;\n  height: 100%;\n  background: rgba(45, 17, 70, 0.85);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  justify-content: center;\n  justify-items: stretch;\n  display: flex;\n  border-radius: 5px;\n  color: #28E9FD;\n  span{\n    background: rgba(22, 4, 38, 0.9);\n    padding: 2rem;\n    border-radius: 1.125rem;\n    margin: 7rem 0;\n    text-align: center;\n    align-self: start;\n    font-size: 1.3rem;\n    font-weight: 400;\n  }\n}\n</styl>\n","import { render, staticRenderFns } from \"./NoDataTemp.vue?vue&type=template&id=49a7c048&scoped=true\"\nimport script from \"./NoDataTemp.vue?vue&type=script&lang=js\"\nexport * from \"./NoDataTemp.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  \"49a7c048\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewLoadingSpinner.vue?vue&type=style&index=0&id=5db0d5ca&prod&scoped=true&lang=css\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=8660319c&prod&lang=css\"","module.exports = __webpack_public_path__ + \"img/no-data.c3d73be7.svg\";","module.exports = __webpack_public_path__ + \"img/no-data-w.46a90350.svg\";","module.exports = __webpack_public_path__ + \"img/filter-border.a68638aa.svg\";","module.exports = __webpack_public_path__ + \"img/others-beyaz.2030d625.svg\";","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cards.vue?vue&type=style&index=0&id=212260d4&prod&lang=css\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.vue?vue&type=style&index=0&id=4faf1a11&prod&lang=scss\"","module.exports = __webpack_public_path__ + \"img/google-beyaz.257e1f75.svg\";"],"sourceRoot":""}