{"version":3,"sources":["webpack:///./src/views/configuration/address-books.vue?55cc","webpack:///src/views/configuration/address-books.vue","webpack:///./src/views/configuration/address-books.vue?616c","webpack:///./src/views/configuration/address-books.vue","webpack:///./src/assets/document.svg","webpack:///./src/views/configuration/address-books.vue?7d49","webpack:///./src/assets/red_x.svg","webpack:///./src/utils/toast.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","isPageLoading","on","$event","_e","_v","directives","name","rawName","value","expression","domProps","target","composing","searchKeyword","newAddressBook","_l","searchLocalDataset","getAddressBooks","addressBook","key","id","_s","contactCount","toLocaleString","preventDefault","editAddressBook","deleteAddressBook","staticRenderFns","component","module","exports","defaultOptions","noCloseButton","autoHideDelay","toaster","isStatus","success","context","message","overrideOptions","options","variant","$root","$bvToast","toast","danger"],"mappings":"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","file":"js/chunk-47bbc977.420453e1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('fragment',[_c('div',{staticClass:\"main_page\"},[_c('app-navbar'),_c('div',{staticClass:\"page\"},[_c('loading',{attrs:{\"active\":_vm.isPageLoading,\"is-full-page\":\"\"},on:{\"update:active\":function($event){_vm.isPageLoading=$event}}}),(!_vm.isPageLoading)?_c('div',[_c('div',{staticClass:\"page-title\"},[_c('h1',[_vm._v(\"Address Books\")])]),_c('div',{staticClass:\"page-content\"},[_c('form',[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-sm-2 col-form-label\",attrs:{\"for\":\"searchKeyword\"}},[_vm._v(\"Search by Keyword\")]),_c('div',{staticClass:\"col-sm-8\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchKeyword),expression:\"searchKeyword\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.searchKeyword)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.searchKeyword=$event.target.value}}})]),_c('div',{staticClass:\"col-sm-2\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.newAddressBook}},[_c('i',{staticClass:\"fas fa-plus-circle\"}),_vm._v(\" Add New \")])])])]),_c('ul',{staticClass:\"list-group list-group-flush border-bottom\"},_vm._l((_vm.searchLocalDataset(_vm.getAddressBooks)),function(addressBook){return _c('li',{key:addressBook.id,staticClass:\"list-group-item d-flex px-2\"},[_c('div',{staticClass:\"mr-auto\"},[_c('p',{staticClass:\"m-0\"},[_vm._v(_vm._s(addressBook.name))]),_c('p',{staticClass:\"m-0 small-grey\"},[_vm._v(_vm._s(addressBook.contactCount.toLocaleString())+\" contact(s)\")])]),_c('div',{staticClass:\"mr-auto\"}),_c('a',{staticClass:\"d-flex justify-content-between align-items-center flex-column\",attrs:{\"role\":\"button\",\"href\":\"#\",\"title\":\"Edit\"},on:{\"click\":function($event){$event.preventDefault();return _vm.editAddressBook(addressBook.id)}}},[_c('img',{staticClass:\"mb-1\",attrs:{\"src\":require(\"@/assets/document.svg\"),\"alt\":\"\"}}),_c('span',{staticClass:\"small-grey\"},[_vm._v(\"Edit\")])]),_c('a',{staticClass:\"d-flex justify-content-between align-items-center flex-column ml-3\",attrs:{\"role\":\"button\",\"href\":\"#\",\"title\":\"Delete\"},on:{\"click\":function($event){$event.preventDefault();return _vm.deleteAddressBook(addressBook.id)}}},[_c('img',{staticClass:\"mb-1\",attrs:{\"src\":require(\"@/assets/red_x.svg\"),\"alt\":\"\"}}),_c('span',{staticClass:\"small-grey\"},[_vm._v(\"Delete\")])])])}),0)])]):_vm._e()],1)],1),_c('b-modal',{staticClass:\"modal-xxl\",attrs:{\"id\":\"bv-modal-address-book\",\"size\":\"xxl\",\"hide-header\":\"\",\"hide-footer\":\"\",\"no-close-on-backdrop\":true}},[_c('address-book')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <fragment>\r\n    <div class=\"main_page\">\r\n      <app-navbar></app-navbar>\r\n      <div class=\"page\">\r\n        <loading :active.sync=\"isPageLoading\" is-full-page></loading>\r\n        <div v-if=\"!isPageLoading\">\r\n          <div class=\"page-title\">\r\n            <h1>Address Books</h1>\r\n          </div>\r\n          <div class=\"page-content\">\r\n            <form>\r\n              <div class=\"form-group row\">\r\n                <label for=\"searchKeyword\" class=\"col-sm-2 col-form-label\">Search by Keyword</label>\r\n                <div class=\"col-sm-8\">\r\n                  <input type=\"text\" class=\"form-control\" v-model=\"searchKeyword\" />\r\n                </div>\r\n                <div class=\"col-sm-2\">\r\n                  <button type=\"button\" class=\"btn btn-primary\" @click=\"newAddressBook\">\r\n                    <i class=\"fas fa-plus-circle\"></i>\r\n                    Add New\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n            <ul class=\"list-group list-group-flush border-bottom\">\r\n              <li class=\"list-group-item d-flex px-2\" v-for=\"addressBook in searchLocalDataset(getAddressBooks)\" :key=\"addressBook.id\">\r\n                <div class=\"mr-auto\">\r\n                  <p class=\"m-0\">{{ addressBook.name }}</p>\r\n                  <p class=\"m-0 small-grey\">{{ addressBook.contactCount.toLocaleString() }} contact(s)</p>\r\n                </div>\r\n                <div class=\"mr-auto\">\r\n\r\n                </div>\r\n                <a role=\"button\" href=\"#\" class=\"d-flex justify-content-between align-items-center flex-column\"\r\n                   title=\"Edit\" @click.prevent=\"editAddressBook(addressBook.id)\">\r\n                  <img class=\"mb-1\" src=\"@/assets/document.svg\" alt />\r\n                  <span class=\"small-grey\">Edit</span>\r\n                </a>\r\n                <a role=\"button\" href=\"#\" class=\"d-flex justify-content-between align-items-center flex-column ml-3\"\r\n                   title=\"Delete\" @click.prevent=\"deleteAddressBook(addressBook.id)\">\r\n                  <img class=\"mb-1\" src=\"@/assets/red_x.svg\" alt />\r\n                  <span class=\"small-grey\">Delete</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--Must include both size=\"xxl\" and class=\"modal-xxl\" for\r\n    larger-than-normal modal to appear-->\r\n    <b-modal id=\"bv-modal-address-book\" size=\"xxl\" class=\"modal-xxl\" hide-header hide-footer :no-close-on-backdrop=\"true\">\r\n      <address-book></address-book>\r\n    </b-modal>\r\n  </fragment>\r\n</template>\r\n\r\n<style lang=\"scss\" scope>\r\n.modal-xxl\r\n{\r\n  max-width:95%;\r\n}\r\n</style>\r\n\r\n<script>\r\n  import { mapGetters, mapActions } from \"vuex\";\r\n  import MessageBox from \"@/utils/messagebox\";\r\n  import Toast from \"@/utils/toast\";\r\n\r\n  export default {\r\n    name: \"configuration-address-books\",\r\n    components: {\r\n      'app-navbar': () => import('@/components/app-navbar.vue'),\r\n      'address-book': () => import('@/views/configuration/components/address-book.vue')\r\n    },\r\n    computed: {\r\n      ...mapGetters([\"getAddressBooks\"])\r\n    },\r\n    data: function () {\r\n      return {\r\n        isPageLoading: true,\r\n        searchKeyword: null\r\n      };\r\n    },\r\n    methods: {\r\n      newAddressBook() {\r\n        this.resetAddressBook().then(() => {\r\n          this.$bvModal.show(\"bv-modal-address-book\");\r\n        });\r\n      },\r\n      editAddressBook(id) {\r\n        this.fetchAddressBook(id).then(() => {\r\n          this.$bvModal.show(\"bv-modal-address-book\");\r\n        });\r\n      },\r\n      async deleteAddressBook(id) {\r\n        let confirm = await MessageBox.confirm(this, \"Remove address book\", \"Are you sure you want to remove this address book?\");\r\n\r\n        if (confirm) {\r\n          this.removeAddressBook(id).then(() => {\r\n            Toast.success(this, \"Successfully removed address book!\");\r\n          });\r\n        }\r\n      },\r\n      searchLocalDataset(values) {\r\n        if (!this.searchKeyword || this.searchKeyword === \"\") return values;\r\n\r\n        return values.filter(i => i.name.includes(this.searchKeyword));\r\n      },\r\n      ...mapActions([\"fetchAddressBook\", \"fetchAddressBooks\", \"removeAddressBook\", \"resetAddressBook\"])\r\n    },\r\n    mounted: function () {\r\n      this.fetchAddressBooks().then(() => {\r\n        this.isPageLoading = false;\r\n      });\r\n    }\r\n  };\r\n</script>\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!./address-books.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!./address-books.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./address-books.vue?vue&type=template&id=af2b2990&\"\nimport script from \"./address-books.vue?vue&type=script&lang=js&\"\nexport * from \"./address-books.vue?vue&type=script&lang=js&\"\nimport style0 from \"./address-books.vue?vue&type=style&index=0&lang=scss&scope=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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/document.fac8cbfe.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./address-books.vue?vue&type=style&index=0&lang=scss&scope=true&\"","module.exports = __webpack_public_path__ + \"img/red_x.d0ed53ac.svg\";","const defaultOptions = {\r\n  noCloseButton: true,\r\n  autoHideDelay: 3000,\r\n  toaster: \"b-toaster-top-right\",\r\n  isStatus: true\r\n};\r\n\r\nconst success = function (context, message, overrideOptions) {\r\n  let options = { variant: 'success', ...defaultOptions, ...overrideOptions };\r\n  context.$root.$bvToast.toast(message, options);\r\n}\r\n\r\nconst danger = function (context, message, overrideOptions) {\r\n  let options = { variant: 'danger', ...defaultOptions, ...overrideOptions };\r\n  context.$root.$bvToast.toast(message, options);\r\n}\r\n\r\nexport default { success, danger }\r\n"],"sourceRoot":""}