{"version":3,"sources":["webpack:///./src/pages/reports.vue?e8fc","webpack:///src/pages/reports.vue","webpack:///./src/pages/reports.vue?7bd8","webpack:///./src/pages/reports.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$t","_v","_s","faker","commerce","color","staticClass","on","onFilter","campaignTypes","model","value","filterBox","callback","$$v","$set","expression","genders","headers","items","scopedSlots","_u","key","fn","ref","item","email","proxy","$event","onDeleteItem","onEditItem","staticRenderFns","layout","APP_CONFIG","mainPanelLayout","data","name","campaignType","gender","ageRange","computed","methods","randomDataGenerator","console","log","id","payload","created","setTimeout","component","VBtn","VDataTable","VIcon"],"mappings":"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","file":"js/page-reports.73c3531c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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(ref){\nvar item = ref.item;\nreturn [_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(ref){\nvar item = ref.item;\nreturn [_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)}\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VDataTable,VIcon})\n"],"sourceRoot":""}