{"version":3,"sources":["webpack:///./src/view/pages/admin/MessageHistory.vue?09d9","webpack:///src/view/pages/admin/MessageHistory.vue","webpack:///./src/view/pages/admin/MessageHistory.vue?4ca2","webpack:///./src/view/pages/admin/MessageHistory.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","model","value","callback","$$v","fromDate","expression","toDate","on","updateData","staticStyle","recordsPerPageOptions","recordsPerPageChanged","selectedRecordsPerPage","recordsPerPage","totalRecords","$event","pageChange","currentPage","fields","messageHistories","scopedSlots","_u","key","fn","proxy","row","toggleDetails","detailsShowing","data","class","_s","item","sendLogCaption","smsMessage","messageCountLabel","staticRenderFns","getLastWeek","getToday","components","computed","picture","totalRows","length","requestUrl","adjustedToDate","setDate","getDate","queryString","label","methods","event","getHistories","shortenValue","substring","trimEmail","indexOf","formatDate","Date","toLocaleString","replace","mounted","$store","dispatch","component"],"mappings":"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","file":"js/chunk-2d210200.fa65e0ea.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(\" Message history \")])])]),_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-row',{staticClass:\"mt-10\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"align-h\":\"end\"}},[_c('b-form',{staticClass:\"mr-0\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-end\"},attrs:{\"inline\":\"\"}},[_c('label',{staticClass:\"mr-5\",attrs:{\"for\":\"recordsPerPageLabel\"}},[_vm._v(\"Records per page\")]),_c('b-form-select',{attrs:{\"id\":\"records-per-page-dropdown\",\"options\":_vm.recordsPerPageOptions},on:{\"change\":_vm.recordsPerPageChanged},model:{value:(_vm.selectedRecordsPerPage),callback:function ($$v) {_vm.selectedRecordsPerPage=$$v},expression:\"selectedRecordsPerPage\"}}),_c('b-pagination',{staticClass:\"ml-10 mb-0\",attrs:{\"per-page\":_vm.recordsPerPage,\"total-rows\":_vm.totalRecords,\"align\":\"right\"},on:{\"change\":function($event){return _vm.pageChange($event)}},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],1)],1),_c('b-table',{attrs:{\"responsive\":\"\",\"fields\":_vm.fields,\"items\":_vm.messageHistories},scopedSlots:_vm._u([{key:\"table-colgroup\",fn:function(){return [_c('col',{key:\"showDetails\",staticStyle:{\"width\":\"5%\"}}),_c('col',{key:\"notificationTime\",staticStyle:{\"width\":\"10%\"}}),_c('col',{key:\"userName\",staticStyle:{\"width\":\"15%\"}}),_c('col',{key:\"sendLogCaption\",staticStyle:{\"width\":\"25%\"}}),_c('col',{key:\"smsMessage\",staticStyle:{\"width\":\"30%\"}}),_c('col',{key:\"smsCount\",staticStyle:{\"width\":\"10%\"}}),_c('col',{key:\"sendResult\",staticClass:\"label label-inline font-weight-bold label-light-success\",staticStyle:{\"width\":\"5%\"}})]},proxy:true},{key:\"cell(showDetails)\",fn:function(row){return [_c('b-button',{staticClass:\"mr-2 h4\",attrs:{\"size\":\"sm\",\"variant\":\"link\"},on:{\"click\":row.toggleDetails}},[_c('b-icon',{attrs:{\"icon\":row.detailsShowing ? 'arrow-up-short' : 'arrow-down-short'}})],1)]}},{key:\"cell(sendResult)\",fn:function(data){return [_c('span',{staticClass:\"label label-inline font-weight-bold\",class:{\n                  'label-light-success': data.value == 'OK',\n                  'label-light-danger': data.value !== 'OK',\n                }},[_vm._v(\" \"+_vm._s(data.value)+\" \")])]}},{key:\"row-details\",fn:function(row){return [_c('b-card',[_c('b-row',{staticClass:\"mb-2\"},[_c('b-col',{staticClass:\"text-sm-right\",attrs:{\"sm\":\"3\"}},[_c('b',[_vm._v(\"Sender:\")])]),_c('b-col',[_vm._v(_vm._s(row.item.sendLogCaption))])],1),_c('b-row',{staticClass:\"mb-2\"},[_c('b-col',{staticClass:\"text-sm-right\",attrs:{\"sm\":\"3\"}},[_c('b',[_vm._v(\"Message:\")])]),_c('b-col',[_vm._v(_vm._s(row.item.smsMessage))])],1)],1)]}}])}),_c('b-row',{staticClass:\"mt-10\"},[_c('b-col',[_c('b-pagination',{attrs:{\"per-page\":_vm.recordsPerPage,\"total-rows\":_vm.totalRecords,\"align\":\"right\"},on:{\"change\":function($event){return _vm.pageChange($event)}},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],1),_c('b-row',{staticClass:\"mb-5\"},[_c('b-col',{staticClass:\"text-muted\"},[_vm._v(\" \"+_vm._s(_vm.messageCountLabel)+\" messages 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                Message history\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            <!-- <b-row class=\"mt-10\">\n              <b-col>\n                Records per page\n                <b-dropdown\n                  id=\"records-per-page-dropdown\"\n                  :text=\"recordsPerPage.toString()\"\n                  variant=\"transparent\"\n                  @toggle=\"recordsPerPageChanged\"\n                >\n                  <b-dropdown-item>20</b-dropdown-item>\n                  <b-dropdown-item>50</b-dropdown-item>\n                  <b-dropdown-item>250</b-dropdown-item>\n                </b-dropdown>\n              </b-col>\n              <b-col>\n                <b-pagination\n                  v-model=\"currentPage\"\n                  :per-page=\"recordsPerPage\"\n                  :total-rows=\"totalRecords\"\n                  @change=\"pageChange($event)\"\n                  align=\"right\"\n                ></b-pagination>\n              </b-col>\n            </b-row> -->\n\n            <!-- <b-row class=\"mt-10\" align-h=\"end\">\n              <b-col cols=\"4\">\n                <b-form inline align-h=\"end\">\n                  <label class=\"mr-5\" for=\"recordsPerPageLabel\"\n                    >Records per page</label\n                  >\n                  <b-form-select\n                    id=\"records-per-page-dropdown\"\n                    v-model=\"selectedRecordsPerPage\"\n                    :options=\"recordsPerPageOptions\"\n                    @change=\"recordsPerPageChangved\"\n                  >\n                  </b-form-select>\n                </b-form>\n              </b-col>\n              <b-col cols=\"4\">\n                <b-pagination\n                  v-model=\"currentPage\"\n                  :per-page=\"recordsPerPage\"\n                  :total-rows=\"totalRecords\"\n                  @change=\"pageChange($event)\"\n                  align=\"right\"\n                ></b-pagination>\n              </b-col>\n            </b-row> -->\n\n            <b-row class=\"mt-10\">\n              <b-col cols=\"12\" align-h=\"end\">\n                <b-form\n                  inline\n                  class=\"mr-0\"\n                  style=\"display: flex; justify-content: flex-end\"\n                >\n                  <label class=\"mr-5\" for=\"recordsPerPageLabel\"\n                    >Records per page</label\n                  >\n                  <b-form-select\n                    id=\"records-per-page-dropdown\"\n                    v-model=\"selectedRecordsPerPage\"\n                    :options=\"recordsPerPageOptions\"\n                    @change=\"recordsPerPageChanged\"\n                  >\n                  </b-form-select>\n                  <b-pagination\n                    v-model=\"currentPage\"\n                    :per-page=\"recordsPerPage\"\n                    :total-rows=\"totalRecords\"\n                    @change=\"pageChange($event)\"\n                    align=\"right\"\n                    class=\"ml-10 mb-0\"\n                  ></b-pagination>\n                </b-form>\n              </b-col>\n            </b-row>\n\n            <b-table responsive :fields=\"fields\" :items=\"messageHistories\">\n              <template #table-colgroup>\n                <col key=\"showDetails\" style=\"width:5%\" />\n                <col key=\"notificationTime\" style=\"width:10%\" />\n                <col key=\"userName\" style=\"width:15%\" />\n                <col key=\"sendLogCaption\" style=\"width:25%\" />\n                <col key=\"smsMessage\" style=\"width:30%\" />\n                <col key=\"smsCount\" style=\"width:10%\" />\n                <col\n                  key=\"sendResult\"\n                  style=\"width:5%\"\n                  class=\"label label-inline font-weight-bold label-light-success\"\n                />\n              </template>\n\n              <template #cell(showDetails)=\"row\">\n                <b-button\n                  size=\"sm\"\n                  @click=\"row.toggleDetails\"\n                  class=\"mr-2 h4\"\n                  variant=\"link\"\n                >\n                  <!-- {{ row.detailsShowing ? \"Hide\" : \"Show\" }} Details -->\n                  <b-icon\n                    :icon=\"\n                      row.detailsShowing ? 'arrow-up-short' : 'arrow-down-short'\n                    \"\n                  />\n                </b-button>\n              </template>\n\n              <template #cell(sendResult)=\"data\">\n                <span\n                  class=\"label label-inline font-weight-bold\"\n                  v-bind:class=\"{\n                    'label-light-success': data.value == 'OK',\n                    'label-light-danger': data.value !== 'OK',\n                  }\"\n                >\n                  {{ data.value }}\n                </span>\n              </template>\n\n              <template #row-details=\"row\">\n                <b-card>\n                  <b-row class=\"mb-2\">\n                    <b-col sm=\"3\" class=\"text-sm-right\"><b>Sender:</b></b-col>\n                    <b-col>{{ row.item.sendLogCaption }}</b-col>\n                  </b-row>\n\n                  <b-row class=\"mb-2\">\n                    <b-col sm=\"3\" class=\"text-sm-right\"><b>Message:</b></b-col>\n                    <b-col>{{ row.item.smsMessage }}</b-col>\n                  </b-row>\n                </b-card>\n              </template>\n            </b-table>\n\n            <b-row class=\"mt-10\">\n              <b-col>\n                <b-pagination\n                  v-model=\"currentPage\"\n                  :per-page=\"recordsPerPage\"\n                  :total-rows=\"totalRecords\"\n                  @change=\"pageChange($event)\"\n                  align=\"right\"\n                ></b-pagination>\n              </b-col>\n            </b-row>\n\n            <b-row class=\"mb-5\">\n              <b-col class=\"text-muted\">\n                {{ messageCountLabel }} messages 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: \"showDetails\", label: \"\" },\n        { key: \"notificationTime\", label: \"Date\", formatter: \"formatDate\" },\n        { key: \"userName\", label: \"Sender\", formatter: \"trimEmail\" },\n        {\n          key: \"sendLogCaption\",\n          label: \"Recipients\",\n          formatter: (value) => {\n            return this.shortenValue(value, 80);\n          },\n        },\n        { key: \"smsMessage\", label: \"Message\" },\n        { key: \"smsCount\", label: \"SMS count\" },\n        { key: \"sendResult\", label: \"Result\" },\n      ],\n      currentPage: 1,\n      totalRecords: null,\n      messageHistories: [],\n      selectedRecordsPerPage: 10,\n      recordsPerPageOptions: [\n        { value: 10, text: \"10\" },\n        { value: 50, text: \"50\" },\n        { value: 100, text: \"100\" },\n        { value: 250, text: \"250\" },\n      ],\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.messageHistories.length;\n    },\n    requestUrl() {\n      let adjustedToDate = new Date(this.toDate + \" 00:00\");\n      adjustedToDate.setDate(adjustedToDate.getDate() + 1);\n      let queryString = \"sentMessages?\";\n      queryString += `RecordsPerPage=${this.recordsPerPage}&PageNumber=${this.currentPage}`;\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    recordsPerPage() {\n      return this.selectedRecordsPerPage;\n    },\n    messageCountLabel() {\n      let label;\n      if (this.messageHistories.length === 0) {\n        label = \"No\";\n      } else if (this.messageHistories.length === this.totalRecords) {\n        label = \"All \" + this.totalRecords;\n      } else {\n        label = this.messageHistories.length + \"/\" + this.totalRecords;\n      }\n      return label;\n    },\n  },\n\n  methods: {\n    pageChange(event) {\n      this.currentPage = event;\n      this.updateData();\n    },\n    getHistories() {\n      ApiService.query(this.requestUrl).then((response) => {\n        this.totalPages = response.data.totalPages;\n        this.totalRecords = response.data.totalRecords;\n        this.messageHistories = response.data.data.sort((a, b) =>\n          a.notificationTime < b.notificationTime ? 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\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.getHistories();\n    },\n    shortenValue(value, length) {\n      return value.substring(0, length) + (value.length > length ? \"...\" : \"\");\n    },\n    trimEmail(value) {\n      return value.substring(0, value.indexOf(\"@\"));\n    },\n    formatDate(value) {\n      // we hack the UTC conversation as the reply is in UTC but doesn't have a trailing Z\n      return new Date(value + \"Z\").toLocaleString(\"en-AU\").replace(\",\", \"\\n\");\n    },\n    recordsPerPageChanged(e) {\n      this.updateData();\n    },\n  },\n  mounted() {\n    this.$store.dispatch(SET_BREADCRUMB, [\n      { title: \"Vue Bootstrap\", route: \"alert\" },\n      { title: \"\" },\n    ]);\n\n    this.getHistories();\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!./MessageHistory.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!./MessageHistory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MessageHistory.vue?vue&type=template&id=2320dfdd&\"\nimport script from \"./MessageHistory.vue?vue&type=script&lang=js&\"\nexport * from \"./MessageHistory.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":""}