{"version":3,"sources":["webpack:///./src/forms/channel_subscription/stepper/FormChannelSubscriptionStepper.channel.vue","webpack:///src/forms/channel_subscription/stepper/FormChannelSubscriptionStepper.channel.vue","webpack:///./src/forms/channel_subscription/stepper/FormChannelSubscriptionStepper.channel.vue?c21b","webpack:///./src/forms/channel_subscription/stepper/FormChannelSubscriptionStepper.channel.vue?037b","webpack:///./src/forms/channel_subscription/stepper/FormChannelSubscriptionStepper.channel.vue?c0c1"],"names":["render","_vm","this","_c","_self","staticClass","ref","model","value","valid","callback","$$v","expression","_v","_s","$t","attrs","on","searchItems","searchItem","staticStyle","$rules","required","channel_id","channelCreditItems","length","_l","item","i","key","class","id","$event","_e","getImage","title","methods","method","j","channelBudgetItems","channelDisplayItems","channelsNotFound","style","height","loading","validate","staticRenderFns","name","data","channelItems","use_xtramile_account","props","values","type","default","watch","mounted","computed","init","Object","forEach","loadChannelItems","search","where","status","options","order","limit","then","response","console","finally","cloneChannelItems","filter","component","VBtn","VChip","VDivider","VForm","VIcon","VImg","VSpacer","VTextField","VToolbar"],"mappings":"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","file":"js/chunk-7c859e2c.9c1444d8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"form-stepper form-stepper-channel_subscription\"},[_c('v-form',{ref:\"form\",staticClass:\"form pa-6\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('div',[_c('p',[_vm._v(_vm._s(_vm.$t('CHANNEL_SUBSCRIPTION.CHANNEL_TEXT')))]),_c('v-text-field',{staticClass:\"form-stepper-channel_subscription__search-field\",attrs:{\"hide-details\":\"\",\"outlined\":\"\",\"dense\":\"\",\"clearable\":\"\",\"placeholder\":_vm.$t('COMMON.SEARCH'),\"prepend-inner-icon\":\"mdi-magnify\"},on:{\"keyup\":_vm.searchItems,\"click:clear\":_vm.searchItems},model:{value:(_vm.searchItem),callback:function ($$v) {_vm.searchItem=$$v},expression:\"searchItem\"}})],1),_c('v-text-field',{staticStyle:{\"display\":\"none\"},attrs:{\"rules\":[_vm.$rules.required]},model:{value:(_vm.channel_id),callback:function ($$v) {_vm.channel_id=$$v},expression:\"channel_id\"}}),(_vm.channelCreditItems.length > 0)?_c('div',{staticClass:\"mt-4\"},[_c('p',{staticClass:\"primary--text mb-0\"},[_vm._v(_vm._s(_vm.$t('CHANNEL_SUBSCRIPTION.CHANNEL_JOBBOARDS_TITLE')))]),_c('p',{staticClass:\"grey--text\"},[_vm._v(_vm._s(_vm.$t('CHANNEL_SUBSCRIPTION.CHANNEL_JOBBOARDS_DESCRIPTION')))]),_c('div',{staticClass:\"d-flex flex-wrap\"},[_vm._l((_vm.channelCreditItems),function(item,i){return [_c('div',{key:'chi1'+i,class:['pa-2 height-10 ma-2 bordered rounded d-flex flex-column justify-center align-center channel-box', _vm.channel_id === item.id ? 'bordered-selected elevation-4' : ''],on:{\"click\":function($event){_vm.channel_id = item.id}}},[(_vm.channel_id === item.id)?_c('v-icon',{staticClass:\"corner-icon elevation-2\",attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle\")]):_vm._e(),_c('v-img',{attrs:{\"src\":_vm.getImage(item),\"max-width\":\"120px\",\"contain\":\"\"}}),_c('p',{staticClass:\"text-nowrap text-ellipsis\"},[_vm._v(_vm._s(item.title))]),_c('p',_vm._l((item.methods),function(method,j){return _c('v-chip',{key:'me'+j,attrs:{\"x-small\":\"\"}},[_vm._v(_vm._s(method))])}),1)],1)]})],2)]):_vm._e(),(_vm.channelBudgetItems.length > 0)?_c('div',{staticClass:\"mt-4\"},[_c('p',{staticClass:\"primary--text mb-0\"},[_vm._v(_vm._s(_vm.$t('CHANNEL_SUBSCRIPTION.CHANNEL_AGGREGATORS_TITLE')))]),_c('p',{staticClass:\"grey--text\"},[_vm._v(_vm._s(_vm.$t('CHANNEL_SUBSCRIPTION.CHANNEL_AGGREGATORS_DESCRIPTION')))]),_c('div',{staticClass:\"d-flex flex-wrap\"},[_vm._l((_vm.channelBudgetItems),function(item,i){return [_c('div',{key:'chi2'+i,class:['pa-2 height-10 ma-2 bordered rounded d-flex flex-column justify-center align-center channel-box', _vm.channel_id === item.id ? 'bordered-selected elevation-4' : ''],on:{\"click\":function($event){_vm.channel_id = item.id}}},[(_vm.channel_id === item.id)?_c('v-icon',{staticClass:\"corner-icon elevation-2\",attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle\")]):_vm._e(),_c('v-img',{attrs:{\"src\":_vm.getImage(item),\"max-width\":\"120px\",\"contain\":\"\"}}),_c('p',{staticClass:\"text-nowrap text-ellipsis\"},[_vm._v(_vm._s(item.title))]),_c('p',_vm._l((item.methods),function(method,j){return _c('v-chip',{key:'me'+j,attrs:{\"x-small\":\"\"}},[_vm._v(_vm._s(method))])}),1)],1)]})],2)]):_vm._e(),(_vm.channelDisplayItems.length > 0)?_c('div',{staticClass:\"mt-4\"},[_c('p',{staticClass:\"primary--text mb-0\"},[_vm._v(_vm._s(_vm.$t('CHANNEL_SUBSCRIPTION.CHANNEL_DISPLAY_TITLE')))]),_c('p',{staticClass:\"grey--text\"},[_vm._v(_vm._s(_vm.$t('CHANNEL_SUBSCRIPTION.CHANNEL_DISPLAY_DESCRIPTION')))]),_c('div',{staticClass:\"d-flex flex-wrap\"},[_vm._l((_vm.channelDisplayItems),function(item,i){return [_c('div',{key:'chi3'+i,class:['pa-2 height-10 ma-2 bordered rounded d-flex flex-column justify-center align-center channel-box', _vm.channel_id === item.id ? 'bordered-selected elevation-4' : ''],on:{\"click\":function($event){_vm.channel_id = item.id}}},[(_vm.channel_id === item.id)?_c('v-icon',{staticClass:\"corner-icon elevation-2\",attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle\")]):_vm._e(),_c('v-img',{attrs:{\"src\":_vm.getImage(item),\"max-width\":\"120px\",\"contain\":\"\"}}),_c('p',{staticClass:\"text-nowrap text-ellipsis\"},[_vm._v(_vm._s(item.title))]),_c('p',_vm._l((item.methods),function(method,j){return _c('v-chip',{key:'me'+j,attrs:{\"x-small\":\"\"}},[_vm._v(_vm._s(method))])}),1)],1)]})],2)]):_vm._e(),(_vm.channelsNotFound)?_c('div',{staticClass:\"mt-4 d-flex justify-center align-center\",style:({height: '100%'})},[_c('p',{staticClass:\"primary--text mb-0\"},[_vm._v(_vm._s(_vm.$t('CHANNEL_SUBSCRIPTION.CHANNEL_NOT_FOUNDED'))+\"Channels were not founded\")])]):_vm._e()],1),_c('v-divider'),_c('v-toolbar',{staticClass:\"form-footer\",attrs:{\"color\":\"transparent\",\"flat\":\"\",\"height\":\"70px\"}},[_c('v-spacer'),_c('v-btn',{staticClass:\"mr-4\",attrs:{\"color\":\"primary custom\",\"rounded\":\"\",\"depressed\":\"\",\"disabled\":!_vm.valid && !_vm.loading,\"large\":\"\"},on:{\"click\":_vm.validate}},[_c('strong',[_vm._v(_vm._s(_vm.$t('CONTINUE')))]),_c('v-icon',{staticClass:\"ml-4\"},[_vm._v(\"mdi-arrow-right\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"form-stepper form-stepper-channel_subscription\">\n    <v-form\n      ref=\"form\"\n      v-model=\"valid\"\n      class=\"form pa-6\"\n    >\n      <div>\n        <p>{{$t('CHANNEL_SUBSCRIPTION.CHANNEL_TEXT')}}</p>\n        <v-text-field\n          v-model=\"searchItem\"\n          hide-details\n          outlined\n          dense\n          clearable\n          class=\"form-stepper-channel_subscription__search-field\"\n          :placeholder=\"$t('COMMON.SEARCH')\"\n          prepend-inner-icon=\"mdi-magnify\"\n          @keyup=\"searchItems\"\n          @click:clear=\"searchItems\"\n        />\n      </div>\n\n      <v-text-field\n        v-model=\"channel_id\"\n        :rules=\"[$rules.required]\"\n        style=\"display:none;\"\n      />\n\n      <div v-if=\"channelCreditItems.length > 0\" class=\"mt-4\">\n        <p class=\"primary--text mb-0\">{{$t('CHANNEL_SUBSCRIPTION.CHANNEL_JOBBOARDS_TITLE')}}</p>\n        <p class=\"grey--text\">{{$t('CHANNEL_SUBSCRIPTION.CHANNEL_JOBBOARDS_DESCRIPTION')}}</p>\n        <div class=\"d-flex flex-wrap\">\n          <template v-for=\"(item, i) in channelCreditItems\">\n            <div @click=\"channel_id = item.id\" :key=\"'chi1'+i\" :class=\"['pa-2 height-10 ma-2 bordered rounded d-flex flex-column justify-center align-center channel-box', channel_id === item.id ? 'bordered-selected elevation-4' : '']\" >\n              <v-icon v-if=\"channel_id === item.id\" class=\"corner-icon elevation-2\" color=\"success\">mdi-check-circle</v-icon>\n              <v-img :src=\"getImage(item)\" max-width=\"120px\" contain />\n              <p class=\"text-nowrap text-ellipsis\">{{item.title}}</p>\n              <p><v-chip v-for=\"(method, j) in item.methods\" x-small :key=\"'me'+j\">{{method}}</v-chip></p>\n            </div>\n          </template>\n        </div>\n      </div>\n\n      <div v-if=\"channelBudgetItems.length > 0\" class=\"mt-4\">\n        <p class=\"primary--text mb-0\">{{$t('CHANNEL_SUBSCRIPTION.CHANNEL_AGGREGATORS_TITLE')}}</p>\n        <p class=\"grey--text\">{{$t('CHANNEL_SUBSCRIPTION.CHANNEL_AGGREGATORS_DESCRIPTION')}}</p>\n        <div class=\"d-flex flex-wrap\">\n          <template v-for=\"(item, i) in channelBudgetItems\">\n            <div @click=\"channel_id = item.id\" :key=\"'chi2'+i\" :class=\"['pa-2 height-10 ma-2 bordered rounded d-flex flex-column justify-center align-center channel-box', channel_id === item.id ? 'bordered-selected elevation-4' : '']\">\n              <v-icon v-if=\"channel_id === item.id\" class=\"corner-icon elevation-2\" color=\"success\">mdi-check-circle</v-icon>\n              <v-img :src=\"getImage(item)\" max-width=\"120px\" contain />\n              <p class=\"text-nowrap text-ellipsis\">{{item.title}}</p>\n              <p><v-chip v-for=\"(method, j) in item.methods\" x-small :key=\"'me'+j\">{{method}}</v-chip></p>\n            </div>\n          </template>\n        </div>\n      </div>\n\n      <div v-if=\"channelDisplayItems.length > 0\" class=\"mt-4\">\n        <p class=\"primary--text mb-0\">{{$t('CHANNEL_SUBSCRIPTION.CHANNEL_DISPLAY_TITLE')}}</p>\n        <p class=\"grey--text\">{{$t('CHANNEL_SUBSCRIPTION.CHANNEL_DISPLAY_DESCRIPTION')}}</p>\n        <div class=\"d-flex flex-wrap\">\n          <template v-for=\"(item, i) in channelDisplayItems\">\n            <div @click=\"channel_id = item.id\" :key=\"'chi3'+i\" :class=\"['pa-2 height-10 ma-2 bordered rounded d-flex flex-column justify-center align-center channel-box', channel_id === item.id ? 'bordered-selected elevation-4' : '']\">\n              <v-icon v-if=\"channel_id === item.id\" class=\"corner-icon elevation-2\" color=\"success\">mdi-check-circle</v-icon>\n              <v-img :src=\"getImage(item)\" max-width=\"120px\" contain />\n              <p class=\"text-nowrap text-ellipsis\">{{item.title}}</p>\n              <p><v-chip v-for=\"(method, j) in item.methods\" x-small :key=\"'me'+j\">{{method}}</v-chip></p>\n            </div>\n          </template>\n        </div>\n      </div>\n\n      <div v-if=\"channelsNotFound\" :style=\"{height: '100%'}\" class=\"mt-4 d-flex justify-center align-center\">\n        <p class=\"primary--text mb-0\">{{$t('CHANNEL_SUBSCRIPTION.CHANNEL_NOT_FOUNDED')}}Channels were not founded</p>\n      </div>\n\n\n\n    </v-form>\n\n    <v-divider />\n    <v-toolbar\n      color=\"transparent\"\n      flat\n      height=\"70px\"\n      class=\"form-footer\"\n    >\n      <v-spacer/>\n      <v-btn\n        color=\"primary custom\"\n        class=\"mr-4\"\n        rounded\n        depressed\n        :disabled=\"!valid && !loading\"\n        large\n        @click=\"validate\"\n      >\n        <strong>{{ $t('CONTINUE') }}</strong>\n        <v-icon class=\"ml-4\">mdi-arrow-right</v-icon>\n      </v-btn>\n\n    </v-toolbar>\n\n  </div>\n</template>\n\n<style lang=\"scss\">\n\n  .channel-box {\n    background: #fff;\n    cursor: pointer;\n    height: 160px;\n    width: 200px;\n    position: relative;\n  }\n\n  .corner-icon {\n    position: absolute !important;\n    right:-10px;\n    top: -10px;\n    background: #fff;\n    border-radius: 100%;\n  }\n\n  .form-stepper-channel_subscription__search-field {\n    max-width: 50%;\n\n    .theme--light.v-icon {\n      z-index: 111;\n      color: $color-grey-dark-opacity;\n    }\n  }\n</style>\n\n<script>\nexport default {\n  name: 'FormChannelSubscriptionStepperChannel',\n  data: () => ({\n    loading: false,\n    valid: false,\n    channelCreditItems: [],\n    channelBudgetItems: [],\n    channelDisplayItems: [],\n    channelItems: [],\n    //\n    use_xtramile_account: false,\n    channel_id: null,\n    searchItem: ''\n  }),\n  props: {\n    values: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n  watch: {\n    values (n) {\n      this.init()\n    },\n  },\n  mounted () {\n    this.init()\n    this.loadChannelItems()\n  },\n  computed: {\n    channelsNotFound() {\n      return !this.channelDisplayItems.length &&\n             !this.channelCreditItems.length &&\n             !this.channelBudgetItems.length\n    }\n  },\n  methods: {\n    init () {\n      Object.keys(this.values)\n        .forEach((key) => {\n          if (typeof this.values[key] !== 'undefined' && typeof this[key] !== 'undefined') {\n            this[key] = this.values[key]\n          }\n        })\n    },\n\n    getImage (item, size = \"original\") {\n      const url = `${process.env.VUE_APP_ASSETS}/channels/`\n      return `${url + item.controller_name.toLowerCase()  }.png`\n    },\n\n    loadChannelItems () {\n      this.loading = true\n      return this.$services.api_programmatic.channel\n        .search({\n          where: {status: 1},\n          options: {\n            order: [['title', 'ASC']],\n            limit: 200\n          }\n        })\n        .then(response => {\n          if (response.data && response.data.length > 0) {\n            response.data.forEach((item, i) => {\n              // display\n              const displayTypes = ['text', 'audio', 'video', 'image', 'carousel', 'html']\n              console.log(item.types)\n              for (const type of displayTypes) {\n                if (item.types.filter(v => v.indexOf(type) !== -1).length > 0){\n                  this.channelDisplayItems.push(item)\n                  break\n                }\n              }\n              const offerTypes = ['offer']\n              for (const type of offerTypes) {\n                if (item.types.filter(v => v.indexOf(type) !== -1).length > 0) {\n                  // credit\n                  if ('credit'.indexOf(item.methods) !== -1) {\n                    this.channelCreditItems.push(item)\n                  } else {\n                    // aggregator\n                    this.channelBudgetItems.push(item)\n                  }\n                }\n              }\n            })\n            this.channelItems = response.data\n\n          } else {\n            this.channelCreditItems = []\n            this.channelBudgetItems = []\n            this.channelDisplayItems = []\n            this.channelItems = []\n          }\n        })\n        .finally(() => {\n          this.loading = false\n        })\n    },\n\n    validate () {\n      if (!this.$refs.form.validate()) {\n        this.$emit('validation', false)\n        return\n      }\n\n      const data = {}\n      data.channel_id = this.channel_id\n\n      this.$emit('childData', data)\n      this.$emit('validation', true)\n      this.$emit('next')\n    },\n\n    searchItems(event) {\n      const cloneChannelItems = JSON.parse(JSON.stringify(this.channelItems))\n      const channelDisplayItems = []\n      const channelCreditItems = []\n      const channelBudgetItems = []\n\n      cloneChannelItems\n        .filter(i => i.title.toLowerCase().includes(event.target.value.toLowerCase()))\n        .forEach((item, i) => {\n              // display\n              const displayTypes = ['text', 'audio', 'video', 'image', 'carousel', 'html']\n              for (const type of displayTypes) {\n                if (item.types.filter(v => v.indexOf(type) !== -1).length > 0){\n                  channelDisplayItems.push(item)\n                  break\n                }\n              }\n              const offerTypes = ['offer']\n              for (const type of offerTypes) {\n                if (item.types.filter(v => v.indexOf(type) !== -1).length > 0) {\n                  // credit\n                  if ('credit'.indexOf(item.methods) !== -1) {\n                    channelCreditItems.push(item)\n                  } else {\n                    // aggregator\n                    channelBudgetItems.push(item)\n                  }\n                }\n              }\n            })\n\n      this.channelDisplayItems = channelDisplayItems\n      this.channelCreditItems = channelCreditItems\n      this.channelBudgetItems = channelBudgetItems\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!./FormChannelSubscriptionStepper.channel.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!./FormChannelSubscriptionStepper.channel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormChannelSubscriptionStepper.channel.vue?vue&type=template&id=651baec2&\"\nimport script from \"./FormChannelSubscriptionStepper.channel.vue?vue&type=script&lang=js&\"\nexport * from \"./FormChannelSubscriptionStepper.channel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormChannelSubscriptionStepper.channel.vue?vue&type=style&index=0&id=651baec2&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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VChip,VDivider,VForm,VIcon,VImg,VSpacer,VTextField,VToolbar})\n","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!./FormChannelSubscriptionStepper.channel.vue?vue&type=style&index=0&id=651baec2&prod&lang=scss&\""],"sourceRoot":""}