{"version":3,"sources":["webpack:///./src/pages/reports.vue","webpack:///src/pages/reports.vue","webpack:///./src/pages/reports.vue?b26a","webpack:///./src/pages/reports.vue?2b08"],"names":["attrs","_vm","staticClass","_v","_c","model","value","filterBox","campaignType","callback","expression","gender","name","$$v","scopedSlots","_u","key","fn","item","on","layout","APP_CONFIG","mainPanelLayout","data","items","ageRange","computed","headers","text","$t","campaignTypes","genders","methods","randomDataGenerator","count","Array","map","_","index","id","faker","firstName","email","internet","amount","finance","phone","phoneNumber","startDate","date","past","toLocaleDateString","localeDateString","endDate","future","onEditItem","console","log","onDeleteItem","onFilter","payload","created","setTimeout","component","staticRenderFns"],"mappings":"gKAA8FA,EAAM,W,IAAC,OAAqC,aAAC,OAAM,QAAQ,iBAACA,MAAM,CAAC,QAAW,GAAE,yBAAkB,WAAE,MAAK,CAAUA,SAAM,GAAC,MAAQ,YAAK,CAACC,EAAG,OAAI,CAAmFC,OAAmBF,MAAM,K,CAAe,KAAO,gBAAC,2DAAS,mBAAE,MAAK,CAAUA,SAAM,GAAC,MAAQ,YAAK,CAACC,EAAG,OAAI,CAAqFD,MAAM,CAAC,WAA+B,mFAAE,MAAMG,CAAwE,SAAC,GAAC,MAAQ,YAAgB,CAACC,EAAG,SAAa,GAAC,qDAACJ,IAAO,OAAO,a,CAAmC,gBAAiB,C,MAA6C,CAAc,cAACK,MAAM,gBAACC,YAAWC,KAAUC,yCAAcC,SAAS,I,MAA6D,CAACC,QAAU,UAAC,aAAwB,qBAAM,EAAC,iBAAc,mBAAQ,WAAO,4BAA6B,gBAAiB,C,MAAuC,CAAc,cAACL,MAAM,UAACC,YAAWC,KAAUI,mCAAQF,SAAS,I,MAAuD,CAACC,QAAU,UAAC,OAAkB,qBAAM,EAAC,iBAAc,aAAQ,WAAO,sBAAgE,gBAAW,CAAE,MAAC,CAACL,KAAM,UAACC,YAAWC,KAAUK,iCAAMH,SAAS,I,MAAqD,CAACC,QAAU,UAAC,KAAgB,qBAAM,EAAC,iBAAc,WAAQ,WAAO,oBAAmB,gBAAW,C,MAAC,CAA0D,aAACL,IAAM,KAACC,IAAOL,MAAwBQ,YAAS,EAAAA,GAAUI,sC,MAA+C,CAACH,QAAU,UAAC,SAAoB,qBAAM,EAAEN,KAAG,YAAe,eAA4BJ,WAAM,yBAAuB,KAAO,OAAU,C,YAAC,eAAiB,MAAC,CAACc,QAAYb,EAAIc,QAAKC,MAAI,QAAaC,eAAY,I,YAAS,O,IAAC,a,GAAkBf,eAA4B,IAA2C,gBAAI,YAAY,kBAAI,MAAAe,IAAU,wB,KAA8CjB,Y,oBAAyB,UAAY,C,YAAa,aAAG,OAAIC,MAAO,UAAiD,aAAM,SAAC,KAAW,UAAc,0C,OAAeiB,GAAM,C,IAAE,e,GAAqBlB,UAAM,K,UAA0B,WAACmB,MAAG,CAAC,MAAQ,G,MAAwBlB,OAAuB,IAAIA,MAAO,YAA+BC,OAAW,EAAC,aAAM,MAAmB,kCAACiB,YAAG,O,MAAC,C,MAAgClB,IAAqB,IAAIA,MAAO,YAAkB,0BACt8E,gC,SC+Gc,GACfmB,OAAAC,WAAAD,OAAAE,gBACAC,OACA,OACAC,MAAA,GACAjB,UAAA,CACAK,KAAA,KACAJ,aAAA,KACAG,OAAA,KACAc,SAAA,WAIAC,SAAA,CACAC,UACA,OACA,CACAC,KAAA,KAAAC,GAAA,kCACAvB,MAAA,QAEA,CACAsB,KAAA,KAAAC,GAAA,mCACAvB,MAAA,SAEA,CACAsB,KAAA,KAAAC,GAAA,oCACAvB,MAAA,UAEA,CACAsB,KAAA,KAAAC,GAAA,mCACAvB,MAAA,SAEA,CACAsB,KAAA,KAAAC,GAAA,uCACAvB,MAAA,aAEA,CACAsB,KAAA,KAAAC,GAAA,qCACAvB,MAAA,WAEA,CACAsB,KAAA,KAAAC,GAAA,qCACAvB,MAAA,WAEA,CACAsB,KAAA,KAAAC,GAAA,kCACAvB,MAAA,UAIAwB,gBACA,OACA,KAAAD,GAAA,qCACA,KAAAA,GAAA,qCACA,KAAAA,GAAA,qCACA,KAAAA,GAAA,qCACA,KAAAA,GAAA,qCACA,KAAAA,GAAA,uCAGAE,UACA,OACA,KAAAF,GAAA,wBACA,KAAAA,GAAA,yBAIAG,QAAA,CACAC,oBAAAC,GACA,UAAAC,MAAAD,IAAAE,IAAA,CAAAC,EAAAC,KAAA,CACAC,GAAAD,EACA1B,KAAA,KAAA4B,MAAA5B,KAAA6B,YACAC,MAAA,KAAAF,MAAAG,SAAAD,QACAE,OAAA,KAAAJ,MAAAK,QAAAD,SACAE,MAAA,KAAAN,MAAAM,MAAAC,cACAC,UAAA,KAAAR,MAAAS,KAAAC,OAAAC,mBAAA,KAAA9B,WAAA+B,kBACAC,QAAA,KAAAb,MAAAS,KAAAK,SAAAH,mBAAA,KAAA9B,WAAA+B,sBAGAG,WAAArC,GACAsC,QAAAC,IAAA,wBAAAvC,EAAAqB,KAEAmB,aAAAxC,GACAsC,QAAAC,IAAA,0BAAAvC,EAAAqB,KAEAoB,SAAAC,GACAJ,QAAAC,IAAAG,KAGAC,UAEAC,WACA,KACA,KAAAtC,MAAA,KAAAS,oBAAA,KAEA,OC/MgV,I,iCCO5U8B,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,KACA,MAMoB,oBAAX,KAAuB,IAAOD,GAE1B,aAAAA,E","file":"js/page-reports.f199931c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('page-title',{attrs:{\"title\":_vm.$t('pages.reports.title')}},[_c('v-btn',{attrs:{\"outlined\":\"\",\"color\":\"primary\"}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\" mdi-plus \")]),_vm._v(\" \"+_vm._s(_vm.faker.commerce.color())+\" \")],1),_c('v-btn',{staticClass:\"mx-2\",attrs:{\"outlined\":\"\",\"color\":\"success\"}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\" mdi-filter \")]),_vm._v(\" \"+_vm._s(_vm.faker.commerce.color())+\" \")],1),_c('v-btn',{attrs:{\"outlined\":\"\",\"color\":\"primary\"}},[_vm._v(\" \"+_vm._s(_vm.faker.commerce.color())+\" \")])],1),_c('filter-box',{on:{\"filter\":_vm.onFilter}},[_c('filter-item',{attrs:{\"type\":\"select\",\"items\":_vm.campaignTypes,\"placeholder\":_vm.$t('pages.reports.campaignTypePlaceholder'),\"multiple\":\"\"},model:{value:(_vm.filterBox.campaignType),callback:function ($$v) {_vm.$set(_vm.filterBox, \"campaignType\", $$v)},expression:\"filterBox.campaignType\"}}),_c('filter-item',{attrs:{\"type\":\"select\",\"items\":_vm.genders,\"placeholder\":_vm.$t('pages.reports.genderPlaceholder'),\"multiple\":\"\"},model:{value:(_vm.filterBox.gender),callback:function ($$v) {_vm.$set(_vm.filterBox, \"gender\", $$v)},expression:\"filterBox.gender\"}}),_c('filter-item',{attrs:{\"type\":\"textbox\",\"placeholder\":_vm.$t('pages.reports.namePlaceholder'),\"multiple\":\"\"},model:{value:(_vm.filterBox.name),callback:function ($$v) {_vm.$set(_vm.filterBox, \"name\", $$v)},expression:\"filterBox.name\"}}),_c('filter-item',{attrs:{\"type\":\"range\",\"min\":\"15\",\"max\":\"100\",\"placeholder\":_vm.$t('pages.reports.ageRangePlaceholder')},model:{value:(_vm.filterBox.ageRange),callback:function ($$v) {_vm.$set(_vm.filterBox, \"ageRange\", $$v)},expression:\"filterBox.ageRange\"}})],1),_c('v-data-table',{staticClass:\"report-table\",attrs:{\"headers\":_vm.headers,\"items\":_vm.items,\"disable-sort\":\"\"},scopedSlots:_vm._u([{key:\"item.email\",fn:function({ item }){return [_c('div',{staticClass:\"english-number\"},[_vm._v(\" \"+_vm._s(item.email)+\" \")])]}},{key:\"item.show\",fn:function(){return [_c('v-btn',{staticClass:\"float-left\",attrs:{\"color\":\"primary\",\"depressed\":\"\",\"outlined\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.reports.show'))+\" \")])]},proxy:true},{key:\"item.actions\",fn:function({ item }){return [_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.onDeleteItem(item)}}},[_vm._v(\" mdi-delete \")]),_c('v-icon',{staticClass:\"mr-2\",attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.onEditItem(item)}}},[_vm._v(\" mdi-pencil \")])]}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<route>\n{\n  \"name\": \"reports\",\n  \"meta\": {\n    \"order\": 4.2,\n    \"isVisible\": false,\n    \"iconName\": \"mdi-book\"\n  }\n}\n</route>\n<template>\n  <div>\n    <page-title\n      :title=\"$t('pages.reports.title')\"\n    >\n     <v-btn\n       outlined\n       color=\"primary\">\n       <v-icon\n         small>\n         mdi-plus\n       </v-icon>\n       {{ faker.commerce.color() }}\n     </v-btn>\n     <v-btn\n       outlined\n       class=\"mx-2\"\n       color=\"success\">\n       <v-icon\n         small>\n         mdi-filter\n       </v-icon>\n       {{ faker.commerce.color() }}\n     </v-btn>\n     <v-btn\n       outlined\n       color=\"primary\">\n       {{ faker.commerce.color() }}\n     </v-btn>\n    </page-title>\n    <filter-box\n      @filter=\"onFilter\"\n    >\n      <filter-item\n        v-model=\"filterBox.campaignType\"\n        type=\"select\"\n        :items=\"campaignTypes\"\n        :placeholder=\"$t('pages.reports.campaignTypePlaceholder')\"\n        multiple\n      ></filter-item>\n      <filter-item\n        v-model=\"filterBox.gender\"\n        type=\"select\"\n        :items=\"genders\"\n        :placeholder=\"$t('pages.reports.genderPlaceholder')\"\n        multiple\n      ></filter-item>\n      <filter-item\n        v-model=\"filterBox.name\"\n        type=\"textbox\"\n        :placeholder=\"$t('pages.reports.namePlaceholder')\"\n        multiple\n      ></filter-item>\n      <filter-item\n        v-model=\"filterBox.ageRange\"\n        type=\"range\"\n        min=\"15\"\n        max=\"100\"\n        :placeholder=\"$t('pages.reports.ageRangePlaceholder')\"\n      ></filter-item>\n    </filter-box>\n    <v-data-table\n      class=\"report-table\"\n      :headers=\"headers\"\n      :items=\"items\"\n      disable-sort\n    >\n      <template v-slot:item.email=\"{ item }\">\n        <div class=\"english-number\">\n          {{ item.email }}\n        </div>\n      </template>\n      <template v-slot:item.show>\n        <v-btn\n          color=\"primary\"\n          depressed\n          outlined\n          class=\"float-left\"\n        >\n          {{ $t('pages.reports.show') }}\n        </v-btn>\n      </template>\n      <template v-slot:item.actions=\"{ item }\">\n        <v-icon\n          small\n          color=\"red\"\n          @click=\"onDeleteItem(item)\"\n        >\n          mdi-delete\n        </v-icon>\n        <v-icon\n          small\n          class=\"mr-2\"\n          @click=\"onEditItem(item)\"\n        >\n          mdi-pencil\n        </v-icon>\n      </template>\n    </v-data-table>\n  </div>\n</template>\n<script>\nexport default {\n  layout: APP_CONFIG.layout.mainPanelLayout,\n  data () {\n    return {\n      items: [],\n      filterBox: {\n        name: null,\n        campaignType: null,\n        gender: null,\n        ageRange: [20, 40]\n      }\n    }\n  },\n  computed: {\n    headers () {\n      return [\n        {\n          text: this.$t('pages.reports.tableHeader.name'),\n          value: 'name'\n        },\n        {\n          text: this.$t('pages.reports.tableHeader.email'),\n          value: 'email'\n        },\n        {\n          text: this.$t('pages.reports.tableHeader.amount'),\n          value: 'amount'\n        },\n        {\n          text: this.$t('pages.reports.tableHeader.phone'),\n          value: 'phone'\n        },\n        {\n          text: this.$t('pages.reports.tableHeader.startDate'),\n          value: 'startDate'\n        },\n        {\n          text: this.$t('pages.reports.tableHeader.endDate'),\n          value: 'endDate'\n        },\n        {\n          text: this.$t('pages.reports.tableHeader.actions'),\n          value: 'actions'\n        },\n        {\n          text: this.$t('pages.reports.tableHeader.show'),\n          value: 'show'\n        }\n      ]\n    },\n    campaignTypes () {\n      return [\n        this.$t('pages.reports.campaignTypes.type1'),\n        this.$t('pages.reports.campaignTypes.type2'),\n        this.$t('pages.reports.campaignTypes.type3'),\n        this.$t('pages.reports.campaignTypes.type4'),\n        this.$t('pages.reports.campaignTypes.type5'),\n        this.$t('pages.reports.campaignTypes.type6')\n      ]\n    },\n    genders () {\n      return [\n        this.$t('pages.reports.female'),\n        this.$t('pages.reports.male')\n      ]\n    }\n  },\n  methods: {\n    randomDataGenerator (count) {\n      return [...Array(count)].map((_, index) => ({\n        id: index,\n        name: this.faker.name.firstName(),\n        email: this.faker.internet.email(),\n        amount: this.faker.finance.amount(),\n        phone: this.faker.phone.phoneNumber(),\n        startDate: this.faker.date.past().toLocaleDateString(this.APP_CONFIG.localeDateString),\n        endDate: this.faker.date.future().toLocaleDateString(this.APP_CONFIG.localeDateString)\n      }))\n    },\n    onEditItem (item) {\n      console.log('Clicked on edit Item ', item.id)\n    },\n    onDeleteItem (item) {\n      console.log('Clicked on delete Item ', item.id)\n    },\n    onFilter (payload) {\n      console.log(payload)\n    }\n  },\n  created () {\n    // set timeout only for loading experience\n    setTimeout(\n      () => {\n        this.items = this.randomDataGenerator(40)\n      },\n      1000\n    )\n  }\n}\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./reports.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./reports.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./reports.vue?vue&type=template&id=1cf218cf\"\nimport script from \"./reports.vue?vue&type=script&lang=js\"\nexport * from \"./reports.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\n/* custom blocks */\nimport block0 from \"./reports.vue?vue&type=custom&index=0&blockType=route\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports"],"sourceRoot":""}