{"version":3,"sources":["webpack:///./src/views/campaign-labelling/kpi-target/Table.vue?a5d1","webpack:///./src/views/campaign-labelling/kpi-target/Index.vue?ec1f","webpack:///src/views/campaign-labelling/kpi-target/CreateKpi.vue","webpack:///./src/views/campaign-labelling/kpi-target/CreateKpi.vue?ef2d","webpack:///./src/views/campaign-labelling/kpi-target/CreateKpi.vue","webpack:///./src/views/campaign-labelling/kpi-target/CreateKpi.vue?f44c","webpack:///src/views/campaign-labelling/kpi-target/Table.vue","webpack:///./src/views/campaign-labelling/kpi-target/Table.vue?1f15","webpack:///./src/views/campaign-labelling/kpi-target/Table.vue","webpack:///./src/views/campaign-labelling/kpi-target/Table.vue?ce3b","webpack:///src/views/campaign-labelling/kpi-target/Index.vue","webpack:///./src/views/campaign-labelling/kpi-target/Index.vue?d328","webpack:///./src/views/campaign-labelling/kpi-target/Index.vue","webpack:///./src/views/campaign-labelling/kpi-target/Index.vue?fbd5"],"names":["components","VuePerfectScrollbar","noDataTemp","FiltersV2","BDropdown","BFormGroup","Loading","BButton","BModal","BFormCheckbox","BFormInput","KpiTable","BRow","BCol","data","kpiRows","loadingModal","recData","noData","isLoading","filterParams","editableIndex","selectedEvents","isPdfGenerating","currentKey","selectedYear","selectedQuarter","eventOptions","selectedKpi","backupSelectedEvents","brand","previousEditableIndex","warningMessage","isEditing","kpiResponse","isAddingKpi","emptyKpis","editableId","unsavedChanges","allKpiGroups","isCreateKpiModalOpen","isNewRowSaved","isOpeningPage","watch","newIndex","oldIndex","newName","oldName","handler","newVal","oldVal","forEach","kpi","index","name","$set","deep","getAllKpiGroups","getKpis","methods","params","$http","get","brand_id","value","year","month","then","catch","finally","kpiOptions","options","selected_events","event","kpi_group","push","events","available_events","undo","id","backup","find","splice","JSON","parse","stringify","error","_response$data","response","body","kpi_groups","Array","isArray","filter","item","map","group","newKpi","length","saveKpis","selectedEventIds","eventName","row","post","event_id","$bvToast","toast","title","variant","solid","checkEditableIndex","toggleModal","component","_vm","this","_h","$createElement","_c","_self","attrs","getMetrics","_e","directives","rawName","modifiers","staticClass","staticStyle","_v","on","_l","key","model","callback","$$v","expression","join","ref","refInFor","option","i","_s","$event","addKpiRow","kpi_data","BFormSelect","BPagination","BTable","CreateKpi","props","kpiTable","type","required","Object","fields","label","thStyle","width","perPage","currentPage","submitKpiData","kpiUpdates","target","kpi_updates","scopedSlots","_u","fn","proxy","NoDataTemp","FeatherIcon","kpiGroups","availableEvents","mounted","original_selected_events","isEditable","toggleEdit","cancelEdit","saveChanges","payload","$toast","ToastificationContent","icon","selectedEventsText","eventTexts","slice","getEventOptions","selectedOptions","nonSelectedOptions","e","addKpiGroup","staticRenderFns"],"mappings":"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","file":"js/chunk-2604d45f.a381e192.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!./Table.vue?vue&type=style&index=0&id=d27b6e28&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('filters-v2',{attrs:{\"get-metrics\":_vm.getMetrics,\"name\":\"kpiTargetPage\"}}),(_vm.isLoading)?_c('loading'):(_vm.noData && !_vm.isLoading)?_c('no-data-temp',{attrs:{\"text\":'Try different product, campaign, event or date range.'}}):(!_vm.noData && !_vm.isLoading && _vm.recData !== null)?_c('span',[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-center\",modifiers:{\"modal-center\":true}}],staticClass:\"ml-auto mr-2 mb-1\",staticStyle:{\"height\":\"38px\"},attrs:{\"variant\":\"primary\"}},[_vm._v(\" Create KPI \")]),_c('b-modal',{attrs:{\"id\":\"modal-center\",\"centered\":\"\",\"title\":'Goal Table',\"hide-footer\":\"\",\"size\":\"lg\"},on:{\"hide\":_vm.toggleModal,\"show\":_vm.toggleModal}},[_vm._l((_vm.kpiGroups),function(group,index){return _c('div',{key:index,staticClass:\"mb-3 p-3 border rounded\"},[_c('b-row',[_c('b-col',{attrs:{\"md\":\"3\"}},[_c('b-form-input',{attrs:{\"disabled\":!group.isEditable,\"placeholder\":\"Enter KPI Group Name\"},model:{value:(group.kpi_group),callback:function ($$v) {_vm.$set(group, \"kpi_group\", $$v)},expression:\"group.kpi_group\"}})],1),_c('b-col',{attrs:{\"md\":\"7\"}},[_c('b-dropdown',{staticClass:\"comparison-dropdown\",attrs:{\"variant\":\"outline-light\",\"block\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('div',{staticClass:\"selected-events-text\"},[_vm._v(\" \"+_vm._s(_vm.selectedEventsText(group))+\" \")])]},proxy:true}],null,true)},[_c('vue-perfect-scrollbar',{staticClass:\"checkist-scroll-area\",staticStyle:{\"max-height\":\"200px\"}},[_c('div',{staticClass:\"p-2\"},_vm._l((_vm.getEventOptions(group)),function(option,i){return _c('b-form-checkbox',{key:i,staticClass:\"mb-50\",attrs:{\"value\":option,\"disabled\":!group.isEditable},model:{value:(group.selected_events),callback:function ($$v) {_vm.$set(group, \"selected_events\", $$v)},expression:\"group.selected_events\"}},[_vm._v(\" \"+_vm._s(option.events)+\" \")])}),1)])],1)],1),_c('b-col',{staticClass:\"text-right d-flex justify-content-end align-items-center\",attrs:{\"md\":\"2\"}},[_c('feather-icon',{staticClass:\"cursor-pointer mr-2\",attrs:{\"size\":\"20\",\"icon\":group.isEditable ? 'SaveIcon' : 'EditIcon'},on:{\"click\":function($event){group.isEditable ? _vm.saveChanges(group) : _vm.toggleEdit(group)}}}),(group.isEditable)?_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"20\",\"icon\":\"ChevronLeftIcon\"},on:{\"click\":function($event){return _vm.cancelEdit(group, index)}}}):_vm._e()],1)],1)],1)}),_c('div',{staticClass:\"text-center mt-3\"},[_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.addKpiGroup}},[_vm._v(\" + Add KPI \")])],1)],2),_c('b-row',[_c('b-col',[_c('kpi-table',{attrs:{\"filter-params\":_vm.filterParams,\"kpi-table\":_vm.recData.kpi_data}})],1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <filters-v2\n        :get-metrics=\"getMetrics\"\n        name=\"kpiTargetPage\"\n    />\n    <loading v-if=\"isLoading\" />\n    <no-data-temp\n        v-else-if=\"noData && !isLoading\"\n        :text=\"'Try different product, campaign, event or date range.'\"\n    />\n    <span\n        v-else-if=\"!noData && !isLoading && recData !== null\"\n    >\n      <b-button\n          v-b-modal.modal-center\n          variant=\"primary\"\n          class=\"ml-auto mr-2 mb-1\"\n          style=\"height: 38px\"\n      >\n        Create KPI\n      </b-button>\n\n      <b-modal\n          id=\"modal-center\"\n          centered\n          :title=\"` Goal Table`\"\n          hide-footer\n          @hide=\"toggleModal\"\n          @show=\"toggleModal\"\n          size=\"lg\"\n      >\n        <div v-if=\"!loadingModal\">\n          <div\n              v-for=\"(kpi, index) in kpiRows\"\n              :key=\"index\"\n              class=\"kpi-row mb-1\"\n          >\n            <b-form-input\n                v-model.lazy=\"kpi.name\"\n                :disabled=\"editableIndex !== index || editableId !== kpi.id\"\n                placeholder=\"Enter KPI Name\"\n                class=\"mr-2\"\n                style=\"width: 30%; display: inline-block\"\n            />\n            <b-form-group\n                style=\"width: 59%; display: inline-block\"\n                :disabled=\"editableIndex !== index\"\n            >\n              <b-dropdown\n                  id=\"dropdown-1\"\n                  :text=\"\n                  (Array.isArray(selectedEvents[kpi.name])\n                    ? selectedEvents[kpi.name]\n                    : [selectedEvents[kpi.name]]\n                  ).join(', ')\n                \"\n                  variant=\"outline-light\"\n                  class=\"comparison-dropdown mb-lg-0\"\n                  block\n                  multiple\n              >\n                <vue-perfect-scrollbar\n                    ref=\"scrollbar\"\n                    class=\"checkist-scroll-area\"\n                    style=\"max-height: 200px\"\n                >\n                  <div class=\"p-2\">\n                    <b-form-checkbox\n                        v-for=\"(option, i) in kpi.event\"\n                        :key=\"i\"\n                        v-model=\"selectedEvents[kpi.name]\"\n                        :value=\"option\"\n                        class=\"mb-50\"\n                    >\n                      {{ option }}\n                    </b-form-checkbox>\n                  </div>\n                </vue-perfect-scrollbar>\n              </b-dropdown>\n            </b-form-group>\n            <FeatherIcon\n                v-if=\"editableIndex === index\"\n                icon=\"SaveIcon\"\n                style=\"cursor: pointer; margin-top: -3px; margin-left: 1rem\"\n                size=\"20\"\n                @click=\"saveKpis(kpi)\"\n            />\n            <FeatherIcon\n                v-else\n                icon=\"EditIcon\"\n                style=\"cursor: pointer; margin-top: -3px; margin-left: 1rem\"\n                size=\"20\"\n                @click=\"checkEditableIndex(index)\"\n            />\n            <FeatherIcon\n                v-if=\"editableIndex === index\"\n                icon=\"CornerDownLeftIcon\"\n                style=\"cursor: pointer; margin-top: -3px; margin-left: 1rem\"\n                size=\"20\"\n                @click=\"undo(index)\"\n            />\n            <p\n                v-if=\"editableIndex === index && warningMessage\"\n                class=\"text-danger\"\n            >\n              {{ warningMessage }}\n            </p>\n          </div>\n\n          <b-row class=\"mt-2\">\n            <b-col class=\"text-left\">\n              <b-button\n                  :disabled=\"\n                  isAddingKpi || warningMessage !== '' || !isNewRowSaved\n                \"\n                  variant=\"primary\"\n                  @click=\"addKpiRow\"\n              >\n                Add KPI\n              </b-button>\n            </b-col>\n          </b-row>\n        </div>\n        <div v-else>\n          <loading />\n        </div>\n      </b-modal>\n      <b-row>\n        <b-col>\n          <kpi-table\n              :filter-params=\"filterParams\"\n              :kpi-table=\"recData.kpi_data\"\n          />\n        </b-col>\n      </b-row>\n    </span>\n  </div>\n</template>\n\n<script>\nimport KpiTable from './Table.vue';\nimport {\n  BRow,\n  BCol,\n  BFormInput,\n  BFormCheckbox,\n  BModal,\n  BButton,\n  BFormGroup,\n  BDropdown,\n} from 'bootstrap-vue';\nimport Loading from \"@/views/Loading.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport noDataTemp from \"@/views/NoDataTemp.vue\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\n\nexport default {\n  components: {\n    VuePerfectScrollbar,\n    noDataTemp,\n    FiltersV2,\n    BDropdown,\n    BFormGroup,\n    Loading,\n    BButton,\n    BModal,\n    BFormCheckbox,\n    BFormInput,\n    KpiTable,\n    BRow,\n    BCol,\n  },\n  data() {\n    return {\n      kpiRows: [],\n      loadingModal: false,\n      recData: null,\n      noData: false,\n      isLoading: true,\n      filterParams: null,\n      editableIndex: null,\n      selectedEvents: {},\n      isPdfGenerating: false,\n      currentKey: 0,\n      selectedYear: \"2024\",\n      selectedQuarter: 1,\n      eventOptions: [],\n      selectedKpi: \"\",\n      backupSelectedEvents: null,\n      brand: null,\n      previousEditableIndex: null,\n      warningMessage: \"\",\n      isEditing: false,\n      kpiResponse: [],\n      isAddingKpi: false,\n      emptyKpis: [],\n      editableId: null,\n      unsavedChanges: false,\n      allKpiGroups: [],\n      isCreateKpiModalOpen: false,\n      isNewRowSaved: false,\n      isOpeningPage: true,\n\n    };\n  },\n  watch: {\n    editableIndex(newIndex, oldIndex) {\n      if (newIndex === null) {\n        this.isEditing = false;\n      } else {\n        this.isEditing = true;\n      }\n    },\n    \"kpi.name\": function (newName, oldName) {\n      if (this.selectedEvents[oldName]) {\n        this.selectedEvents[newName] = this.selectedEvents[oldName];\n        delete this.selectedEvents[oldName];\n      }\n    },\n    kpiRows: {\n      handler(newVal, oldVal) {\n        newVal.forEach((kpi, index) => {\n          if (!this.selectedEvents[kpi.name]) {\n            this.$set(this.selectedEvents, kpi.name, []);\n          }\n        });\n      },\n      deep: true,\n    },\n    brand(newVal, oldVal) {\n      if (newVal !== oldVal) {\n        this.brand = newVal;\n        this.getAllKpiGroups();\n      }\n    },\n  },\n  async created() {\n    await this.getAllKpiGroups();\n    this.getKpis();\n  },\n  methods: {\n    async getMetrics(params) {\n      this.filterParams = params;\n      await this.$http\n          .get('labelling/kpi_target/update', {\n            params: {\n              brand_id: params.brand.value,\n              year: params.year,\n              month: params.month.value,\n            },\n          })\n          .then(({ data }) => {\n            this.recData = data;\n            this.noData = false;\n          })\n          .catch(() => {\n            this.noData = true;\n          }).finally(() => {\n            this.isLoading = false;\n          });\n    },\n\n    kpiOptions(data, name) {\n      let options = [];\n      data.selected_events.forEach((event) => {\n        if (data.kpi_group === name) {\n          options.push(event.events);\n        }\n      });\n\n      data.available_events.forEach((event) => {\n        if (data.kpi_group === name) {\n          options.push(event.events);\n        }\n      });\n\n      return options;\n    },\n    undo(index) {\n      try {\n        this.warningMessage = \"\"; // Hata mesajlarını temizle\n        this.editableIndex = null; // Düzenleme modundan çık\n        this.editableId = null; // Düzenleme yapılan satırı sıfırla\n\n        // Eğer yeni eklenen ancak kaydedilmemiş bir satırsa, onu kaldır\n        if (!this.kpiRows[index].id) {\n          this.kpiRows.splice(index, 1);\n        } else {\n          // Kaydedilmiş satırsa eski değerleri geri yükle\n          const backup = this.kpiResponse.find((kpi) => kpi.id === this.kpiRows[index].id);\n          if (backup) {\n            this.$set(this.kpiRows, index, { ...backup });\n          }\n        }\n\n        // Seçilen etkinlikleri yedekten geri yükle\n        this.selectedEvents = JSON.parse(JSON.stringify(this.backupSelectedEvents));\n        this.unsavedChanges = false; // Kaydedilmemiş değişiklikleri sıfırla\n        this.isNewRowSaved = true; // Yeni satır kaydedildi olarak işaretle\n      } catch (error) {\n        console.error(\"Error in undo function:\", error);\n      }\n    },\n    async getAllKpiGroups() {\n      this.loadingModal = true;\n      try {\n        // API çağrısı\n        const response = await this.$http.get(\"onboarding/kpi/list\", {\n          params: { brand_id: \"B000002\" },\n        });\n\n        // Gelen veriyi kontrol et\n        const data = response?.data?.body?.kpi_groups;\n\n        // Gelen veri yoksa boş bir array ata\n        if (!data || !Array.isArray(data)) {\n          this.allKpiGroups = [];\n          console.warn(\"KPI groups API returned an invalid response.\");\n          return;\n        }\n\n        // Geçerli verileri işle\n        this.allKpiGroups = data.filter((item) => item.kpi_group !== \"\");\n      } catch (error) {\n        console.error(\"Error fetching KPI groups:\", error);\n        this.allKpiGroups = []; // Hata durumunda boş bir array ata\n      } finally {\n        this.loadingModal = false;\n      }\n    },\n\n    async getKpis() {\n      this.loadingModal = true;\n      try {\n        // API'den veri al\n        const response = await this.$http.get(\"onboarding/kpi/list\", {\n          params: { brand_id: \"B000002\" },\n        });\n\n        // Gelen veriyi işle\n        const data = response.data.body.kpi_groups;\n\n        // kpiRows'u doldur\n        this.kpiRows = data.map((group) => {\n          return {\n            name: group.kpi_group,\n            event: group.selected_events.map((event) => event.events),\n          };\n        });\n\n        // selectedEvents'u oluştur\n        this.selectedEvents = {};\n        data.forEach((group) => {\n          this.selectedEvents[group.kpi_group] = group.selected_events.map(\n              (event) => event.events\n          );\n        });\n\n        this.loadingModal = false;\n      } catch (error) {\n        console.error(\"Error fetching KPIs:\", error);\n        this.loadingModal = false;\n      }\n    },\n\n    async addKpiRow() {\n      this.isAddingKpi = true; // Yeni KPI eklenirken işlem başladığını belirt\n      try {\n        const newKpi = { name: \"\", event: [] };\n        this.kpiRows.push(newKpi); // Yeni KPI satırını listeye ekle\n        this.$set(this.selectedEvents, \"\", []); // Yeni satır için boş bir selectedEvents oluştur\n\n        // Yeni eklenen KPI'yı düzenleme moduna al\n        this.editableIndex = this.kpiRows.length - 1;\n        this.isNewRowSaved = false; // Yeni satır henüz kaydedilmedi\n        this.warningMessage = \"\"; // Hata mesajlarını temizle\n      } catch (error) {\n        console.error(\"Error adding KPI row:\", error);\n      } finally {\n        this.isAddingKpi = false; // İşlem tamamlandı\n      }\n    },\n    saveKpis(kpi) {\n      try {\n        const selectedEvents = this.selectedEvents[kpi.name] || [];\n        const selectedEventIds = selectedEvents.map((eventName) => {\n          const group = this.kpiRows.find((row) => row.name === kpi.name);\n          return group.event.find((event) => event === eventName);\n        });\n\n        this.$http\n            .post(\n                \"onboarding/kpi/update\",\n                {\n                  kpi_group: kpi.name,\n                  selected_events: selectedEventIds.map((id) => ({ event_id: id })),\n                },\n                { params: { brand_id: \"B000002\" } }\n            )\n            .then(() => {\n              this.$bvToast.toast(\"KPIs saved successfully\", {\n                title: \"Success\",\n                variant: \"success\",\n                solid: true,\n              });\n              this.isNewRowSaved = true; // Yeni satır kaydedildi\n              this.unsavedChanges = false; // Kaydedilmemiş değişiklikleri sıfırla\n              this.editableIndex = null; // Düzenleme modundan çık\n              this.getKpis(); // KPI listesini yenile\n            })\n            .catch((error) => {\n              console.error(\"Error saving KPIs:\", error);\n            });\n      } catch (error) {\n        console.error(\"Error in saveKpis:\", error);\n      }\n    },\n    checkEditableIndex(newIndex) {\n      if (this.unsavedChanges && this.editableIndex !== null && this.editableIndex !== newIndex) {\n        this.warningMessage = \"Please save your changes before editing another row.\";\n        return;\n      }\n      this.warningMessage = \"\"; // Hata mesajlarını temizle\n      this.previousEditableIndex = this.editableIndex;\n      this.editableIndex = newIndex; // Yeni düzenleme moduna geç\n      this.unsavedChanges = true; // Kaydedilmemiş değişiklikleri işaretle\n\n      // Yedekleri oluştur\n      this.backupSelectedEvents = JSON.parse(JSON.stringify(this.selectedEvents));\n    },\n    toggleModal() {\n      this.isCreateKpiModalOpen = !this.isCreateKpiModalOpen;\n      if (!this.isCreateKpiModalOpen && this.unsavedChanges) {\n        this.getKpis(); // Değişiklik yapılmadıysa listeyi yenile\n      }\n    },\n\n\n\n  },\n};\n</script>\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!./CreateKpi.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!./CreateKpi.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CreateKpi.vue?vue&type=template&id=6326885b\"\nimport script from \"./CreateKpi.vue?vue&type=script&lang=js\"\nexport * from \"./CreateKpi.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',[_c('filters-v2',{attrs:{\"get-metrics\":_vm.getMetrics,\"name\":\"kpiTargetPage\"}}),(_vm.isLoading)?_c('loading'):(_vm.noData && !_vm.isLoading)?_c('no-data-temp',{attrs:{\"text\":'Try different product, campaign, event or date range.'}}):(!_vm.noData && !_vm.isLoading && _vm.recData !== null)?_c('span',[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-center\",modifiers:{\"modal-center\":true}}],staticClass:\"ml-auto mr-2 mb-1\",staticStyle:{\"height\":\"38px\"},attrs:{\"variant\":\"primary\"}},[_vm._v(\" Create KPI \")]),_c('b-modal',{attrs:{\"id\":\"modal-center\",\"centered\":\"\",\"title\":\" Goal Table\",\"hide-footer\":\"\",\"size\":\"lg\"},on:{\"hide\":_vm.toggleModal,\"show\":_vm.toggleModal}},[(!_vm.loadingModal)?_c('div',[_vm._l((_vm.kpiRows),function(kpi,index){return _c('div',{key:index,staticClass:\"kpi-row mb-1\"},[_c('b-form-input',{staticClass:\"mr-2\",staticStyle:{\"width\":\"30%\",\"display\":\"inline-block\"},attrs:{\"disabled\":_vm.editableIndex !== index || _vm.editableId !== kpi.id,\"placeholder\":\"Enter KPI Name\"},model:{value:(kpi.name),callback:function ($$v) {_vm.$set(kpi, \"name\", $$v)},expression:\"kpi.name\"}}),_c('b-form-group',{staticStyle:{\"width\":\"59%\",\"display\":\"inline-block\"},attrs:{\"disabled\":_vm.editableIndex !== index}},[_c('b-dropdown',{staticClass:\"comparison-dropdown mb-lg-0\",attrs:{\"id\":\"dropdown-1\",\"text\":(Array.isArray(_vm.selectedEvents[kpi.name])\n                  ? _vm.selectedEvents[kpi.name]\n                  : [_vm.selectedEvents[kpi.name]]\n                ).join(', '),\"variant\":\"outline-light\",\"block\":\"\",\"multiple\":\"\"}},[_c('vue-perfect-scrollbar',{ref:\"scrollbar\",refInFor:true,staticClass:\"checkist-scroll-area\",staticStyle:{\"max-height\":\"200px\"}},[_c('div',{staticClass:\"p-2\"},_vm._l((kpi.event),function(option,i){return _c('b-form-checkbox',{key:i,staticClass:\"mb-50\",attrs:{\"value\":option},model:{value:(_vm.selectedEvents[kpi.name]),callback:function ($$v) {_vm.$set(_vm.selectedEvents, kpi.name, $$v)},expression:\"selectedEvents[kpi.name]\"}},[_vm._v(\" \"+_vm._s(option)+\" \")])}),1)])],1)],1),(_vm.editableIndex === index)?_c('FeatherIcon',{staticStyle:{\"cursor\":\"pointer\",\"margin-top\":\"-3px\",\"margin-left\":\"1rem\"},attrs:{\"icon\":\"SaveIcon\",\"size\":\"20\"},on:{\"click\":function($event){return _vm.saveKpis(kpi)}}}):_c('FeatherIcon',{staticStyle:{\"cursor\":\"pointer\",\"margin-top\":\"-3px\",\"margin-left\":\"1rem\"},attrs:{\"icon\":\"EditIcon\",\"size\":\"20\"},on:{\"click\":function($event){return _vm.checkEditableIndex(index)}}}),(_vm.editableIndex === index)?_c('FeatherIcon',{staticStyle:{\"cursor\":\"pointer\",\"margin-top\":\"-3px\",\"margin-left\":\"1rem\"},attrs:{\"icon\":\"CornerDownLeftIcon\",\"size\":\"20\"},on:{\"click\":function($event){return _vm.undo(index)}}}):_vm._e(),(_vm.editableIndex === index && _vm.warningMessage)?_c('p',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.warningMessage)+\" \")]):_vm._e()],1)}),_c('b-row',{staticClass:\"mt-2\"},[_c('b-col',{staticClass:\"text-left\"},[_c('b-button',{attrs:{\"disabled\":_vm.isAddingKpi || _vm.warningMessage !== '' || !_vm.isNewRowSaved,\"variant\":\"primary\"},on:{\"click\":_vm.addKpiRow}},[_vm._v(\" Add KPI \")])],1)],1)],2):_c('div',[_c('loading')],1)]),_c('b-row',[_c('b-col',[_c('kpi-table',{attrs:{\"filter-params\":_vm.filterParams,\"kpi-table\":_vm.recData.kpi_data}})],1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-row>\n      <b-modal>\n        <create-kpi />\n      </b-modal>\n    </b-row>\n    <b-row>\n      <b-col>\n        <b-table\n          responsive\n          striped\n          :fields=\"fields\"\n          :items=\"kpiTable\"\n          :per-page=\"perPage\"\n          :current-page=\"currentPage\"\n          small\n          class=\"compact-table\"\n        >\n          <template #cell(target)=\"data\">\n            <b-form-input\n              v-model=\"data.item.target\"\n              placeholder=\"Enter target value\"\n              class=\"compact-input\"\n            />\n          </template>\n        </b-table>\n        <!-- Pagination -->\n        <div>\n          <b-pagination\n            v-model=\"currentPage\"\n            :total-rows=\"kpiTable.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        <!-- Submit Button -->\n        <div class=\"text-center mt-3\">\n          <b-button\n            variant=\"primary\"\n            @click=\"submitKpiData\"\n          >\n            Submit\n          </b-button>\n        </div>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\nimport { BTable, BFormInput, BRow, BCol, BButton, BPagination, BFormSelect, BFormGroup } from \"bootstrap-vue\";\nimport CreateKpi from \"@/views/campaign-labelling/kpi-target/CreateKpi.vue\";\n\nexport default {\n  components: {\n    BFormGroup,\n    BFormSelect,\n    BPagination,\n    BTable,\n    BFormInput,\n    BRow,\n    BCol,\n    BButton,\n    CreateKpi,\n  },\n  props: {\n    kpiTable: {\n      type: Array,\n      required: true,\n    },\n    filterParams: {\n      type: Object,\n      required: true\n    }\n  },\n  data() {\n    return {\n      fields: [\n        { key: \"kpi_group\", label: \"KPI\", thStyle: { width: \"40%\" } },\n        { key: \"target\", label: \"Target\", thStyle: { width: \"60%\" } },\n      ],\n      perPage: 10,\n      currentPage: 1,\n    };\n  },\n  methods: {\n    submitKpiData() {\n      const kpiUpdates = this.kpiTable.map(item => ({\n        kpi_group: item.kpi_group,\n        target: item.target\n      }));\n\n      this.$http.post('labelling/kpi_target/update', {\n            kpi_updates: kpiUpdates\n\n          },\n          {\n            params: {\n              brand_id: this.filterParams.brand.value,\n              year: this.filterParams.year,\n              month: this.filterParams.month.value\n            },\n          })\n          .then(response => {\n            console.log('KPI Data Submitted Successfully', response);\n          })\n          .catch(error => {\n            console.error('Error Submitting KPI Data', error);\n          });\n    }\n  },\n};\n</script>\n\n<style scoped>\n.compact-table {\n  font-size: 0.85rem;\n  border-spacing: 0; \n}\n\n.compact-table td,\n.compact-table th {\n  padding: 0.3rem 0.6rem; \n}\n\n.compact-input {\n  padding: 0.2rem 0.4rem;\n  font-size: 0.85rem;\n}\n</style>\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!./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=d27b6e28&scoped=true\"\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=d27b6e28&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  \"d27b6e28\",\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-row',[_c('b-modal',[_c('create-kpi')],1)],1),_c('b-row',[_c('b-col',[_c('b-table',{staticClass:\"compact-table\",attrs:{\"responsive\":\"\",\"striped\":\"\",\"fields\":_vm.fields,\"items\":_vm.kpiTable,\"per-page\":_vm.perPage,\"current-page\":_vm.currentPage,\"small\":\"\"},scopedSlots:_vm._u([{key:\"cell(target)\",fn:function(data){return [_c('b-form-input',{staticClass:\"compact-input\",attrs:{\"placeholder\":\"Enter target value\"},model:{value:(data.item.target),callback:function ($$v) {_vm.$set(data.item, \"target\", $$v)},expression:\"data.item.target\"}})]}}])}),_c('div',[_c('b-pagination',{staticClass:\"mb-0\",attrs:{\"total-rows\":_vm.kpiTable.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:\"text-center mt-3\"},[_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.submitKpiData}},[_vm._v(\" Submit \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <filters-v2\n      :get-metrics=\"getMetrics\"\n      name=\"kpiTargetPage\"\n    />\n    <loading v-if=\"isLoading\" />\n    <no-data-temp\n      v-else-if=\"noData && !isLoading\"\n      :text=\"'Try different product, campaign, event or date range.'\"\n    />\n    <span v-else-if=\"!noData && !isLoading && recData !== null\">\n      <b-button\n        v-b-modal.modal-center\n        variant=\"primary\"\n        class=\"ml-auto mr-2 mb-1\"\n        style=\"height: 38px\"\n      >\n        Create KPI\n      </b-button>\n\n      <b-modal\n        id=\"modal-center\"\n        centered\n        :title=\"'Goal Table'\"\n        hide-footer\n        size=\"lg\"\n        @hide=\"toggleModal\"\n        @show=\"toggleModal\"\n      >\n        <div\n          v-for=\"(group, index) in kpiGroups\"\n          :key=\"index\"\n          class=\"mb-3 p-3 border rounded\"\n        >\n          <b-row>\n            <b-col md=\"3\">\n              <b-form-input\n                v-model=\"group.kpi_group\"\n                :disabled=\"!group.isEditable\"\n                placeholder=\"Enter KPI Group Name\"\n              />\n            </b-col>\n            <b-col md=\"7\">\n              <b-dropdown\n                variant=\"outline-light\"\n                block\n                class=\"comparison-dropdown\"\n              >\n                <template #button-content>\n                  <div class=\"selected-events-text\">\n                    {{ selectedEventsText(group) }}\n                  </div>\n                </template>\n\n                <vue-perfect-scrollbar\n                  class=\"checkist-scroll-area\"\n                  style=\"max-height: 200px\"\n                >\n                  <div class=\"p-2\">\n                    <b-form-checkbox\n                      v-for=\"(option, i) in getEventOptions(group)\"\n                      :key=\"i\"\n                      v-model=\"group.selected_events\"\n                      :value=\"option\"\n                      :disabled=\"!group.isEditable\"\n                      class=\"mb-50\"\n                    >\n                      {{ option.events }}\n                    </b-form-checkbox>\n                  </div>\n                </vue-perfect-scrollbar>\n              </b-dropdown>\n            </b-col>\n            <b-col\n              md=\"2\"\n              class=\"text-right d-flex justify-content-end align-items-center\"\n            >\n              <feather-icon\n                size=\"20\"\n                :icon=\"group.isEditable ? 'SaveIcon' : 'EditIcon'\"\n                class=\"cursor-pointer mr-2\"\n                @click=\"group.isEditable ? saveChanges(group) : toggleEdit(group)\"\n              />\n              <feather-icon\n                v-if=\"group.isEditable\"\n                size=\"20\"\n                icon=\"ChevronLeftIcon\"\n                class=\"cursor-pointer\"\n                @click=\"cancelEdit(group, index)\"\n              />\n            </b-col>\n          </b-row>\n        </div>\n\n        <!-- Add KPI Button -->\n        <div class=\"text-center mt-3\">\n          <b-button\n            variant=\"primary\"\n            @click=\"addKpiGroup\"\n          >\n            + Add KPI\n          </b-button>\n        </div>\n      </b-modal>\n\n      <b-row>\n        <b-col>\n          <kpi-table\n            :filter-params=\"filterParams\"\n            :kpi-table=\"recData.kpi_data\"\n          />\n        </b-col>\n      </b-row>\n    </span>\n  </div>\n</template>\n\n<script>\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport { BCol, BRow, BModal, BFormCheckbox, BFormInput, BButton, BDropdown } from \"bootstrap-vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport KpiTable from \"@/views/campaign-labelling/kpi-target/Table.vue\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\nimport FeatherIcon from \"@core/components/feather-icon/FeatherIcon.vue\";\nimport ToastificationContent from \"@core/components/toastification/ToastificationContent.vue\";\n\nexport default {\n  components: {\n    BCol,\n    BRow,\n    BModal,\n    BFormCheckbox,\n    BFormInput,\n    BButton,\n    BDropdown,\n    NoDataTemp,\n    Loading,\n    FiltersV2,\n    KpiTable,\n    VuePerfectScrollbar,\n    FeatherIcon,\n  },\n  data() {\n    return {\n      isLoading: false,\n      noData: false,\n      recData: null,\n      kpiGroups: [],\n      availableEvents: [],\n    };\n  },\n  mounted() {\n    this.$http.get(\"onboarding/kpi/list?brand_id=B000002\").then(({ data }) => {\n      this.kpiGroups = data.body.kpi_groups.map((group) => {\n        return {\n          ...group,\n          selected_events: group.selected_events,\n          original_selected_events: JSON.parse(JSON.stringify(group.selected_events)),\n          isEditable: false,\n        };\n      });\n      this.availableEvents = data.body.available_events;\n    });\n  },\n  methods: {\n    async getMetrics(params) {\n      this.filterParams = params;\n      await this.$http\n          .get(\"labelling/kpi_target/update\", {\n            params: {\n              brand_id: params.brand.value,\n              year: params.year,\n              month: params.month.value,\n            },\n          })\n          .then(({ data }) => {\n            this.recData = data;\n            this.noData = false;\n          })\n          .catch(() => {\n            this.noData = true;\n          })\n          .finally(() => {\n            this.isLoading = false;\n          });\n    },\n\n    toggleModal() {},\n    toggleEdit(group) {\n      group.isEditable = true;\n    },\n    cancelEdit(group, index) {\n      if (!group.kpi_group && group.selected_events.length === 0) {\n        // Eğer kpi_group boşsa ve seçili event yoksa grubu sil\n        this.kpiGroups.splice(index, 1);\n      } else {\n        // Değilse eski haline geri dön\n        group.isEditable = false;\n        group.selected_events = JSON.parse(JSON.stringify(group.original_selected_events));\n      }\n    },\n    saveChanges(group) {\n      const payload = {\n        kpi_group: group.kpi_group,\n        selected_events: group.selected_events,\n      };\n\n      this.$http\n          .post(\"onboarding/kpi/update\", payload, { params: { brand_id: \"B000002\" } })\n          .then(() => {\n            this.$toast({\n              component: ToastificationContent,\n              props: {\n                title: 'KPIs saved successfully.',\n                icon: 'CheckIcon',\n                variant: 'success'\n              }\n            });\n            group.isEditable = false;\n            group.original_selected_events = JSON.parse(JSON.stringify(group.selected_events));\n          })\n          .catch(() => {\n            this.$toast({\n              component: ToastificationContent,\n              props: {\n                title: 'Failed to save KPIs.',\n                icon: 'XIcon',\n                variant: 'danger'\n              }\n            })\n          });\n    },\n    selectedEventsText(group) {\n      const eventTexts = group.selected_events.map((event) => event.events);\n      return eventTexts.length > 2\n          ? `${eventTexts.slice(0, 2).join(', ')}...`\n          : eventTexts.join(', ');\n    },\n    getEventOptions(group) {\n      const selectedOptions = group.selected_events.map((event) => ({\n        events: event.events,\n        event_id: event.event_id,\n      }));\n\n      const nonSelectedOptions = this.availableEvents\n          .filter((event) => !group.selected_events.find((e) => e.event_id === event.event_id))\n          .map((event) => ({\n            events: event.events,\n            event_id: event.event_id,\n          }));\n\n      return [...selectedOptions, ...nonSelectedOptions];\n    },\n\n    addKpiGroup() {\n      this.kpiGroups.push({\n        kpi_group: \"\",\n        selected_events: [],\n        original_selected_events: [],\n        isEditable: true, // Yeni eklenen KPI grubu düzenlenebilir olarak gelir\n      });\n    },\n  },\n};\n</script>\n\n<style>\n.modal-body {\n  max-height: 80vh;\n  overflow-y: auto;\n}\n\n.comparison-dropdown {\n  width: 100%;\n}\n\n.checkist-scroll-area {\n  max-height: 200px;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.selected-events-text {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\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=09a80cd2\"\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=09a80cd2&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","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=09a80cd2&prod&lang=css\""],"sourceRoot":""}