{"version":3,"sources":["webpack:///./src/views/transparency/operational/overview/MetricCards.vue?6f95","webpack:///src/views/transparency/operational/overview/MetricCards.vue","webpack:///./src/views/transparency/operational/overview/MetricCards.vue?0b64","webpack:///./src/views/transparency/operational/overview/MetricCards.vue","webpack:///./src/views/smart-reporting/custom-reports/budget-tracking-report/Metrics.vue?63dd","webpack:///./src/views/smart-reporting/custom-reports/budget-tracking-report/Index.vue?a42c","webpack:///src/views/smart-reporting/custom-reports/budget-tracking-report/Metrics.vue","webpack:///./src/views/smart-reporting/custom-reports/budget-tracking-report/Metrics.vue?c1a3","webpack:///./src/views/smart-reporting/custom-reports/budget-tracking-report/Metrics.vue","webpack:///./src/views/smart-reporting/custom-reports/budget-tracking-report/Metrics.vue?28d6","webpack:///./src/views/smart-reporting/custom-reports/budget-tracking-report/Table.vue?358a","webpack:///src/views/smart-reporting/custom-reports/budget-tracking-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/budget-tracking-report/Table.vue?2ad8","webpack:///./src/views/smart-reporting/custom-reports/budget-tracking-report/Table.vue","webpack:///src/views/smart-reporting/custom-reports/budget-tracking-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/budget-tracking-report/Index.vue?d96d","webpack:///./src/views/smart-reporting/custom-reports/budget-tracking-report/Index.vue","webpack:///./src/views/transparency/operational/overview/MetricCards.vue?b407"],"names":["components","BCard","BCol","BRow","BCardText","props","cardData","type","Object","required","data","colorClassIndex","All","LowPerformance","LowQuality","methods","getCardColor","index","getIndex","component","_vm","this","_h","$createElement","_c","_self","staticClass","_l","entries","entry","key","class","attrs","_v","_s","staticRenderFns","e","BButton","BFormGroup","BDropdown","BDropdownForm","BFormCheckbox","metricSums","metrics","value","text","amount","selected","selectedMetrics","tempSelected","cashbackWidth","optionsFormatted","universalFormatter","kFormatter","formatData","formattedMetrics","keys","forEach","metric","push","isCurrency","option","ref","refInFor","tableData","fields","TableEnhancer","Array","label","formatter","NoDataTemp","Loading","Metrics","PlannedTable","recData","noData","isLoading","currentKey","created","getMetrics","previousPage","$router","params","$http","get","then","catch","on","_e","sums"],"mappings":"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","file":"js/chunk-57d9a868.17094984.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',{staticClass:\"mt-1\"},_vm._l((Object.entries(_vm.cardData)),function(entry,index){return _c('b-col',{key:entry[0]},[_c('b-card',{staticClass:\"px-2 py-1 mb-1\",class:_vm.getCardColor(index),attrs:{\"no-body\":\"\"}},[_c('h5',{staticClass:\"text-nowrap text-center\"},[_vm._v(_vm._s(entry[0]))]),_c('h1',{staticClass:\"card-text text-center\"},[_vm._v(_vm._s(entry[1]))])])],1)}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-row class=\"mt-1\">\n    <b-col v-for=\"(entry, index) in Object.entries(cardData)\" :key=\"entry[0]\">\n      <b-card no-body :class=\"getCardColor(index)\" class=\"px-2 py-1 mb-1\">\n        <h5 class=\"text-nowrap text-center\">{{ entry[0] }}</h5>\n        <h1 class=\"card-text text-center\">{{ entry[1] }}</h1>\n      </b-card>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BCard, BCol, BRow, BCardText } from \"bootstrap-vue\";\nexport default {\n  components: {\n    BCard,\n    BCol,\n    BRow,\n    BCardText,\n  },\n  props: {\n    cardData: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      colorClassIndex: {\n        All: 0,\n        LowPerformance: 1,\n        LowQuality: 2,\n      },\n    };\n  },\n  methods: {\n    getCardColor(index) {\n      return `color-class-${index}`;\n    },\n    getIndex(index) {},\n  },\n\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.color-class-0 {\n  background: linear-gradient(\n    180deg,\n    rgb(160, 78, 246) 0%,\n    rgba(95, 69, 245, 1) 100%\n  );\n}\n.color-class-1 {\n  background: linear-gradient(\n    180deg,\n    rgb(254, 181, 0) 0%,\n    rgba(233, 127, 1, 1) 100%\n  );\n}\n.color-class-2 {\n  background: linear-gradient(\n    180deg,\n    rgb(100, 216, 250) 0%,\n    rgba(75, 160, 228, 1) 100%\n  );\n}\n\n.card-text {\n  font-size: 2.5rem;\n  font-weight: bolder;\n}\n</style>\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!./MetricCards.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!./MetricCards.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MetricCards.vue?vue&type=template&id=5b3ae80e&scoped=true\"\nimport script from \"./MetricCards.vue?vue&type=script&lang=js\"\nexport * from \"./MetricCards.vue?vue&type=script&lang=js\"\nimport style0 from \"./MetricCards.vue?vue&type=style&index=0&id=5b3ae80e&prod&lang=scss&scoped=true\"\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  \"5b3ae80e\",\n  null\n  \n)\n\nexport default component.exports","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!./Metrics.vue?vue&type=style&index=0&id=7c05df1c&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"audience-report\",attrs:{\"id\":\"custom-reports\"}},[_c('h3',{staticClass:\"mb-1\"},[_vm._v(\"Budget Report\")]),_c('b-button',{staticClass:\"mb-1\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.previousPage}},[_vm._v(\" Back \")]),(_vm.isLoading)?_c('Loading'):_vm._e(),(_vm.noData)?_c('no-data-temp'):_vm._e(),(_vm.recData !== null && !_vm.noData)?_c('span',{key:_vm.currentKey},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('metrics',{attrs:{\"metric-sums\":_vm.recData.sums}})],1)],1),_c('b-row',[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('planned-table',{attrs:{\"table-data\":_vm.recData.data}})],1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-row class=\"match-height pb-1\">\n    <b-col\n        v-for=\"(option) in formatData()\"\n        :key=\"option.value\"\n        :ref=\"option.value\"\n        lg=\"4\"\n        class=\"metric-item color-class-0\"\n    >\n      <template>\n        <b-card class=\"mb-lg-0\">\n          <h4 class=\"text-white mb-0\">\n            {{ option.text }}\n          </h4>\n          <h1 class=\"display-4 font-weight-bolder text-white mb-0\">\n            {{ option.amount }}\n          </h1>\n        </b-card>\n      </template>\n    </b-col>\n  </b-row>\n</template>\n<script>\nimport {\n  BCard,\n  BButton,\n  BCol,\n  BFormGroup,\n  BRow,\n  BDropdown,\n  BDropdownForm,\n  BFormCheckbox\n} from \"bootstrap-vue\";\nimport {kFormatter} from \"@core/utils/filter\";\nimport { universalFormatter } from '@core/utils/utils'\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BCard,\n    BButton,\n    BFormGroup,\n    BDropdown,\n    BDropdownForm,\n    BFormCheckbox\n  },\n  props: {\n    metricSums: {\n      type:Object,\n      required:true\n    }\n  },\n  data() {\n    return {\n      metrics: [\n        {\n          value: 'plannedTotal',\n          text: 'Planned Total',\n          amount: '1,00,000'\n        },\n        {\n          value: 'realizedTotal',\n          text: 'Realized Total',\n          amount: ' 50,000'\n        },\n        {\n          value: 'remainingTotal',\n          text: 'Remaining Total',\n          amount: ' 50,000'\n        },\n      ],\n      selected: this.selectedMetrics,\n      tempSelected: this.selectedMetrics,\n      cashbackWidth: '0%',\n      optionsFormatted: []\n    };\n  },\n  methods: {\n    universalFormatter,\n    kFormatter,\n    formatData () {\n      const formattedMetrics = []\n      const metrics = Object.keys(this.metricSums)\n      metrics.forEach((metric, index) => {\n        formattedMetrics.push({\n          value: metric,\n          text: metric  + ' ' + 'Total',\n          amount: this.universalFormatter(this.metricSums[metric], {isCurrency: true} )\n        })\n      })\n      return formattedMetrics\n    },\n\n  },\n};\n\n</script>\n<style lang=\"scss\" scoped>\n.custom-checkbox {\n  margin-bottom: .5rem !important;\n}\n.dropdown-icon-wrapper {\n  z-index: 99;\n}\n\n.btn-metric-layout {\n  background-color: rgba(255, 255, 255, 0.4) !important;\n}\n\n.metric-item {\n  overflow: hidden;\n}\n\n.metric-item-last .card{\n  margin-bottom: 0;\n}\n\n// Card Colors\n.color-class-0 {\n  .card {\n    background: rgb(160,78,246);\n    background: linear-gradient(180deg, rgba(160,78,246,1) 0%, rgba(95,69,245,1) 100%);\n  }\n}\n.color-class-1 {\n  .card {\n    background: rgb(254, 181, 0);\n    background: linear-gradient(180deg, rgba(254, 181, 0, 1) 0%, rgba(233, 127, 1, 1) 100%);\n  }\n}\n.color-class-2 {\n  .card {\n    background: rgb(100, 216, 250);\n    background: linear-gradient(180deg, rgba(100, 216, 250, 1) 0%, rgba(75, 160, 228, 1) 100%);\n  }\n}\n.color-class-3 {\n  .card {\n    background: rgb(69, 233, 250);\n    background: linear-gradient(180deg, rgb(69, 233, 250) 0%, rgb(19, 182, 209) 100%);\n  }\n}\n\n.custom-progress {\n  .card {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(101,195,95,1);\n    .home-media-cashback {\n      padding: 1.5rem;\n      position: relative;\n      height: 100%;\n      .cashback-progress{\n        position: absolute;\n        top: 0;\n        left: 0;\n        background: rgb(101,195,95);\n        background: linear-gradient(90deg, rgba(101,195,95,1) 0%, rgba(84,178,130,1) 100%);\n        content: '';\n        height: 100%;\n        z-index: -1;\n        transition: width 1s ease-in-out;\n      }\n    }\n  }\n}\n</style>\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!./Metrics.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!./Metrics.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Metrics.vue?vue&type=template&id=7c05df1c&scoped=true\"\nimport script from \"./Metrics.vue?vue&type=script&lang=js\"\nexport * from \"./Metrics.vue?vue&type=script&lang=js\"\nimport style0 from \"./Metrics.vue?vue&type=style&index=0&id=7c05df1c&prod&lang=scss&scoped=true\"\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  \"7c05df1c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',{staticClass:\"match-height pb-1\"},_vm._l((_vm.formatData()),function(option){return _c('b-col',{key:option.value,ref:option.value,refInFor:true,staticClass:\"metric-item color-class-0\",attrs:{\"lg\":\"4\"}},[[_c('b-card',{staticClass:\"mb-lg-0\"},[_c('h4',{staticClass:\"text-white mb-0\"},[_vm._v(\" \"+_vm._s(option.text)+\" \")]),_c('h1',{staticClass:\"display-4 font-weight-bolder text-white mb-0\"},[_vm._v(\" \"+_vm._s(option.amount)+\" \")])])]],2)}),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('table-enhancer',{attrs:{\"tableName\":\"Budget Tracking Table\",\"tableData\":_vm.tableData,\"tableFields\":_vm.fields,\"filterableColumns\":['month']}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <table-enhancer\n    tableName=\"Budget Tracking Table\"\n    :tableData=\"tableData\"\n    :tableFields=\"fields\"\n    :filterableColumns=\"['month']\"\n  />\n</template>\n\n<script>\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\nimport { universalFormatter } from \"@/@core/utils/utils\";\n\nexport default {\n  components: {\n    TableEnhancer,\n  },\n  props: {\n    tableData: {\n      type: Array,\n      required:true\n    }\n  },\n  data() {\n    return {\n      fields: [\n        {\n          key: \"month\",\n          label: \"Month\",\n        },\n        {\n          key: \"planned\",\n          label: \"Planned Total\",\n          formatter: (value) => this.universalFormatter(value, { isCurrency: true }),\n        },\n        {\n          key: \"realized\",\n          label: \"Realized Total\",\n          formatter: (value) => this.universalFormatter(value, { isCurrency: true }),\n        },\n        {\n          key: \"remaining\",\n          label: \"Remaining Total\",\n          formatter: (value) => this.universalFormatter(value, { isCurrency: true }),\n        }\n      ],\n    };\n  },\n  methods: {\n    universalFormatter,\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!./Table.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!./Table.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Table.vue?vue&type=template&id=5b16c394\"\nimport script from \"./Table.vue?vue&type=script&lang=js\"\nexport * from \"./Table.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","<template>\n  <section\n      id=\"custom-reports\"\n      class=\"audience-report\"\n  >\n  <h3 class=\"mb-1\">Budget Report</h3>\n    <b-button variant=\"primary\" size=\"sm\" class=\"mb-1\" @click=\"previousPage\">\n      Back\n    </b-button>\n    <Loading v-if=\"isLoading\" />\n    <no-data-temp v-if=\"noData\" />\n    <span v-if=\"recData !== null && !noData\" :key=\"currentKey\">\n      <b-row>\n        <b-col lg=\"12\">\n          <metrics :metric-sums=\"recData.sums\" />\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col lg=\"12\">\n          <planned-table :table-data=\"recData.data\" />\n        </b-col>\n      </b-row>\n    </span>\n  </section>\n</template>\n\n<script>\nimport { BRow, BCol, BButton } from \"bootstrap-vue\";\nimport Metrics from \"./Metrics.vue\";\nimport MetricCards from \"@/views/transparency/operational/overview/MetricCards.vue\";\nimport PlannedTable from \"@/views/smart-reporting/custom-reports/budget-tracking-report/Table.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport Loading from \"@/views/Loading.vue\";\n\nexport default {\n  components: {\n    NoDataTemp,\n    Loading,\n    Metrics,\n    PlannedTable,\n    BButton,\n    BCol,\n    BRow\n  },\n  data() {\n    return {\n      recData: null,\n      noData: false,\n      isLoading: false,\n      currentKey: 0,\n    };\n  },\n  created () {\n    this.getMetrics()\n  },\n  methods : {\n    previousPage () {\n      this.$router.push('/smart-reporting/custom-reports-page')\n    },\n    async getMetrics(params) {\n      this.isLoading = true;\n      await this.$http\n          .get(\"/reports/budget/summary\")\n          .then(({ data }) => {\n            this.recData = data\n            this.noData = false;\n            this.currentKey += 1;\n            this.isLoading = false;\n          })\n          .catch((e) => {\n            this.noData = true;\n            this.isLoading = false;\n          })\n    },\n\n\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=fe1c7446\"\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","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!./MetricCards.vue?vue&type=style&index=0&id=5b3ae80e&prod&lang=scss&scoped=true\""],"sourceRoot":""}