{"version":3,"sources":["webpack:///./src/components/TrendsComp.vue?b467","webpack:///./src/views/Trends.vue?fc4f","webpack:///./src/components/TrendsComp.vue?ff6b","webpack:///src/components/TrendsComp.vue","webpack:///./src/components/TrendsComp.vue?96f3","webpack:///./src/components/TrendsComp.vue?e2d6","webpack:///src/views/Trends.vue","webpack:///./src/views/Trends.vue?2020","webpack:///./src/views/Trends.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticRenderFns","_v","on","$event","copyToClipboard","staticClass","headers","deals","options","selectedRow","scopedSlots","_u","key","fn","ref","items","isOpen","toggle","length","_s","stage","_l","filter","header","hasOwnProperty","value","formatter","amt","data","vUser","$root","activeUser","uid","vDate","itemsPerPage","dates","methods","closeAll","Object","keys","$refs","forEach","console","log","openAll","row","select","queryTrends","result","col","includes","text","toUpperCase","width","divider","align","groupable","formatNumber","val","toLocaleString","beforeMount","computed","getReworkCount","countRework","errorTasks","pendingReworkCount","isAllowed","appLevel","beforeDestroy","tasks","component","VBtn","VCard","VCardTitle","VContainer","VDataTable","VIcon","VSpacer","VToolbar","components","StatsComp","$router","push","VCol","VRow"],"mappings":"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","file":"js/chunk-0de85e68.226f8a2b.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrendsComp.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticStyle:{\"margin-top\":\"10px\",\"padding-top\":\"10px\",\"width\":\"100%\"},attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"dense\":\"\",\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"10\"}},[_c('StatsComp')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-toolbar',{staticStyle:{\"margin-bottom\":\"2px\"},attrs:{\"height\":\"30px\"}},[_c('v-card-title',[_vm._v(\"DEALS TREND ( \"),_c('p',{staticStyle:{\"color\":\"red\",\"font-size\":\"14px !important\"}},[_vm._v(\"VOLUME\")]),_vm._v(\" ) \")]),_c('v-spacer'),_c('v-btn',{staticStyle:{\"font-size\":\"10px !important\"},attrs:{\"color\":\"success\",\"elevation\":\"5\",\"x-small\":\"\"},on:{\"click\":function($event){return _vm.copyToClipboard('results')}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"mdi-content-copy\")]),_vm._v(\" Copy\")],1)],1),_c('v-card',{attrs:{\"color\":\"cardColor\"}},[_c('v-data-table',{staticClass:\"elevation-1\",staticStyle:{\"margin-bottom\":\"10px\"},attrs:{\"id\":\"results\",\"height\":\"270px\",\"fixed-header\":\"\",\"dense\":\"\",\"single-select\":\"\",\"headers\":_vm.headers,\"items\":_vm.deals,\"item-key\":\"id\",\"footer-props.items-per-page\":\"-1\",\"footer-props\":{\n        'items-per-page-options': [-1, 5, 10, 15]\n      },\"options\":_vm.options,\"disable-pagination\":\"\",\"hide-default-footer\":\"\",\"group-by\":\"stage\",\"show-group-by\":\"\"},on:{\"click:row\":_vm.selectedRow},scopedSlots:_vm._u([{key:\"group.header\",fn:function(ref){\n      var items = ref.items;\n      var isOpen = ref.isOpen;\n      var toggle = ref.toggle;\nreturn [_c('th',{staticStyle:{\"padding-left\":\"2px\"},attrs:{\"background-color\":\"grey-lighten-3\",\"colspan\":_vm.headers.length}},[_c('v-icon',{attrs:{\"small\":\"\"},on:{\"click\":toggle}},[_vm._v(_vm._s(isOpen ? 'mdi-minus-box' : 'mdi-plus-box')+\" \")]),_c('span',{staticClass:\"text-uppercase\",staticStyle:{\"font-family\":\"verdana\",\"font-size\":\"10px\",\"color\":\"brown\"}},[_vm._v(\" \"+_vm._s(items[0].stage)+\" \")])],1)]}},_vm._l((_vm.headers.filter(function (header) { return header.hasOwnProperty('formatter'); })),function(header){return {key:(\"item.\" + (header.value)),fn:function(ref){\n      var header = ref.header;\n      var value = ref.value;\nreturn [_vm._v(\" \"+_vm._s(header.formatter(value))+\" \")]}}})],null,true)})],1),_c('v-card',{attrs:{\"color\":\"cardColor\"}},[_c('v-toolbar',{staticStyle:{\"margin-bottom\":\"2px\"},attrs:{\"height\":\"30px\"}},[_c('v-card-title',[_vm._v(\"DEALS TREND - \"),_c('p',{staticStyle:{\"color\":\"red\",\"font-size\":\"14px !important\"}},[_vm._v(\"VALUE (AED)\")])]),_c('v-spacer'),_c('v-btn',{staticStyle:{\"font-size\":\"10px !important\"},attrs:{\"color\":\"success\",\"elevation\":\"5\",\"x-small\":\"\"},on:{\"click\":function($event){return _vm.copyToClipboard('results2')}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"mdi-content-copy\")]),_vm._v(\" Copy\")],1)],1),_c('v-data-table',{staticClass:\"elevation-1\",staticStyle:{\"margin-bottom\":\"10px\"},attrs:{\"id\":\"results\",\"height\":\"270px\",\"fixed-header\":\"\",\"dense\":\"\",\"single-select\":\"\",\"headers\":_vm.headers,\"items\":_vm.amt,\"item-key\":\"id\",\"footer-props.items-per-page\":\"-1\",\"footer-props\":{\n        'items-per-page-options': [-1, 5, 10, 15]\n      },\"options\":_vm.options,\"disable-pagination\":\"\",\"group-by\":\"stage\",\"show-group-by\":\"\",\"hide-default-footer\":\"\"},on:{\"click:row\":_vm.selectedRow},scopedSlots:_vm._u([{key:\"group.header\",fn:function(ref){\n      var items = ref.items;\n      var isOpen = ref.isOpen;\n      var toggle = ref.toggle;\nreturn [_c('th',{staticStyle:{\"padding-left\":\"2px\"},attrs:{\"background-color\":\"grey-lighten-3\",\"colspan\":_vm.headers.length}},[_c('v-icon',{attrs:{\"small\":\"\"},on:{\"click\":toggle}},[_vm._v(_vm._s(isOpen ? 'mdi-minus-box' : 'mdi-plus-box')+\" \")]),_c('span',{staticClass:\"text-uppercase\",staticStyle:{\"font-family\":\"verdana\",\"font-size\":\"10px\",\"color\":\"brown\"}},[_vm._v(\" \"+_vm._s(items[0].stage)+\" \")])],1)]}},_vm._l((_vm.headers.filter(function (header) { return header.hasOwnProperty('formatter'); })),function(header){return {key:(\"item.\" + (header.value)),fn:function(ref){\n      var header = ref.header;\n      var value = ref.value;\nreturn [_vm._v(\" \"+_vm._s(header.formatter(value))+\" \")]}}})],null,true)})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container fluid>\r\n    <!-- <v-expansion-panels accordion>\r\n      <v-expansion-panel> -->\r\n    <!-- <v-card elevation=\"9\" style=\"padding: 0px\" color=\"cardColor\" fill-height> -->\r\n    <!-- <v-container fluid> -->\r\n    <v-toolbar height=\"30px\" style=\"margin-bottom: 2px\">\r\n      <v-card-title\r\n        >DEALS TREND (\r\n        <p style=\"color: red; font-size: 14px !important\">VOLUME</p>\r\n        )\r\n      </v-card-title>\r\n      <v-spacer></v-spacer>\r\n      <!-- <v-btn x-small outlined color=\"brown\" @click=\"closeAll()\">Collapse All</v-btn>\r\n      <v-btn x-small outlined color=\"brown\" @click=\"openAll()\">Expand All</v-btn> -->\r\n      <v-btn color=\"success\" elevation=\"5\" x-small style=\"font-size: 10px !important\" @click=\"copyToClipboard('results')\">\r\n        <v-icon small>mdi-content-copy</v-icon>\r\n        Copy</v-btn\r\n      >\r\n    </v-toolbar>\r\n    <v-card color=\"cardColor\">\r\n      <v-data-table\r\n        style=\"margin-bottom: 10px\"\r\n        id=\"results\"\r\n        height=\"270px\"\r\n        fixed-header\r\n        dense\r\n        single-select\r\n        @click:row=\"selectedRow\"\r\n        :headers=\"headers\"\r\n        :items=\"deals\"\r\n        item-key=\"id\"\r\n        class=\"elevation-1\"\r\n        footer-props.items-per-page=\"-1\"\r\n        :footer-props=\"{\r\n          'items-per-page-options': [-1, 5, 10, 15]\r\n        }\"\r\n        :options=\"options\"\r\n        disable-pagination\r\n        hide-default-footer\r\n        group-by=\"stage\"\r\n        show-group-by\r\n      >\r\n        <template v-slot:group.header=\"{ items, isOpen, toggle }\">\r\n          <th background-color=\"grey-lighten-3\" :colspan=\"headers.length\" style=\"padding-left: 2px;\">\r\n            <v-icon small @click=\"toggle\">{{ isOpen ? 'mdi-minus-box' : 'mdi-plus-box' }} </v-icon>\r\n            <span class=\"text-uppercase\" style=\"font-family: verdana; font-size: 10px; color: brown\">\r\n              {{ items[0].stage }}\r\n            </span>\r\n          </th>\r\n        </template>\r\n\r\n        <template\r\n          v-for=\"header in headers.filter(header => header.hasOwnProperty('formatter'))\"\r\n          v-slot:[`item.${header.value}`]=\"{ header, value }\"\r\n        >\r\n          {{ header.formatter(value) }}\r\n        </template>\r\n      </v-data-table>\r\n    </v-card>\r\n    <v-card color=\"cardColor\">\r\n      <v-toolbar height=\"30px\" style=\"margin-bottom: 2px\">\r\n        <!-- <v-card-title>DEAL TREND - VALUE (AED)</v-card-title> -->\r\n        <v-card-title\r\n          >DEALS TREND -\r\n          <p style=\"color: red; font-size: 14px !important\">VALUE (AED)</p>\r\n        </v-card-title>\r\n        <v-spacer></v-spacer>\r\n        <!-- <v-btn x-small outlined color=\"brown\" label @click=\"closeAll()\">Collapse All</v-btn>\r\n        <v-btn x-small outlined color=\"brown\" @click=\"openAll()\">Expand All</v-btn> -->\r\n        <v-btn color=\"success\" elevation=\"5\" x-small style=\"font-size: 10px !important\" @click=\"copyToClipboard('results2')\">\r\n          <v-icon small>mdi-content-copy</v-icon>\r\n          Copy</v-btn\r\n        >\r\n      </v-toolbar>\r\n      <v-data-table\r\n        style=\"margin-bottom: 10px\"\r\n        id=\"results\"\r\n        height=\"270px\"\r\n        fixed-header\r\n        dense\r\n        single-select\r\n        @click:row=\"selectedRow\"\r\n        :headers=\"headers\"\r\n        :items=\"amt\"\r\n        item-key=\"id\"\r\n        class=\"elevation-1\"\r\n        footer-props.items-per-page=\"-1\"\r\n        :footer-props=\"{\r\n          'items-per-page-options': [-1, 5, 10, 15]\r\n        }\"\r\n        :options=\"options\"\r\n        disable-pagination\r\n        group-by=\"stage\"\r\n        show-group-by\r\n        hide-default-footer\r\n      >\r\n        <template v-slot:group.header=\"{ items, isOpen, toggle }\">\r\n          <th background-color=\"grey-lighten-3\" :colspan=\"headers.length\" style=\"padding-left: 2px;\">\r\n            <v-icon small @click=\"toggle\">{{ isOpen ? 'mdi-minus-box' : 'mdi-plus-box' }} </v-icon>\r\n            <span class=\"text-uppercase\" style=\"font-family: verdana; font-size: 10px; color: brown\">\r\n              {{ items[0].stage }}\r\n            </span>\r\n          </th>\r\n        </template>\r\n        <template\r\n          v-for=\"header in headers.filter(header => header.hasOwnProperty('formatter'))\"\r\n          v-slot:[`item.${header.value}`]=\"{ header, value }\"\r\n        >\r\n          {{ header.formatter(value) }}\r\n        </template>\r\n      </v-data-table></v-card\r\n    >\r\n\r\n    <!-- </v-container> -->\r\n    <!-- </v-card> -->\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport ds from '@/services/DataService';\r\nimport cs from '@/services/CommonServices';\r\n// import db from '@/fb';\r\n// import { addBusinessDays } from 'date-fns';\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      vUser: this.$root.activeUser.uid != null ? this.$root.activeUser.uid : null,\r\n      vDate: cs.appDateFormat(new Date(), false),\r\n      // vDate: '2021-12-30',\r\n      deals: [],\r\n      amt: [],\r\n      // amtWon: [],\r\n      headers: [],\r\n      options: {\r\n        itemsPerPage: -1\r\n      },\r\n      dates: [] //['2021-03-31'],\r\n    };\r\n  },\r\n  methods: {\r\n    closeAll() {\r\n      Object.keys(this.$refs).forEach(k => {\r\n        console.log(this.$refs[k]);\r\n        if (this.$refs[k] && this.$refs[k].$attrs['data-open']) {\r\n          this.$refs[k].$el.click();\r\n        }\r\n      });\r\n    },\r\n    openAll() {\r\n      Object.keys(this.$refs).forEach(k => {\r\n        if (this.$refs[k] && !this.$refs[k].$attrs['data-open']) {\r\n          this.$refs[k].$el.click();\r\n        }\r\n      });\r\n    },\r\n    copyToClipboard(containerid) {\r\n      cs.copyToClipboard(containerid, window, document);\r\n    },\r\n    selectedRow(item, row) {\r\n      console.log('my tasks emitting==', { item });\r\n      // this.$root.currentTask = item;\r\n      row.select(true);\r\n    },\r\n    queryTrends() {\r\n      // console.log(this.isAllowed, this.isAllowed ? 1 : 0);\r\n\r\n      ds.getTrends().then(result => {\r\n        // this.tasks = [];\r\n\r\n        // console.log('results=>', result);\r\n        console.log('trends result', result);\r\n        this.deals = ds.addIndex(result.filter(obj => obj.type == 'deals'));\r\n        this.amt = ds.addIndex(result.filter(obj => obj.type == 'amt'));\r\n        // this.amtWon = ds.addIndex(result.filter(obj => obj.type == 'amt_won'));\r\n\r\n        // load headers\r\n        this.headers.push({ text: 'YEAR', value: 'yr', width: '6%', divider: true, align: 'center', groupable: false });\r\n        this.headers.push({ text: 'STAGE', value: 'stage', width: '10%', divider: true, align: 'center', groupable: true });\r\n        Object.keys(result[0]).forEach(col => {\r\n          if (!col.includes('type') && !col.includes('yr') && !col.includes('stage')) {\r\n            this.headers.push({\r\n              text: col.toUpperCase(),\r\n              value: col,\r\n              width: '7%',\r\n              divider: true,\r\n              align: 'center',\r\n              groupable: false,\r\n              formatter: this.formatNumber\r\n            });\r\n          }\r\n        });\r\n\r\n        // this.deals = ds.addIndex(result[0]);\r\n        // this.smry = ds.addIndex(result[1]);\r\n        // this.tasks = result[0];\r\n        // this.$root.tasks = result;\r\n      });\r\n    },\r\n    formatNumber(val) {\r\n      return val ? val.toLocaleString() : '';\r\n    }\r\n  },\r\n\r\n  beforeMount() {\r\n    this.queryTrends();\r\n    // this.$root.tasks = this.tasks\r\n  },\r\n\r\n  computed: {\r\n    getReworkCount() {\r\n      this.countRework(this.$root.errorTasks);\r\n      // console.log('counting ...', this.pendingReworkCount);\r\n      return this.pendingReworkCount;\r\n    },\r\n    isAllowed() {\r\n      return this.$root.activeUser.appLevel > 1;\r\n    }\r\n  },\r\n  // clean up\r\n  beforeDestroy() {\r\n    console.log('cleaning up My Tasks comp');\r\n    delete this.tasks;\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n.v-tabs .tabs__content {\r\n  background-color: lightgray !important;\r\n  /* font-size: 10px !important;\r\n  font-weight: 600;\r\n  min-width: 100px !important;\r\n  min-height: 100vh; */\r\n}\r\n\r\n.v-tab {\r\n  font-family: 'Segoe ui', 'Arial Narrow', 'Trebuchet MS', Arial, sans-serif;\r\n  /* min-width: 40px !important; */\r\n  /* width: 90px !important; */\r\n  min-width: 120px !important;\r\n  font-size: 13px !important;\r\n  /* font-weight: 500 !important; */\r\n  text-align: left !important;\r\n  /* justify-items: left !important; */\r\n  align-content: center !important;\r\n  display: block !important;\r\n  align-content: flex-start !important;\r\n  padding-top: 3px !important;\r\n}\r\n\r\n.v-tab--active {\r\n  /* background-color: rgb(143, 80, 143) !important; */\r\n  /* background-color: lightgray; */\r\n  color: navy !important;\r\n}\r\n\r\n/* tab-rest .v-tab { */\r\n/* background-color: #fff9c4 !important; */\r\n/* border-color: lightcyan;\r\n  border-style: groove; */\r\n/* } */\r\n</style>\r\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!./TrendsComp.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!./TrendsComp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrendsComp.vue?vue&type=template&id=6cffbcb4&\"\nimport script from \"./TrendsComp.vue?vue&type=script&lang=js&\"\nexport * from \"./TrendsComp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrendsComp.vue?vue&type=style&index=0&lang=css&\"\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCard,VCardTitle,VContainer,VDataTable,VIcon,VSpacer,VToolbar})\n","<template>\r\n  <v-container fluid style=\"margin-top: 10px; padding-top: 10px; width: 100%\">\r\n    <!-- <Tasklist /> -->\r\n    <v-row dense no-gutters>\r\n      <!-- <v-col cols=\"3\">\r\n        <MyTasks />\r\n      </v-col> -->\r\n      <v-col cols=\"10\">\r\n        <StatsComp />\r\n      </v-col>\r\n      <!-- <v-col cols=\"6\">\r\n        <CatalogView />\r\n      </v-col> -->\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport StatsComp from '@/components/TrendsComp.vue';\r\n// import MyTasks from '@/components/MyTasks.vue';\r\n\r\nexport default {\r\n  components: {\r\n    StatsComp\r\n  },\r\n  beforeMount() {\r\n    if (!this.$root.activeUser) {\r\n      this.$router.push('/');\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style></style>\r\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!./Trends.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!./Trends.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Trends.vue?vue&type=template&id=5d113af0&\"\nimport script from \"./Trends.vue?vue&type=script&lang=js&\"\nexport * from \"./Trends.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VContainer,VRow})\n"],"sourceRoot":""}