{"version":3,"sources":["webpack:///./src/view/pages/admin/MessageReports.vue?6122","webpack:///src/view/pages/admin/MessageReports.vue","webpack:///./src/view/pages/admin/MessageReports.vue?34d1","webpack:///./src/view/pages/admin/MessageReports.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","model","value","callback","$$v","fromDate","expression","toDate","on","updateData","fields","usageSummaries","_s","userCountLabel","staticRenderFns","data","getLastWeek","getToday","components","computed","picture","totalRows","length","requestUrl","adjustedToDate","setDate","getDate","queryString","label","methods","getUsageSummaries","trimEmail","substring","indexOf","mounted","$store","dispatch","component"],"mappings":"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","file":"js/chunk-2d0e6172.ab08cf75.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('div',{staticClass:\"card card-custom gutter-b card-stretch card-shadowless bg-light\"},[_c('div',{staticClass:\"card-header border-0 pt-5\"},[_c('h3',{staticClass:\"card-title align-items-start flex-column\"},[_c('span',{staticClass:\"card-label font-weight-bolder text-dark\"},[_vm._v(\" Usage summary \")])])]),_c('div',{staticClass:\"card-body pt-3 pb-0\"},[_c('b-row',{attrs:{\"align-v\":\"end\"}},[_c('b-col',{attrs:{\"lg\":\"5\"}},[_c('label',{attrs:{\"for\":\"fromDatePicker\"}},[_vm._v(\"From\")]),_c('b-form-datepicker',{staticClass:\"mb-2\",attrs:{\"id\":\"fromDatePicker\"},model:{value:(_vm.fromDate),callback:function ($$v) {_vm.fromDate=$$v},expression:\"fromDate\"}})],1),_c('b-col',{attrs:{\"lg\":\"5\"}},[_c('label',{attrs:{\"for\":\"toDatePicker\"}},[_vm._v(\"To\")]),_c('b-form-datepicker',{staticClass:\"mb-2\",attrs:{\"id\":\"toDatePicker\"},model:{value:(_vm.toDate),callback:function ($$v) {_vm.toDate=$$v},expression:\"toDate\"}})],1),_c('b-col',{attrs:{\"lg\":\"2\"}},[_c('b-button',{staticClass:\"btn btn-primary fetch-button mb-2\",attrs:{\"id\":\"fetchButton\",\"block\":\"\",\"variant\":\"primary\"},on:{\"click\":_vm.updateData}},[_vm._v(\" Fetch \")])],1)],1),_c('b-table',{attrs:{\"responsive\":\"\",\"fields\":_vm.fields,\"items\":_vm.usageSummaries}}),_c('b-row',{staticClass:\"mb-5\"},[_c('b-col',{staticClass:\"text-muted\"},[_vm._v(\" \"+_vm._s(_vm.userCountLabel)+\" users displayed \")])],1)],1)])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-row>\n      <b-col lg=\"12\">\n        <div\n          class=\"card card-custom gutter-b card-stretch card-shadowless bg-light\"\n        >\n          <!--begin::Header-->\n          <div class=\"card-header border-0 pt-5\">\n            <h3 class=\"card-title align-items-start flex-column\">\n              <span class=\"card-label font-weight-bolder text-dark\">\n                Usage summary\n              </span>\n            </h3>\n          </div>\n          <!--end::Header-->\n          <!--begin::Body-->\n          <div class=\"card-body pt-3 pb-0\">\n            <!--begin::Table-->\n\n            <b-row align-v=\"end\">\n              <b-col lg=\"5\">\n                <label for=\"fromDatePicker\">From</label>\n                <b-form-datepicker\n                  v-model=\"fromDate\"\n                  id=\"fromDatePicker\"\n                  class=\"mb-2\"\n                ></b-form-datepicker>\n              </b-col>\n\n              <b-col lg=\"5\">\n                <label for=\"toDatePicker\">To</label>\n                <b-form-datepicker\n                  v-model=\"toDate\"\n                  id=\"toDatePicker\"\n                  class=\"mb-2\"\n                ></b-form-datepicker>\n              </b-col>\n\n              <b-col lg=\"2\">\n                <b-button\n                  id=\"fetchButton\"\n                  class=\"btn btn-primary fetch-button mb-2\"\n                  @click=\"updateData\"\n                  block\n                  variant=\"primary\"\n                >\n                  Fetch\n                </b-button>\n              </b-col>\n            </b-row>\n\n            <!-- <table class=\"table fixed-table\">\n              <thead>\n                <tr>\n                  <template v-for=\"(heading, i) in headings\">\n                    <th v-bind:key=\"i\" scope=\"col\">{{ heading }}</th>\n                  </template>\n                </tr>\n              </thead>\n              <tbody>\n                <template v-for=\"(summary, i) in filteredData\">\n                  <tr v-bind:key=\"i\">\n                    <td class=\"table-col\">{{ summary.user }}</td>\n                    <td class=\"table-col\">{{ summary.sentMessages }}</td>\n                    <td class=\"table-col\">{{ summary.smsCount }}</td>\n                    <td class=\"table-col\">{{ summary.messageFails }}</td>\n                  </tr>\n                </template>\n              </tbody>\n\n              <b-pagination\n                v-model=\"currentPage\"\n                :per-page=\"perpage\"\n                :total-rows=\"totalRows\"\n                @change=\"pageChange($event)\"\n                :hide-ellipsis=\"true\"\n              ></b-pagination>\n            </table> -->\n            <!--end::Table-->\n\n            <b-table responsive :fields=\"fields\" :items=\"usageSummaries\">\n            </b-table>\n\n            <b-row class=\"mb-5\">\n              <b-col class=\"text-muted\">\n                {{ userCountLabel }} users displayed\n              </b-col>\n            </b-row>\n          </div>\n          <!--end::Body-->\n        </div>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<style></style>\n\n<script>\nimport { SET_BREADCRUMB } from \"@/core/services/store/breadcrumbs.module\";\nimport ApiService from \"@/core/services/api.service\";\n\nexport default {\n  data() {\n    return {\n      fromDate: this.getLastWeek(),\n      toDate: this.getToday(),\n      fields: [\n        { key: \"userName\", label: \"User\", formatter: \"trimEmail\" },\n        { key: \"successfulCount\", label: \"Successful messages\" },\n        { key: \"smsCount\", label: \"SMS count\" },\n        { key: \"failedCount\", label: \"Failed messages\" },\n      ],\n      usageSummaries: [],\n    };\n  },\n\n  components: {},\n\n  computed: {\n    picture() {\n      return (\n        process.env.BASE_URL + \"media/svg/avatars/avatar-single-orange.svg\"\n      );\n    },\n    totalRows() {\n      return this.usageSummaries.length;\n    },\n    requestUrl() {\n      let adjustedToDate = new Date(this.toDate + \" 00:00\");\n      adjustedToDate.setDate(adjustedToDate.getDate() + 1);\n      let queryString = \"sentMessages/summary?\";\n      queryString += `&From=${new Date(this.fromDate + \" 00:00\")\n        .toISOString()\n        .replace(\"Z\", \"\")}`;\n      queryString += `&To=${adjustedToDate.toISOString().replace(\"Z\", \"\")}`;\n      return queryString;\n    },\n    userCountLabel() {\n      let label;\n      if (this.usageSummaries.length > 0) {\n        label = this.usageSummaries.length;\n      } else {\n        label = \"No\";\n      }\n      return label;\n    },\n  },\n\n  methods: {\n    getUsageSummaries() {\n      ApiService.query(this.requestUrl).then((response) => {\n        this.usageSummaries = response.data.sort((a, b) =>\n          a.smsCount < b.smsCount ? 1 : -1\n        );\n      });\n    },\n    getLastWeek() {\n      let today = new Date();\n      let lastWeek = new Date(\n        today.getFullYear(),\n        today.getMonth() + 1,\n        today.getDate() - 7\n      );\n      return `${lastWeek.getFullYear()}-${lastWeek.getMonth()}-${lastWeek.getDate()}`;\n    },\n    getToday() {\n      let today = new Date();\n\n      return `${today.getFullYear()}-${today.getMonth() +\n        1}-${today.getDate()}`;\n    },\n    updateData() {\n      this.getUsageSummaries();\n    },\n    trimEmail(value) {\n      return value.substring(0, value.indexOf(\"@\"));\n    },\n  },\n  mounted() {\n    this.$store.dispatch(SET_BREADCRUMB, [\n      { title: \"Vue Bootstrap\", route: \"alert\" },\n      { title: \"\" },\n    ]);\n\n    this.getUsageSummaries();\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!./MessageReports.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!./MessageReports.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MessageReports.vue?vue&type=template&id=7ad0a2f2&\"\nimport script from \"./MessageReports.vue?vue&type=script&lang=js&\"\nexport * from \"./MessageReports.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":""}