{"version":3,"sources":["webpack:///./src/views/campaign-manager/media-planner/Index.vue?d57c","webpack:///./src/views/campaign-manager/media-planner/Index.vue?225d","webpack:///src/views/campaign-manager/media-planner/Index.vue","webpack:///./src/views/campaign-manager/media-planner/Index.vue?c30d","webpack:///./src/views/campaign-manager/media-planner/Index.vue"],"names":["directives","VBTooltip","components","BRow","FiltersV2","BCard","BCol","BButton","BBadge","BFormInput","BFormGroup","BInputGroup","BFormRadio","BFormRadioGroup","BInputGroupPrepend","vSelect","BTooltip","data","today","Date","aWeekLater","setDate","getDate","defaultDatePicker","startDate","formatDateTime","endDate","campaignVideoPeriodDatePicker","mediaFormDataTemp","class","brand","category","brief","name","adinaiActive","campaign","country","language","period","goal","subGoal","awareness","consideration","conversion","budget","allocation","targeting","direct","age","gender","behaviour","interest","creative","device","radio","smartTv","digitalOutdoor","desktop","mobile","creativeType","video","display","richMedia","text","project","audio","videoDuration","videoRatio","layoutList","value","icon","layout","selectedGrid","fields","id","searchQuery","briefTitleList","perfectScrollbarSettings","maxScrollbarLength","wheelPropagation","selectedDate","title","dateFilter","selectedBrand","brands","isPlanAllowed","computed","resultQuery","filter","item","toLowerCase","split","every","v","includes","methods","universalFormatter","createMediaPlan","$filter","store","set","mediaFormData","isEdit","$router","push","getMetrics","params","$http","get","request_type","brand_id","then","response","reverse","catch","error","goToTable","briefId","goToGoogleCampaignPage","created","user","localStorage","getItem","currentUsername","JSON","parse","userName","adminUserName","component","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","rawName","modifiers","on","$event","_e","pageType","model","callback","$$v","expression","_l","index","key","staticStyle","_s","isCurrency","element","staticRenderFns"],"mappings":"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","file":"js/chunk-c2f9c244.112eacd1.js","sourcesContent":["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!./Index.vue?vue&type=style&index=0&id=3bcb6f31&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('h3',{staticClass:\"mb-1 text-muted\"},[_vm._v(\" Welcome to Media Planner \")]),_c('h2',{staticClass:\"mb-4\"},[_vm._v(\" Create a new Media Plan or continue with an existing one \")]),_c('b-row',{staticClass:\"mt-1\"},[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-primary\",modifiers:{\"hover\":true,\"v-primary\":true}}],staticClass:\"btn-icon rounded-circle mr-1 mb-1\",attrs:{\"title\":\"This feature in beta version and compitable with Google Chrome.\",\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.$router.push('/campaign-manager/voice')}}},[_c('feather-icon',{attrs:{\"icon\":\"MicIcon\"}})],1),_c('span',{staticClass:\"d-inline-block\",attrs:{\"id\":\"disabled-wrapper\"}},[_c('b-button',{staticClass:\"mb-1 mr-1\",attrs:{\"variant\":\"primary\",\"disabled\":!_vm.isPlanAllowed},on:{\"click\":_vm.createMediaPlan}},[_vm._v(\" Create New Media Plan \")])],1),(!_vm.isPlanAllowed)?_c('b-tooltip',{attrs:{\"target\":\"disabled-wrapper\",\"variant\":\"info\"}},[_vm._v(\" Media planning is on a short break! 🚀 We're making improvements to serve you even better. Stay tuned! \")]):_vm._e(),_c('b-button',{staticClass:\"mb-1\",attrs:{\"variant\":\"info\"},on:{\"click\":function($event){return _vm.$router.push({ name: 'campaignManager-documentStore', params: { pageType: 'mediaplanner-store' }})}}},[_vm._v(\" Documents \")])],1)],1)],1)],1),_c('b-row',{staticClass:\"mt-1\"},[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('filters-v2',{attrs:{\"get-metrics\":_vm.getMetrics,\"name\":\"onlyBrand\"}})],1)],1),_c('b-row',[_c('b-col',{staticClass:\"mt-1\",attrs:{\"lg\":\"8\"}},[_c('b-form-group',{staticClass:\"m-0\"},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"SearchIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"icons-search\",\"placeholder\":\"Type to search\"},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v},expression:\"searchQuery\"}})],1)],1)],1),_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),_c('b-row',{staticClass:\"match-height layout mt-3\"},_vm._l((_vm.resultQuery),function(item,index){return _c('b-col',{key:index,attrs:{\"cols\":\"12\",\"lg\":_vm.selectedGrid},on:{\"click\":function($event){return _vm.goToTable(item.id)}}},[_c('b-card',{staticClass:\"plan-card\"},[_c('h4',{staticClass:\"grid-plan-item\"},[_c('feather-icon',{staticClass:\"text-secondary\",staticStyle:{\"margin-right\":\"5px\",\"margin-top\":\"-3px\"},attrs:{\"size\":\"14\",\"icon\":\"LockIcon\"}}),_vm._v(\" \"+_vm._s(item.title)+\" \")],1),_c('div',{staticClass:\"grid-plan-item text-muted\"},[_c('small',{staticClass:\"font-weight-bold mr-1\"},[_vm._v(_vm._s(_vm.universalFormatter(item.budget, {isCurrency: true})))]),_c('small',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(item.startDate))])]),_c('div',{staticClass:\"grid-plan-item\"},[_c('b-badge',{staticClass:\"mr-1 align-self-center\",attrs:{\"variant\":\"light-warning\"}},[_vm._v(\" \"+_vm._s(item.brand)+\" \")])],1),_c('div',{staticClass:\"grid-plan-item\"},_vm._l((item.subgoal),function(element,index){return _c('b-badge',{key:index,staticStyle:{\"margin\":\"0 0.3rem 0.3rem 0\"},attrs:{\"variant\":\"light-info\"}},[_vm._v(\" \"+_vm._s(element)+\" \")])}),1)])],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row>\n      <!-- Welcome -->\n      <b-col\n        lg=\"8\"\n        class=\"\"\n      >\n        <h3 class=\"mb-1 text-muted\">\n          Welcome to Media Planner\n        </h3>\n        <h2 class=\"mb-4\">\n          Create a new Media Plan or continue with an existing one\n        </h2>\n\n        <b-row class=\"mt-1\">\n          <!-- Create Buttons -->\n          <b-col lg=\"12\">\n            <b-button\n              v-b-tooltip.hover.v-primary\n              title=\"This feature in beta version and compitable with Google Chrome.\"\n              variant=\"primary\"\n              class=\"btn-icon rounded-circle mr-1 mb-1\"\n              @click=\"$router.push('/campaign-manager/voice')\"\n            >\n              <feather-icon\n                icon=\"MicIcon\"\n              />\n            </b-button>\n            <span id=\"disabled-wrapper\" class=\"d-inline-block\">\n              <b-button\n                variant=\"primary\"\n                class=\"mb-1 mr-1\"\n                :disabled=\"!isPlanAllowed\"\n                @click=\"createMediaPlan\"\n              >\n                Create New Media Plan\n              </b-button>\n            </span>\n            <b-tooltip v-if=\"!isPlanAllowed\" target=\"disabled-wrapper\" variant=\"info\">\n              Media planning is on a short break! 🚀 We're making improvements to serve you even better. Stay tuned!\n            </b-tooltip>\n            <b-button class=\"mb-1\" variant=\"info\" @click=\"$router.push({ name: 'campaignManager-documentStore', params: { pageType: 'mediaplanner-store' }})\">\n              Documents\n            </b-button>\n            <!-- <b-button\n              variant=\"info\"\n              class=\"mb-1\"\n              @click=\"goToGoogleCampaignPage\"\n            >\n              Create New Google Campaign\n            </b-button> -->\n          </b-col>\n        </b-row>\n      </b-col>\n\n      <!-- Filter -->\n\n    </b-row>\n\n    <b-row class=\"mt-1\">\n      <b-col lg=\"12\">\n        <filters-v2\n          :get-metrics=\"getMetrics\"\n          name=\"onlyBrand\"\n        />\n      </b-col>\n    </b-row>\n\n    <!-- Search -->\n    <b-row>\n      <b-col\n        lg=\"8\"\n        class=\"mt-1\"\n      >\n        <b-form-group class=\"m-0\">\n          <b-input-group class=\"input-group-merge\">\n            <b-input-group-prepend is-text>\n              <feather-icon icon=\"SearchIcon\" />\n            </b-input-group-prepend>\n            <b-form-input\n              id=\"icons-search\"\n              v-model=\"searchQuery\"\n              placeholder=\"Type to search\"\n            />\n          </b-input-group>\n        </b-form-group>\n      </b-col>\n      <!-- Layout Switcher -->\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\n    <!--Media PLanner New List -->\n    <b-row class=\"match-height layout mt-3\">\n      <!-- Plan Item (for each) -->\n      <b-col\n        v-for=\"(item, index) in resultQuery\"\n        :key=\"index\"\n        cols=\"12\"\n        :lg=\"selectedGrid\"\n        @click=\"goToTable(item.id)\"\n      >\n        <b-card class=\"plan-card\">\n          <!-- Plan Name -->\n          <h4 class=\"grid-plan-item\">\n            <!-- Show icon if Freeze -->\n            <feather-icon\n              size=\"14\"\n              icon=\"LockIcon\"\n              style=\"margin-right: 5px; margin-top: -3px\"\n              class=\"text-secondary\"\n            />\n            {{ item.title }}\n          </h4>\n\n          <!-- Budget & Date -->\n          <div class=\"grid-plan-item text-muted\">\n            <small class=\"font-weight-bold mr-1\">{{ universalFormatter(item.budget, {isCurrency: true}) }}</small>\n            <small class=\"font-weight-bold\">{{ item.startDate }}</small>\n          </div>\n\n          <!-- Brand Name -->\n          <div class=\"grid-plan-item\">\n            <b-badge\n              variant=\"light-warning\"\n              class=\"mr-1 align-self-center\"\n            >\n              {{ item.brand }}\n            </b-badge>\n          </div>\n\n          <!-- Goals -->\n          <div class=\"grid-plan-item\">\n            <b-badge\n              v-for=\"(element, index) in item.subgoal\"\n              :key=\"index\"\n              variant=\"light-info\"\n              style=\"margin: 0 0.3rem 0.3rem 0\"\n            >\n              {{ element }}\n            </b-badge>\n          </div>\n        </b-card>\n      </b-col>\n    </b-row>\n  </section>\n</template>\n\n<script>\nimport {\n  BRow,\n  BCol,\n  BCard,\n  BBadge,\n  BButton,\n  BFormInput,\n  BFormGroup,\n  BInputGroup,\n  BInputGroupPrepend,\n  BFormRadio,\n  BFormRadioGroup,\n  BFormCheckbox,\n  BTooltip, VBTooltip\n} from \"bootstrap-vue\";\nimport vSelect from \"vue-select\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\nimport { $themeColors } from \"@themeConfig\";\nimport {formatDateTime} from \"@core/utils/filter\";\nimport {universalFormatter} from \"@core/utils/utils\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\n\nexport default {\n  directives: {\n    'b-tooltip': VBTooltip,\n  },\n  components: {\n    BRow,\n    FiltersV2,\n    BCard,\n    BCol,\n    BButton,\n    BBadge,\n    BFormInput,\n    BFormGroup,\n    BInputGroup,\n    BFormRadio,\n    BFormRadioGroup,\n    BInputGroupPrepend,\n    vSelect,\n    BTooltip\n  },\n  data() {\n    const today = new Date();\n    const aWeekLater = new Date();\n    aWeekLater.setDate(today.getDate() + 7);\n    const defaultDatePicker = {\n      startDate: formatDateTime(today),\n      endDate: formatDateTime(aWeekLater),\n    };\n    const campaignVideoPeriodDatePicker = {\n      startDate: defaultDatePicker.startDate,\n      endDate: defaultDatePicker.endDate,\n    };\n    return {\n      mediaFormDataTemp: {\n        class: {\n          brand: \"\",\n          category: \"\",\n        },\n        brief: {\n          name: undefined,\n          adinaiActive: false,\n        },\n        campaign: {\n          country: \"Turkey\",\n          language: \"Turkish - Türkçe\",\n          name: \"\",\n          period: {\n            startDate: campaignVideoPeriodDatePicker.startDate,\n            endDate: campaignVideoPeriodDatePicker.endDate,\n          },\n          goal: undefined,\n          subGoal: {\n            awareness: [],\n            consideration: [],\n            conversion: [],\n          },\n          budget: undefined,\n          allocation: {\n            awareness: 0,\n            consideration: 0,\n            conversion: 0\n          }\n        },\n        targeting: {\n          direct: {\n            age: [],\n            gender: undefined,\n            behaviour: [],\n            interest: [],\n          },\n        },\n        creative: {\n          device: {\n            radio: false,\n            smartTv: false,\n            digitalOutdoor: false,\n            desktop: false,\n            mobile: false,\n          },\n          creativeType: {\n            video: false,\n            display: false,\n            richMedia: false,\n            text: false,\n            project: false,\n            audio: false,\n          },\n          videoDuration: [],\n          videoRatio: \"\",\n        },\n      },\n      layoutList: [\n        { text: \"Active\", value: \"4\", icon: \"GridIcon\", layout: \"grid-layout\" },\n        { text: \"Radio\", value: \"12\", icon: \"ListIcon\", layout: \"list-layout\" },\n      ],\n      selectedGrid: \"4\",\n      layout: \"grid-layout\",\n      fields: [\n        {\n          id: 1,\n          value: \"Editable field 1\",\n        },\n      ],\n      searchQuery: \"\",\n      briefTitleList: [],\n      perfectScrollbarSettings: {\n        maxScrollbarLength: 150,\n        wheelPropagation: false,\n      },\n      selectedDate: { title: \"Last Month\" },\n      dateFilter: [\n        { title: \"Last Month\" },\n        { title: \"Last 3 Month\" },\n        { title: \"Last 6 Month\" },\n        { title: \"Last Year\" },\n      ],\n      selectedBrand: { title: \"All Brands\" },\n      brands: [{ title: \"Brand-1\" }, { title: \"Brand -2\" }],\n      isPlanAllowed: false,\n    };\n  },\n  computed: {\n    resultQuery() {\n      if (this.searchQuery) {\n        return this.briefTitleList.filter((item) =>\n          this.searchQuery\n            .toLowerCase()\n            .split(\" \")\n            .every((v) => item.title.toLowerCase().includes(v))\n        );\n      }\n      return this.briefTitleList;\n    },\n  },\n  methods: {\n    universalFormatter,\n    createMediaPlan () {\n      this.$filter.store.set.mediaFormData(this.mediaFormDataTemp)\n      this.$filter.store.set.isEdit(false)\n      this.$router.push('/campaign-manager/create-media-plan')\n    },\n    getMetrics(params) {\n      this.$http\n        .get(\n          \"/campmanager/mediaplanner/list\", {\n            params: {\n              request_type: 'brief',\n              brand_id: params.brand.value,\n            }\n            })\n        .then((response) => {\n          this.briefTitleList = response.data.reverse();\n        })\n        .catch((error) => {\n          console.log(error);\n        });\n    },\n    goToTable(briefId) {\n      this.$router.push(\"/campaign-manager/brief-form/\" + briefId);\n    },\n    goToGoogleCampaignPage() {\n      this.$router.push(\"/campaign-manager/google-campaign\");\n    },\n  },\n  created(){\n    // Get current userName\n    const user = localStorage.getItem(\"userData\");\n    const currentUsername = JSON.parse(user).userName\n    // C000001 userName\n    const adminUserName = \"edf9db11-b03a-41d9-bfff-e1d75f1a3a2a\"\n    this.isPlanAllowed = currentUsername === adminUserName\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@import \"@core/scss/vue/libs/vue-select.scss\";\n\n.vue-form-wizard {\n  label {\n    font-size: 1.3rem;\n    font-weight: 300;\n    margin-bottom: 0.5rem;\n  }\n\n  .form-group {\n    margin-bottom: 2rem;\n  }\n\n  .wizard-tab-content {\n    padding: 5% 10% 2.5%;\n  }\n\n  .wizard-card-footer {\n    padding: 0 10% 5%;\n  }\n\n  input:disabled + label {\n    opacity: 0.5;\n  }\n}\n\n.brief-scroll {\n  display: block;\n  width: 100%;\n  height: 180px;\n}\n\n.old-filtre {\n  display: none;\n}\n\n.text-area {\n  padding: 1rem !important;\n}\n\n.history-item {\n  width: 100%;\n  padding: 0.7rem 1.5rem;\n\n  .status {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    margin-right: 1rem;\n\n    &.active {\n      background: #28a745;\n    }\n\n    &.passive {\n      background: #6c757d;\n    }\n  }\n}\n\n.editable-text {\n  background: transparent;\n  border: none;\n  color: inherit;\n  outline: none;\n  font-size: 1.1574rem;\n}\n\n.plan-card {\n  border: 1px solid $plan-border;\n  transition: 0.5s ease border;\n}\n\n.plan-card:hover {\n  border: 1px solid $secondary;\n  transition: 0.5s ease border;\n  cursor: pointer;\n}\n\n.layout {\n  .col-lg-12 {\n    .grid-plan-item {\n      display: inline-block;\n      margin-right: 2rem;\n    }\n  }\n  .col-lg-4 {\n    .grid-plan-item {\n      display: block;\n      margin-bottom: 1rem;\n    }\n    .grid-plan-item:last-child{\n      margin-bottom: 0;\n    }\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=3bcb6f31\"\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=3bcb6f31&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"],"sourceRoot":""}