{"version":3,"sources":["webpack:///./src/components/Layouts/Cards/GeneralCard.vue","webpack:///src/components/Layouts/Cards/GeneralCard.vue","webpack:///./src/components/Layouts/Cards/GeneralCard.vue?cf8d","webpack:///./src/components/Layouts/Cards/GeneralCard.vue?391c","webpack:///./src/views/mediapal/user-lists/index.vue","webpack:///src/views/mediapal/user-lists/index.vue","webpack:///./src/views/mediapal/user-lists/index.vue?17b1","webpack:///./src/views/mediapal/user-lists/index.vue?bf8f"],"names":["_c","_self","attrs","_vm","staticRenderFns","component","$router","push","user_lists","pageCount","scopedSlots","key","item","setTextStatusColor","staticClass","replaceAll","top","on","input","$event","itemsPerPage","model","value","callback","$$v","data","error","page","headers","text","components","GeneralCard","computed","$store","state","dsp","methods","pagination","parseInt","setStatusColor","status","trim","navigateToSingleUserList","userListId","name","params","id","commit","dispatch","$notify","title","group"],"mappings":"gIAA4CA,EAAOC,WAAS,MAAU,KAAUC,EAAK,EAAC,S,OAAC,SAAW,CAAE,OAAIC,SAAO,KAE3GC,kBAAoB,I,KCKT,KCPoW,I,YCO/WC,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,KACA,MAIa,OAAAC,E,kKClBmR,G,oBAAC,W,IAAG,EAAC,K,EAAC,EAAO,MAAC,G,OAAiB,QAAWC,QAAQC,C,YAAoC,QAAC,8DAAE,YAAS,6CAA+DL,GAAK,OAAC,C,MAAC,CAAsB,UAAYM,GAAW,MAAOL,W,GAA2C,CAAyB,kBAAI,yD,CAA+C,EAAC,mD,MAAC,C,QAAkCM,EAAS,QAAS,mBAAE,YAACC,iBAAmB,EAAC,aAACC,sBAAsB,I,GAAeC,CAAK,cAAE,YAAC,OAAW,G,aAAgDT,SAAW,GAAiB,gB,YAAyB,EAAS,K,IAAES,mBAAK,GAAE,eAAC,I,MAAyD,GAAC,Q,YAAST,oB,CAAgC,UAAaA,EAAIU,mB,KAA6C,c,GAAcX,UAAM,K,UAAuB,WAAE,YAAS,mBAA2BY,OAAgCX,MAAOA,EAAM,eAAaY,UAA2C,4CAAG,WAAyCD,GAAW,OAAC,CAAgC,MAAM,CAACA,UAAY,GAAuB,KAAKX,KAAsG,gCAAC,YAAe,mBAAgB,GAAQ,UAAgB,wDAA0B,UAAc,EAAC,OAAE,C,YAAC,4B,GAAea,MAAK,C,YAAe,gB,CAAK,mEAAC,YAAC,SAACC,MAAG,CAAC,MAAQ,OAAAC,GAASC,IAAO,K,MAAKC,iBAAmC,YAAE,SAACC,eAAM,GAACC,aAAWF,CAAcG,OAAyBpB,SAAIiB,IAA2C,IAAIpB,MAAG,SAAe,GAAgBc,eAAoB,iBAA8B,MAAC,CAACO,MAAM,eAACC,SAAU,SAAM,GAACC,eAAmBC,GAAkB,WAAC,kBAAkB,oBAAG,YAAU,SAC36D,OACGpB,SAAe,W,uGCqEJ,GACfqB,UAAA,CACAC,MAAA,KACAC,KAAA,EACAlB,UAAA,EACAW,aAAA,GAEAQ,QAAA,CACA,CACAC,KAAA,eACAP,MAAA,eAEA,CAAAO,KAAA,SAAAP,MAAA,aAGAQ,WAAA,CACAC,oBAEAC,SAAA,CACAxB,aACA,YAAAyB,OAAAC,MAAAC,IAAA3B,aAGA4B,QAAA,CACAC,aACA,KAAAjB,aAAAkB,SAAA,KAAAnB,OAAA,KAEAoB,eAAAC,GACA,eAAAA,EAAAC,OAAA,kBACA,WAAAD,EAAAC,OAAA,2BAEA5B,mBAAA2B,GACA,eAAAA,EAAAC,OAAA,SACA,WAAAD,EAAAC,OAAA,iBAEAC,yBAAAC,GACA,KAAArC,QAAAC,KAAA,CACAqC,KAAA,YACAC,OAAA,CACAC,GAAAH,OAKA,gBACA,IACA,KAAAV,OAAAc,OAAA,6BACA,KAAAd,OAAAe,SAAA,0BACA,KAAAf,OAAAc,OAAA,uBACA,MAAArB,GACA,KAAAuB,QAAA,CACAC,MAAAxB,EACAyB,MAAA,WAEA,KAAAlB,OAAAc,OAAA,0BC7H6W,I,YCOzW1C,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-dd093876.a84aca8b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{attrs:{\"outlined\":\"\"}},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card outlined>\n    <slot></slot>\n  </v-card>\n</template>\n\n<script>\nexport default {};\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!./GeneralCard.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!./GeneralCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GeneralCard.vue?vue&type=template&id=70d8ae34&\"\nimport script from \"./GeneralCard.vue?vue&type=script&lang=js&\"\nexport * from \"./GeneralCard.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 render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h4',{staticClass:\"mb-5\"},[_vm._v(\"User Lists\")]),_c('general-card',{},[_c('v-card-title',[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('v-btn',{attrs:{\"depressed\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.$router.push('/tradedesk/create-user-lists')}}},[_vm._v(\"Create User List\")])],1)]),_c('v-divider'),_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.user_lists,\"page\":_vm.page,\"items-per-page\":_vm.itemsPerPage,\"hide-default-footer\":\"\"},on:{\"update:page\":function($event){_vm.page=$event},\"page-count\":function($event){_vm.pageCount = $event}},scopedSlots:_vm._u([{key:\"item.displayName\",fn:function({ item }){return [_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(item.displayName))])]}},{key:\"item.status\",fn:function({ item }){return [_c('v-chip',{staticClass:\"font-weight-bold\",attrs:{\"color\":_vm.setStatusColor(item.status),\"text-color\":_vm.setTextStatusColor(item.status),\"small\":\"\"}},[_c('v-icon',{attrs:{\"x-small\":\"\",\"left\":\"\"}},[_vm._v(\"mdi-circle\")]),_c('span',{staticClass:\"text-capitalize\"},[_vm._v(_vm._s(item.status.replaceAll(\"_\", \" \").toLowerCase()))])],1)]}}])}),_c('v-divider'),_c('v-card-actions',{staticClass:\"d-flex align-center pa-4\"},[_c('div',{staticClass:\"caption mr-3\"},[_vm._v(\" \"+_vm._s(`Page: ` + _vm.page + ` of ` + _vm.pageCount)+\" \")]),_c('v-select',{staticClass:\"shrink\",attrs:{\"items\":[10, 25, 50, 100, 250],\"label\":\"Items per page\",\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\",\"menu-props\":{ top: true, offsetY: true }},on:{\"input\":function($event){_vm.itemsPerPage = parseInt($event, 10)}},model:{value:(_vm.itemsPerPage),callback:function ($$v) {_vm.itemsPerPage=$$v},expression:\"itemsPerPage\"}}),_c('v-spacer'),_c('v-pagination',{staticClass:\"custom\",attrs:{\"length\":_vm.pageCount},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h4 class=\"mb-5\">User Lists</h4>\n    <general-card class=\"\">\n      <v-card-title>\n        <div class=\"d-flex align-center justify-space-between\">\n          <v-btn\n            @click=\"$router.push('/tradedesk/create-user-lists')\"\n            depressed\n            color=\"primary\"\n            >Create User List</v-btn\n          >\n        </div>\n      </v-card-title>\n      <v-divider></v-divider>\n      <v-data-table\n        :headers=\"headers\"\n        :items=\"user_lists\"\n        :page.sync=\"page\"\n        :items-per-page=\"itemsPerPage\"\n        @page-count=\"pageCount = $event\"\n        hide-default-footer\n      >\n        <!-- eslint-disable-next-line -->\n        <template v-slot:item.displayName=\"{ item }\">\n          <span class=\"font-weight-bold\">{{ item.displayName }}</span>\n        </template>\n        <!-- eslint-disable-next-line -->\n        <template v-slot:item.status=\"{ item }\">\n          <v-chip\n            :color=\"setStatusColor(item.status)\"\n            :text-color=\"setTextStatusColor(item.status)\"\n            class=\"font-weight-bold\"\n            small\n          >\n            <v-icon x-small left>mdi-circle</v-icon>\n            <span class=\"text-capitalize\">{{\n              item.status.replaceAll(\"_\", \" \").toLowerCase()\n            }}</span>\n          </v-chip>\n        </template>\n      </v-data-table>\n      <v-divider></v-divider>\n\n      <v-card-actions class=\"d-flex align-center pa-4\">\n        <div class=\"caption mr-3\">\n          {{ `Page: ` + page + ` of ` + pageCount }}\n        </div>\n        <v-select\n          v-model=\"itemsPerPage\"\n          :items=\"[10, 25, 50, 100, 250]\"\n          label=\"Items per page\"\n          outlined\n          dense\n          hide-details\n          @input=\"itemsPerPage = parseInt($event, 10)\"\n          class=\"shrink\"\n          :menu-props=\"{ top: true, offsetY: true }\"\n        ></v-select>\n\n        <v-spacer></v-spacer>\n\n        <v-pagination v-model=\"page\" :length=\"pageCount\" class=\"custom\"></v-pagination>\n      </v-card-actions>\n    </general-card>\n  </div>\n</template>\n\n<script>\nimport GeneralCard from \"../../../components/Layouts/Cards/GeneralCard.vue\";\n\nexport default {\n  data: () => ({\n    error: null,\n    page: 1,\n    pageCount: 0,\n    itemsPerPage: 10,\n\n    headers: [\n      {\n        text: \"Display Name\",\n        value: \"displayName\",\n      },\n      { text: \"Status\", value: \"status\" },\n    ],\n  }),\n  components: {\n    GeneralCard,\n  },\n  computed: {\n    user_lists() {\n      return this.$store.state.dsp.user_lists;\n    },\n  },\n  methods: {\n    pagination() {\n      this.itemsPerPage = parseInt(this.$event, 10);\n    },\n    setStatusColor(status) {\n      if (status.trim() === \"OPEN\") return \"green lighten-5\";\n      if (status.trim() === \"CLOSED\") return \"orange lighten-5\";\n    },\n    setTextStatusColor(status) {\n      if (status.trim() === \"OPEN\") return \"green \";\n      if (status.trim() === \"CLOSED\") return \"orange\";\n    },\n    navigateToSingleUserList(userListId) {\n      this.$router.push({\n        name: \"user-list\",\n        params: {\n          id: userListId,\n        },\n      });\n    },\n  },\n  async mounted() {\n    try {\n      this.$store.commit(\"makingApiRequest\", true);\n      await this.$store.dispatch(\"dsp/getGoogleUserLists\");\n      this.$store.commit(\"makingApiRequest\", false);\n    } catch (error) {\n      this.$notify({\n        title: error,\n        group: \"errors\",\n      });\n      this.$store.commit(\"makingApiRequest\", false);\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!./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=00fb270a&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}