{"version":3,"sources":["webpack:///./src/views/campaign-labelling/campaign/Product.vue?c826","webpack:///./src/views/campaign-labelling/campaign/Index.vue?6bca","webpack:///src/views/campaign-labelling/campaign/Event.vue","webpack:///./src/views/campaign-labelling/campaign/Event.vue?9116","webpack:///./src/views/campaign-labelling/campaign/Event.vue","webpack:///./src/views/campaign-labelling/campaign/Event.vue?2f31","webpack:///src/views/campaign-labelling/campaign/Product.vue","webpack:///./src/views/campaign-labelling/campaign/Product.vue?aef1","webpack:///./src/views/campaign-labelling/campaign/Product.vue","webpack:///./src/views/campaign-labelling/campaign/Product.vue?5068","webpack:///src/views/campaign-labelling/campaign/BudgetTableV2.vue","webpack:///./src/views/campaign-labelling/campaign/BudgetTableV2.vue?e55c","webpack:///./src/views/campaign-labelling/campaign/BudgetTableV2.vue","webpack:///./src/views/campaign-labelling/campaign/BudgetTableV2.vue?275e","webpack:///src/views/campaign-labelling/campaign/Index.vue","webpack:///./src/views/campaign-labelling/campaign/Index.vue?59a0","webpack:///./src/views/campaign-labelling/campaign/Index.vue","webpack:///./src/views/campaign-labelling/campaign/BudgetTableV2.vue?d55e"],"names":["components","BFormGroup","BDropdown","BFormCheckbox","VuePerfectScrollbar","props","data","selectedOptions","options","eventList","watch","events","handler","val","deep","created","methods","getTitle","value","find","option","title","error","handleChange","$emit","resetScrollbar","$nextTick","$refs","scrollbar","$el","scrollTop","component","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","ref","staticStyle","_l","i","key","model","callback","$$v","expression","_s","index","BFormSelect","vSelect","selected","computed","productList","product","immediate","BPopover","BButton","BTable","addRowForm","BPagination","directives","VBModal","selectedCampaignData","type","Array","required","selectedEvents","selectedProduct","String","params","Object","selectedDateRanges","filterDateRange","perPage","totalRows","currentPage","mergedDataFields","label","sortable","sortBy","sortDesc","dummyDate","startDate","endDate","isEdit","formattedSelectedCampaignData","rowData","newCampaigns","rowToRemove","formatDateTime","handleRemoveRowModal","row","removeRow","removedData","labellingBrand","campaign","$http","post","action","then","$toast","ToastificationContent","icon","variant","catch","e","handleAddRowModal","handleEditRow","addRowModal","show","addRow","push","submitForm","hide","handleSubmitForm","editRow","finally","$event","scopedSlots","_u","fn","item","name","rawName","start_date","end_date","length","proxy","holisticName","BFormInput","BModal","BInputGroup","NoDataTemp","BudgetTableV2","BCard","BRow","BCol","Event","Product","FiltersV2","Loading","allTableItems","noData","brandOptions","selectedBrand","recData","isLoading","filters","labellingCampaign","filterParams","isClicked","currentKey","getBrands","formSubmitted","requestParams","filter","get","brand_id","holistic_id","changeClick","newName","updateAttachTable","getMetrics","pageName","eventsFilter","productFilter","paramsTwo","addNewHolistic","holNames","$filterV2","store","filterData","forEach","includes","text","$store","commit","newData","responseKey","brandFilter","addNewHolName","holisticNameModal","openEditModal","budgetModal","fillForm","showModal","handleEventEmitted","adin_id","handleProductEmitted","_e","staticRenderFns"],"mappings":"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","file":"js/chunk-9c384be6.4c2458fe.js","sourcesContent":["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!./Product.vue?vue&type=style&index=0&id=2af8d4d4&prod&scoped=true&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('b-col',[_c('b-button',{attrs:{\"variant\":\"outline-primary\"},on:{\"click\":_vm.addNewHolName}},[_vm._v(\" Add New Holistic Name \")]),_c('b-modal',{ref:\"holisticNameModal\",attrs:{\"id\":\"holistic-name-modal\",\"title\":\"Add New Holistic Name\",\"ok-title\":\"Add\",\"cancel-title\":\"Cancel\",\"cancel-variant\":\"outline-danger\",\"centered\":\"\"},on:{\"ok\":_vm.addNewHolistic}},[_c('label',{staticClass:\"mt-1\",attrs:{\"for\":\"budgetInput\"}},[_vm._v(\"Brands\")]),_c('b-input-group',[_c('v-select',{staticClass:\"w-100\",attrs:{\"options\":_vm.brandOptions,\"label\":\"title\",\"clearable\":false,\"placeholder\":'Select a brand..'},model:{value:(_vm.selectedBrand),callback:function ($$v) {_vm.selectedBrand=$$v},expression:\"selectedBrand\"}})],1),_c('label',{staticClass:\"mt-1\",attrs:{\"for\":\"leadInput\"}},[_vm._v(\"Holistic Name\")]),_c('b-input-group',[_c('b-form-input',{attrs:{\"id\":\"holisticNameInput\",\"placeholder\":\"Type holistic name...\",\"autofocus\":\"\",\"autocomplete\":\"off\"},model:{value:(_vm.holisticName),callback:function ($$v) {_vm.holisticName=$$v},expression:\"holisticName\"}})],1)],1)],1)],1),_c('filtersV2',{attrs:{\"name\":\"campaignLabellingWithCampaign\",\"get-metrics\":_vm.getMetrics}}),(_vm.recData === null && !_vm.noData)?_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)?_c('span',{key:_vm.currentKey},[_c('b-row',{staticClass:\"match-height\"},[_c('b-col',[_c('b-card',[_c('event',{attrs:{\"events\":_vm.events,\"event-list\":_vm.eventList},on:{\"event-emitted\":_vm.handleEventEmitted}})],1)],1),_c('b-col',[_c('b-card',[_c('product',{attrs:{\"product\":_vm.product,\"product-list\":_vm.productList},on:{\"product-emitted\":_vm.handleProductEmitted}})],1)],1)],1),_c('b-row',[_c('b-col',[_c('BudgetTableV2',{attrs:{\"params\":_vm.filterParams,\"selected-events\":_vm.events,\"selected-product\":_vm.product,\"selected-campaign-data\":_vm.recData},on:{\"form-submitted\":_vm.formSubmitted,\"remove-row\":_vm.removeRow}})],1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-100\">\n    <h2>Event</h2>\n    <b-form-group class=\"mt-1\">\n      <b-dropdown\n          id=\"dropdown-1\"\n          text=\"Please Select an Event\"\n          variant=\"outline-primary \"\n          class=\"comparison-dropdown mb-1 mb-lg-0\"\n          block\n          @show=\"resetScrollbar\"\n\n      >\n        <!-- Search Input -->\n        <!-- <b-form-input\n        v-model=\"searchQuery\"\n        :placeholder=\"searchPlaceholder\"\n        class=\"mb-2 \"\n        /> -->\n\n        <vue-perfect-scrollbar ref=\"scrollbar\" style=\"max-height: 200px\">\n          <b-form-checkbox\n              v-for=\"(option, i) in eventList\"\n              :key=\"i\"\n              v-model=\"selectedOptions\"\n              :value=\"option.value\"\n              class=\"mb-50\"\n              @change=\"handleChange\"\n          >\n            {{ option.title }}\n          </b-form-checkbox>\n        </vue-perfect-scrollbar>\n      </b-dropdown>\n    </b-form-group>\n\n    <span>\n      <ul>\n        <li v-for=\"(option, index) in selectedOptions\" :key=\"index\">\n          {{ getTitle(option) }}\n        </li>\n      </ul>\n    </span>\n  </div>\n</template>\n\n<script>\nimport { BFormGroup, BDropdown, BFormCheckbox } from \"bootstrap-vue\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\n\nexport default {\n  components: {\n    BFormGroup,\n    BDropdown,\n    BFormCheckbox,\n    VuePerfectScrollbar,\n  },\n  props: [\"events\", \"eventList\"],\n  data() {\n    return {\n      selectedOptions: [],\n      options: this.eventList,\n    };\n  },\n  watch: {\n    events: {\n      handler: function (val) {\n        this.selectedOptions = val;\n      },\n      deep: true,\n    },\n  },\n  created() {\n    this.selectedOptions = this.events;\n  },\n  methods: {\n    getTitle(value) {\n      try {\n        return this.eventList.find((option) => option.value === value).title;\n      } catch (error) {\n        return value;\n      }\n    },\n    handleChange() {\n      debugger;\n      this.$emit(\"event-emitted\", this.selectedOptions);\n    },\n    resetScrollbar() {\n      this.$nextTick(() => {\n        if (this.$refs.scrollbar) {\n          this.$refs.scrollbar.$el.scrollTop = 0;\n        }\n      });\n    },\n  },\n};\n</script>\n\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!./Event.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!./Event.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Event.vue?vue&type=template&id=0f8ad588\"\nimport script from \"./Event.vue?vue&type=script&lang=js\"\nexport * from \"./Event.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-100\"},[_c('h2',[_vm._v(\"Event\")]),_c('b-form-group',{staticClass:\"mt-1\"},[_c('b-dropdown',{staticClass:\"comparison-dropdown mb-1 mb-lg-0\",attrs:{\"id\":\"dropdown-1\",\"text\":\"Please Select an Event\",\"variant\":\"outline-primary \",\"block\":\"\"},on:{\"show\":_vm.resetScrollbar}},[_c('vue-perfect-scrollbar',{ref:\"scrollbar\",staticStyle:{\"max-height\":\"200px\"}},_vm._l((_vm.eventList),function(option,i){return _c('b-form-checkbox',{key:i,staticClass:\"mb-50\",attrs:{\"value\":option.value},on:{\"change\":_vm.handleChange},model:{value:(_vm.selectedOptions),callback:function ($$v) {_vm.selectedOptions=$$v},expression:\"selectedOptions\"}},[_vm._v(\" \"+_vm._s(option.title)+\" \")])}),1)],1)],1),_c('span',[_c('ul',_vm._l((_vm.selectedOptions),function(option,index){return _c('li',{key:index},[_vm._v(\" \"+_vm._s(_vm.getTitle(option))+\" \")])}),0)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-100\">\n    <h2>Product</h2>\n    <b-form-group\n        class=\"mb-lg-0 mt-1\"\n    >\n      <v-select\n          v-model=\"product\"\n          :options=\"options\"\n          label=\"title\"\n          :placeholder=\"options[0].title\"\n          :clearable=\"false\"\n          @input=\"handleChange\"\n      />\n    </b-form-group>\n  </div>\n</template>\n\n<script>\nimport { BFormGroup, BFormSelect } from \"bootstrap-vue\";\nimport vSelect from \"vue-select\";\n\nexport default {\n  components: {\n    BFormGroup,\n    BFormSelect,\n    vSelect,\n  },\n  props: [\"product\",\"productList\"],\n  data() {\n    return {\n      selected: null,\n    };\n  },\n  computed: {\n    options() {\n      return [\n        {value:null,title:\"No Selection\"},\n        ...this.productList\n      ]\n    },\n  },\n  watch: {\n    product: {\n      handler: function (val) {\n        this.selected = val;\n      },\n      immediate: true,\n    },\n  },\n  created() {\n    this.selected = this.product;\n  },\n  methods: {\n    handleChange() {\n      this.$emit(\"product-emitted\", this.product.value);\n    },\n  },\n};\n</script>\n\n<style scoped>\n.dropdown-menu {\n  width: 400px !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!./Product.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!./Product.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Product.vue?vue&type=template&id=2af8d4d4&scoped=true\"\nimport script from \"./Product.vue?vue&type=script&lang=js\"\nexport * from \"./Product.vue?vue&type=script&lang=js\"\nimport style0 from \"./Product.vue?vue&type=style&index=0&id=2af8d4d4&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  \"2af8d4d4\",\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:\"w-100\"},[_c('h2',[_vm._v(\"Product\")]),_c('b-form-group',{staticClass:\"mb-lg-0 mt-1\"},[_c('v-select',{attrs:{\"options\":_vm.options,\"label\":\"title\",\"placeholder\":_vm.options[0].title,\"clearable\":false},on:{\"input\":_vm.handleChange},model:{value:(_vm.product),callback:function ($$v) {_vm.product=$$v},expression:\"product\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-table\n      striped\n      bordered\n      hover\n      responsive\n      :items=\"selectedCampaignData\"\n      :fields=\"mergedDataFields\"\n      :per-page=\"perPage\"\n      :current-page=\"currentPage\"\n      :show-empty=\"true\"\n      :sort-by.sync=\"sortBy\"\n      :sort-desc.sync=\"sortDesc\"\n      empty-text=\"Please select a campaign to see the data.\"\n    >\n      <template #cell(edit)=\"data\">\n        <div class=\"d-flex\">\n          <b-button\n            variant=\"outline-danger\"\n            @click=\"handleEditRow(data.item)\"\n          >\n            <feather-icon icon=\"EditIcon\" />\n          </b-button>\n          <b-button\n            v-b-modal=\"`remove-row-modal-${data.index}`\"\n            variant=\"outline-danger\"\n            class=\"ml-2\"\n            @click=\"handleRemoveRowModal(data.item)\"\n          >\n            <feather-icon icon=\"XIcon\" />\n          </b-button>\n          <b-modal\n            :id=\"`remove-row-modal-${data.index}`\"\n            title=\"Remove Model\"\n            centered\n            ok-title=\"Remove\"\n            ok-variant=\"danger\"\n            @ok=\"removeRow\"\n          >\n            Are you sure you want to remove this row?\n          </b-modal>\n        </div>\n      </template>\n\n      <template #cell(start_date)=\"data\">\n        {{ data.item.start_date }} - {{ data.item.end_date }}\n      </template>\n    </b-table>\n    <!-- pagination -->\n    <div>\n      <b-pagination\n        v-model=\"currentPage\"\n        :total-rows=\"selectedCampaignData.length\"\n        :per-page=\"perPage\"\n        first-number\n        last-number\n        prev-class=\"prev-item\"\n        next-class=\"next-item\"\n        class=\"mb-0\"\n      >\n        <template #prev-text>\n          <feather-icon\n            icon=\"ChevronLeftIcon\"\n            size=\"18\"\n          />\n        </template>\n        <template #next-text>\n          <feather-icon\n            icon=\"ChevronRightIcon\"\n            size=\"18\"\n          />\n        </template>\n      </b-pagination>\n    </div>\n\n\n    <div class=\"d-flex justify-content-start mt-2\">\n      <b-button\n        v-b-modal=\"`add-row-modal`\"\n        variant=\"outline-primary\"\n        @click=\"handleAddRowModal\"\n      >\n        Add Row\n      </b-button>\n      <b-modal\n        id=\"add-row-modal\"\n        ref=\"addRowModal\"\n        title=\"Add/Edit Row\"\n        hide-footer\n        centered\n      >\n        <add-row-form\n          :selected-campaign-data=\"selectedCampaignData\"\n          :holistic-name=\"params.holisticName ? params.holisticName.title : ''\"\n          :row-data=\"rowData\"\n          :selected-events=\"selectedEvents\"\n          :selected-product=\"selectedProduct\"\n          :is-edit=\"isEdit\"\n          @edit-row=\"editRow\"\n          @submit-form=\"submitForm\"\n        />\n      </b-modal>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  BCard,\n  BCardHeader,\n  BCardTitle,\n  BButton,\n  BTable,\n  BPagination,\n  BFormGroup,\n  BFormInput,\n  BFormCheckbox, BFormSelect, BCardBody, BInputGroup, BInputGroupPrepend, VBModal, BPopover\n} from \"bootstrap-vue\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\nimport vSelect from 'vue-select';\nimport 'vue-select/dist/vue-select.css';\nimport Event from \"./Event.vue\";\nimport {formatDateTime} from \"@core/utils/filter\";\nimport DateRangePicker from \"vue2-daterange-picker\";\nimport addRowForm from \"@/views/campaign-labelling/holistic/AddRowForm.vue\";\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\n\n\nexport default {\n  components: {\n    BPopover,\n    BButton,\n    BTable,\n    addRowForm,\n    BPagination, BFormSelect, BFormGroup,\n    VuePerfectScrollbar\n  },\n  directives : {\n    'b-modal': VBModal,\n\n  },\n  props: {\n    selectedCampaignData: {\n      type: Array,\n      required: true\n    },\n    selectedEvents: {\n      type: Array,\n      required: true\n    },\n    selectedProduct: {\n      type: String,\n      required: true\n    },\n    params: {\n      type:Object,\n      required: true\n    }\n  },\n  data() {\n    return {\n      selectedDateRanges: [],\n      filterDateRange: \"\",\n      perPage: 5,\n      totalRows: 1,\n      currentPage: 1,\n      mergedDataFields: [\n        { key: \"campaign_name\", label: \"Campaign\" },\n        { key: \"start_date\", label: \"Date Range\" },\n        { key: \"planned_budget\", label: \"Planned Budget\", sortable: true },\n        { key: \"planned_lead\", label: \"Planned Lead\", sortable: true },\n        { key: \"planned_install\", label: \"Planned Install\", sortable: true },\n        { key: \"planned_purchase\", label: \"Planned Purchase\", sortable: true },\n        { key: \"planned_impressions\", label: \"Planned Impressions\", sortable: true },\n        { key: \"planned_traffic\", label: \"Planned Traffic\", sortable: true },\n        { key: \"planned_views\", label: \"Planned Views\", sortable: true },\n        { key:\"edit\", label: \"\" }\n      ],\n      sortBy: \"\",\n      sortDesc: false,\n      dummyDate: {\n        startDate: '',\n        endDate: '',\n      },\n      isEdit: false,\n      formattedSelectedCampaignData: [],\n      rowData: {\n        \"adin_id\": null,\n        \"campaign_name\": null,\n        \"holistic_id\": null,\n        \"events\": [],\n        \"product\": null,\n        \"planned_budget\": null,\n        \"planned_lead\": null,\n        \"planned_install\": null,\n        \"planned_purchase\": null,\n        \"planned_traffic\": null,\n        \"planned_impressions\": null,\n        \"planned_views\": null,\n        \"holistic_name\": null,\n        \"startDate\": null,\n        \"endDate\": null,\n        \"brand_id\": null\n      },\n      newCampaigns: [],\n      rowToRemove: {}\n\n\n    };\n  },\n  methods: {\n    formatDateTime,\n    handleRemoveRowModal(row) {\n      this.rowToRemove = row\n    },\n    removeRow() {\n      const removedData = this.rowToRemove\n      removedData['brand_id'] = this.params.labellingBrand.value\n      removedData['adin_id'] = this.params.campaign.value\n      this.$http.post('/labelling/campaign/update', {\n        params: {\n          data :[\n            removedData\n          ]\n        },\n        action: 'remove_campaign_from_labelling'\n      }).then(({ data }) => {\n        this.$emit('remove-row', removedData)\n        this.$toast({\n          component: ToastificationContent,\n          props: {\n            title: 'The row has been removed successfully.',\n            icon: 'CheckIcon',\n            variant: 'success'\n          }\n        })\n      }).catch((e) => {\n        this.$toast({\n          component: ToastificationContent,\n          props: {\n            title: 'The row could not be removed. Please try again.',\n            icon: 'XIcon',\n            variant: 'danger'\n          }\n        })\n      });\n\n    },\n    handleAddRowModal () {\n      this.rowData = {\n        \"adin_id\": null,\n        \"campaign_name\": null,\n        \"holistic_id\": null,\n        \"events\": [],\n        \"product\": null,\n        \"planned_budget\": null,\n        \"planned_lead\": null,\n        \"planned_install\": null,\n        \"planned_purchase\": null,\n        \"planned_traffic\": null,\n        \"planned_impressions\": null,\n        \"planned_views\": null,\n        \"holistic_name\": null,\n        \"startDate\": null,\n        \"endDate\": null,\n        \"brand_id\": null\n      }\n      this.isEdit = false;\n    },\n    handleEditRow (data) {\n      this.isEdit = true;\n      this.rowData = data;\n      this.$refs.addRowModal.show();\n    },\n    addRow (){\n      this.rowData = {\n        \"adin_id\": null,\n        \"campaign_name\": null,\n        \"holistic_id\": null,\n        \"events\": [],\n        \"product\": null,\n        \"planned_budget\": null,\n        \"planned_lead\": null,\n        \"planned_install\": null,\n        \"planned_purchase\": null,\n        \"planned_traffic\": null,\n        \"planned_impressions\": null,\n        \"planned_views\": null,\n        \"holistic_name\": null,\n        \"startDate\": null,\n        \"endDate\": null,\n        \"brand_id\": null\n      }\n      const newForm = this.selectedCampaignData\n      newForm.push(this.rowData)\n    },\n    submitForm(newCampaigns){\n      this.$refs.addRowModal.hide()\n      this.handleSubmitForm(newCampaigns)\n    },\n    editRow() {\n      this.$refs.addRowModal.hide()\n      this.$emit('form-submitted')\n    },\n    handleSubmitForm (newCampaigns) {\n      this.$http.post('/labelling/campaign/update', {\n        \"params\" : {\n          data: newCampaigns\n        },\n        \"action\": \"add_campaign\"\n      })\n          .then(({ data }) => {\n            this.$emit('form-submitted', true)\n            this.$toast({\n              component: ToastificationContent,\n              props: {\n                title: 'The row has been added successfully.',\n                icon: 'CheckIcon',\n                variant: 'success'\n              }\n            })\n          })\n          .catch((e) => {\n            console.log(e);\n            this.$toast({\n              component: ToastificationContent,\n              props: {\n                title: 'The row could not be added. Please try again.',\n                icon: 'XIcon',\n                variant: 'danger'\n              }\n            })\n          })\n          .finally(() => {\n            this.$emit('form-submitted')\n          });\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.table.b-table > thead > tr > [aria-sort] {\n  background-size: 0.65em 1em;\n}\n.table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left) {\n  background-position: left center !important;\n}\n.daily-report-table-bottom-row:last-child {\n  background-color: #9d73d367 !important;\n}\n.daily-report-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\n#kpiByCampaignsTable {\n  .red{\n    background-color: red !important;\n    color: white !important;\n  }\n  .yellow{\n    background-color: yellow !important;\n    color: black  !important;\n  }\n  .green{\n    background-color: green !important;\n    color: white   !important;\n  }\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.icon-container:hover {\n  background-color: #fefdff43;\n  border-radius: 50%;\n}\n.filter-icon {\n  width: 20px;\n  height: 20px;\n  margin-left: 0.33rem;\n  margin-top: 0.4rem;\n}\n\n.fixed-size-icon {\n  width: 50px;\n  height: 50px;\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!./BudgetTableV2.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!./BudgetTableV2.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BudgetTableV2.vue?vue&type=template&id=5409c934\"\nimport script from \"./BudgetTableV2.vue?vue&type=script&lang=js\"\nexport * from \"./BudgetTableV2.vue?vue&type=script&lang=js\"\nimport style0 from \"./BudgetTableV2.vue?vue&type=style&index=0&id=5409c934&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('b-table',{attrs:{\"striped\":\"\",\"bordered\":\"\",\"hover\":\"\",\"responsive\":\"\",\"items\":_vm.selectedCampaignData,\"fields\":_vm.mergedDataFields,\"per-page\":_vm.perPage,\"current-page\":_vm.currentPage,\"show-empty\":true,\"sort-by\":_vm.sortBy,\"sort-desc\":_vm.sortDesc,\"empty-text\":\"Please select a campaign to see the data.\"},on:{\"update:sortBy\":function($event){_vm.sortBy=$event},\"update:sort-by\":function($event){_vm.sortBy=$event},\"update:sortDesc\":function($event){_vm.sortDesc=$event},\"update:sort-desc\":function($event){_vm.sortDesc=$event}},scopedSlots:_vm._u([{key:\"cell(edit)\",fn:function(data){return [_c('div',{staticClass:\"d-flex\"},[_c('b-button',{attrs:{\"variant\":\"outline-danger\"},on:{\"click\":function($event){return _vm.handleEditRow(data.item)}}},[_c('feather-icon',{attrs:{\"icon\":\"EditIcon\"}})],1),_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal\",value:((\"remove-row-modal-\" + (data.index))),expression:\"`remove-row-modal-${data.index}`\"}],staticClass:\"ml-2\",attrs:{\"variant\":\"outline-danger\"},on:{\"click\":function($event){return _vm.handleRemoveRowModal(data.item)}}},[_c('feather-icon',{attrs:{\"icon\":\"XIcon\"}})],1),_c('b-modal',{attrs:{\"id\":(\"remove-row-modal-\" + (data.index)),\"title\":\"Remove Model\",\"centered\":\"\",\"ok-title\":\"Remove\",\"ok-variant\":\"danger\"},on:{\"ok\":_vm.removeRow}},[_vm._v(\" Are you sure you want to remove this row? \")])],1)]}},{key:\"cell(start_date)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.item.start_date)+\" - \"+_vm._s(data.item.end_date)+\" \")]}}])}),_c('div',[_c('b-pagination',{staticClass:\"mb-0\",attrs:{\"total-rows\":_vm.selectedCampaignData.length,\"per-page\":_vm.perPage,\"first-number\":\"\",\"last-number\":\"\",\"prev-class\":\"prev-item\",\"next-class\":\"next-item\"},scopedSlots:_vm._u([{key:\"prev-text\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"ChevronLeftIcon\",\"size\":\"18\"}})]},proxy:true},{key:\"next-text\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"ChevronRightIcon\",\"size\":\"18\"}})]},proxy:true}]),model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1),_c('div',{staticClass:\"d-flex justify-content-start mt-2\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal\",value:(\"add-row-modal\"),expression:\"`add-row-modal`\"}],attrs:{\"variant\":\"outline-primary\"},on:{\"click\":_vm.handleAddRowModal}},[_vm._v(\" Add Row \")]),_c('b-modal',{ref:\"addRowModal\",attrs:{\"id\":\"add-row-modal\",\"title\":\"Add/Edit Row\",\"hide-footer\":\"\",\"centered\":\"\"}},[_c('add-row-form',{attrs:{\"selected-campaign-data\":_vm.selectedCampaignData,\"holistic-name\":_vm.params.holisticName ? _vm.params.holisticName.title : '',\"row-data\":_vm.rowData,\"selected-events\":_vm.selectedEvents,\"selected-product\":_vm.selectedProduct,\"is-edit\":_vm.isEdit},on:{\"edit-row\":_vm.editRow,\"submit-form\":_vm.submitForm}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-row>\n      <b-col>\n        <b-button\n          variant=\"outline-primary\"\n          @click=\"addNewHolName\"\n        >\n          Add New Holistic Name\n        </b-button>\n        <b-modal\n          id=\"holistic-name-modal\"\n          ref=\"holisticNameModal\"\n          title=\"Add New Holistic Name\"\n          ok-title=\"Add\"\n          cancel-title=\"Cancel\"\n          cancel-variant=\"outline-danger\"\n          centered\n          @ok=\"addNewHolistic\"\n        >\n          <!-- Budget Input -->\n          <label\n            for=\"budgetInput\"\n            class=\"mt-1\"\n          >Brands</label>\n          <b-input-group>\n            <v-select\n              v-model=\"selectedBrand\"\n              class=\"w-100\"\n              :options=\"brandOptions\"\n              label=\"title\"\n              :clearable=\"false\"\n              :placeholder=\"'Select a brand..'\"\n            />\n          </b-input-group>\n\n          <!-- Lead Input -->\n          <label\n            for=\"leadInput\"\n            class=\"mt-1\"\n          >Holistic Name</label>\n          <b-input-group>\n            <b-form-input\n              id=\"holisticNameInput\"\n              v-model=\"holisticName\"\n              placeholder=\"Type holistic name...\"\n              autofocus\n              autocomplete=\"off\"\n            />\n          </b-input-group>\n        </b-modal>\n      </b-col>\n    </b-row>\n    <filtersV2\n      name=\"campaignLabellingWithCampaign\"\n      :get-metrics=\"getMetrics\"\n    />\n    <span v-if=\"recData === null && !noData\">\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\n      v-if=\"recData !== null\"\n      :key=\"currentKey\"\n    >\n      <b-row class=\"match-height\">\n        <b-col>\n          <b-card>\n            <event\n              :events=\"events\"\n              :event-list=\"eventList\"\n              @event-emitted=\"handleEventEmitted\"\n            />\n          </b-card>\n        </b-col>\n        <b-col>\n          <b-card>\n            <product\n                :product=\"product\"\n                :product-list=\"productList\"\n                @product-emitted=\"handleProductEmitted\"\n            />\n          </b-card>\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col>\n          <BudgetTableV2\n            :params=\"filterParams\"\n            :selected-events=\"events\"\n            :selected-product=\"product\"\n            :selected-campaign-data=\"recData\"\n            @form-submitted=\"formSubmitted\"\n            @remove-row=\"removeRow\"\n          />\n        </b-col>\n      </b-row>\n    </span>\n  </div>\n</template>\n\n<script>\nimport {BCard, BRow, BCol, BButton, BInputGroup, BModal, BInputGroupPrepend, BFormInput} from \"bootstrap-vue\";\nimport vSelect from \"vue-select\";\nimport Event from \"./Event.vue\";\nimport Product from \"./Product.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport Loading from \"../../Loading.vue\";\nimport BudgetTableV2 from \"@/views/campaign-labelling/campaign/BudgetTableV2.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport ToastificationContent from \"@core/components/toastification/ToastificationContent.vue\";\n\n\nexport default {\n  components: {\n    BFormInput, BModal, BInputGroup,\n    vSelect,\n    NoDataTemp,\n    BudgetTableV2,\n    BCard,\n    BRow,\n    BCol,\n    BButton,\n    Event,\n    Product,\n    FiltersV2,\n    Loading,\n    ToastificationContent\n  },\n  data() {\n    return {\n      selectedCampaignData: [],\n      allTableItems: [],\n      noData: true,\n      brandOptions: [],\n      selectedBrand: null,\n      holisticName: '',\n      recData: null,\n      isLoading: true,\n      eventList: [],\n      campaign: 'Please select campaign from table to see ......',\n      productList: [],\n      startDate: \"2024-05-20\",\n      endDate: \"2024-05-20\",\n      filters: {\n        labellingBrand: null,\n        labellingCampaign: null,\n      },\n      filterParams: {},\n      isClicked: false,\n      events: [],\n      product: '',\n      currentKey: 0\n    };\n  },\n  created() {\n    this.getBrands();\n  },\n  methods: {\n    formSubmitted () {\n      const requestParams = {\n        'brand_id': this.filterParams.labellingBrand.value,\n        'adin_id': this.filterParams.campaign.value\n      }\n      if(this.filterParams.holisticName){\n        requestParams['holistic_id'] = this.filterParams.holisticName.value\n      }\n      this.$http.post('/labelling/campaign/update', {\n        params: requestParams,\n        action: 'get_existing_campaign_data'\n      })\n          .then(({ data }) => {\n            this.selectedCampaignData = data\n          })\n          .catch((e) => {\n            this.noData = true\n          });\n    },\n    removeRow(removedData) {\n      this.recData = this.recData.filter((data) => {\n        return data !== removedData\n      })\n      this.$http\n          .get(\"labelling/holistic/list\", {\n            params: {\n              brand_id: this.filterParams.labellingBrand.value,\n              holistic_id: this.filterParams.holisticName.value,\n            },\n          })\n          .then(({ data }) => {\n            this.allTableItems = data\n          });\n    },\n    changeClick() {\n      this.isClicked = true;\n      this.newName = this.name;\n    },\n    updateAttachTable () {\n      this.getMetrics(this.filterParams);\n    },\n    async getMetrics(params) {\n      this.filterParams = params;\n      this.isLoading = true;\n      this.noData = false\n\n      const requestParams = {\n        'brand_id': this.filterParams.labellingBrand.value,\n        'adin_id': this.filterParams.campaign.value\n      }\n\n      if(this.filterParams.holisticName) {\n        requestParams['holistic_id'] = this.filterParams.holisticName.value\n      }\n\n\n    await  this.$http.get('/labelling/campaign/list', {\n        params: requestParams,\n      })\n          .then(({ data }) => {\n            this.recData = data\n            this.isLoading = false;\n          })\n          .catch((e) => {\n            this.noData = true\n            console.log(e)\n          });\n\n      this.$http\n          .get(\"global/filters/additional\", {\n            params: {\n              pageName: \"campaign_labelling_info\",\n              brand_id: params.labellingBrand.value,\n            },\n          })\n          .then(({ data }) => {\n            this.eventList = data.eventsFilter;\n            this.productList = data.productFilter;\n\n          });\n\n\n      const paramsTwo = {\n        'brand_id': this.filterParams.labellingBrand.value,\n        'adin_id': this.filterParams.campaign.value\n      };\n      if (this.filterParams.holisticName && this.filterParams.holisticName.value) {\n        paramsTwo['holistic_id'] = this.filterParams.holisticName.value;\n      }\n\n      this.$http.post('/labelling/campaign/update', {\n        params: paramsTwo,\n        action: 'get_events_and_product'\n      })\n          .then(({ data }) => {\n            this.events = data.events;\n            this.product = data.product;\n          })\n          .catch((e) => {\n            console.log(e);\n          });\n\n    },\n    addNewHolistic() {\n      const holNames = []\n      this.$filterV2.store.get.filterData().holisticName.data.forEach((item) => {\n        holNames.push(item.title)\n      })\n      if(holNames.includes(this.holisticName)) {\n        this.$toast({\n          component: ToastificationContent,\n          props: {\n            text: \"Holistic name already exists.\",\n            title: \"Error\",\n            icon: \"XIcon\",\n            variant: \"danger\",\n          },\n        });\n      } else {\n        this.$http.post('/labelling/holistic/update', {\n          \"params\" : {\n            \"brand_id\": this.filterParams.labellingBrand.value,\n            \"holistic_name\": this.holisticName,\n            \"brand_name\": this.filterParams.labellingBrand.title\n          },\n          \"action\": \"add_new_holistic\"\n        })\n            .then(({ data }) => {\n              this.$store.commit('filterV2/appendNewDataToList', {\n                name: 'holisticName',\n                newData: {\n                  value: data,\n                  title: this.holisticName,\n                }\n              });\n            })\n            .catch((e) => {\n              console.log(e)\n            });\n      }\n    },\n    getBrands () {\n      this.$http.get('/global/filters', {\n        params: {},\n        responseKey: 'brandFilter'\n      }).then(({ data }) => {\n        this.brandOptions = data.brandFilter;\n      }).catch((e) => {\n        console.log(e)\n      });\n    },\n    addNewHolName () {\n      this.$refs.holisticNameModal.show();\n    },\n    openEditModal(rowData) {\n      this.$refs.budgetModal.fillForm(rowData);\n      this.$refs.budgetModal.showModal('edit');\n    },\n    handleEventEmitted(data) {\n\n      const requestParams = {\n        events:data,\n        brand_id: this.filterParams.labellingBrand.value,\n        adin_id: this.filterParams.campaign.value\n      }\n      if(this.filterParams.holisticName) {\n        requestParams['holistic_id'] = this.filterParams.holisticName.value\n      }\n      this.$http.post('/labelling/campaign/update', {\n        params: requestParams,\n        action: 'set_events_and_product'\n      })\n          .then(({ data }) => {\n            console.log(data)\n          })\n          .catch((e) => {\n            console.log(e)\n          });\n    },\n    handleProductEmitted(data) {\n      const requestParams = {\n        product:data,\n        brand_id: this.filterParams.labellingBrand.value,\n        adin_id: this.filterParams.campaign.value\n      }\n      if(this.filterParams.holisticName) {\n        requestParams['holistic_id'] = this.filterParams.holisticName.value\n      }\n      this.$http.post('/labelling/campaign/update', {\n        params: requestParams,\n        action: 'set_events_and_product'\n      })\n          .then(({ data }) => {\n            this.$toast({\n              component: ToastificationContent,\n              props: {\n                title: 'Product updated succesfuly.',\n                icon: 'CheckIcon',\n                variant: 'success'\n              }\n            })\n            console.log(data)\n          })\n          .catch((e) => {\n            this.$toast({\n              component: ToastificationContent,\n              props: {\n                title: 'Product could not be updated, please try again.',\n                icon: 'XIcon',\n                variant: 'danger'\n              }\n            })\n            console.log(e)\n          });\n    },\n  },\n};\n</script>\n\n<style scoped></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=95ed1478&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.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  \"95ed1478\",\n  null\n  \n)\n\nexport default component.exports","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!./BudgetTableV2.vue?vue&type=style&index=0&id=5409c934&prod&lang=scss\""],"sourceRoot":""}