{"version":3,"sources":["webpack:///./src/view/pages/contacts/ManageContacts.vue?01be","webpack:///./src/view/content/widgets/contacts/ContactsWidget.vue?954e","webpack:///./src/view/content/widgets/contacts/ContactEditModal.vue?73a6","webpack:///src/view/content/widgets/contacts/ContactEditModal.vue","webpack:///./src/view/content/widgets/contacts/ContactEditModal.vue?902a","webpack:///./src/view/content/widgets/contacts/ContactEditModal.vue","webpack:///src/view/content/widgets/contacts/ContactsWidget.vue","webpack:///./src/view/content/widgets/contacts/ContactsWidget.vue?0968","webpack:///./src/view/content/widgets/contacts/ContactsWidget.vue","webpack:///src/view/pages/contacts/ManageContacts.vue","webpack:///./src/view/pages/contacts/ManageContacts.vue?ccbd","webpack:///./src/view/pages/contacts/ManageContacts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","staticClass","selectedContact","newUser","on","getContacts","_m","addContact","_l","item","i","key","picture","_v","_s","formatContactName","mobileNumber","slice","$event","editContact","directives","name","rawName","modifiers","lists","length","map","deleteContact","staticStyle","model","value","callback","$$v","show","expression","isFirstNameValid","keyPressed","contact","$set","isSurameValid","formatter","isMobileNumberValid","cancel","canSubmit","submitContact","props","data","computed","phoneno","firstName","surname","methods","e","keyCode","newContact","replace","editedContact","result","digits","substring","component","components","ContactEditModal","contacts","$bvModal","mounted","ContactsWidget","Object","$refs","$store","dispatch"],"mappings":"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","file":"js/chunk-2d230bd7.1e627639.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\":\"6\"}},[_c('ContactsWidget')],1),_c('b-col',{attrs:{\"lg\":\"6\"}})],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('div',{staticClass:\"card card-custom gutter-b card-stretch card-shadowless bg-light\"},[_c('ContactEditModal',{attrs:{\"contact\":_vm.selectedContact,\"newUser\":_vm.newUser},on:{\"contactsUpdated\":_vm.getContacts}}),_vm._m(0),_c('div',{staticClass:\"card-body pt-3 pb-0\"},[_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-borderless table-vertical-center\"},[_vm._m(1),_c('tbody',[_c('tr',[_c('td',{staticClass:\"pl-0\"}),_c('td',{staticClass:\"pl-0\"}),_c('td',{staticClass:\"text-right pr-0\"},[_c('a',{staticClass:\"btn btn-icon btn-light btn-sm\",attrs:{\"href\":\"#\"},on:{\"click\":_vm.addContact}},[_c('span',{staticClass:\"svg-icon svg-icon-md svg-icon-primary\"},[_c('inline-svg',{attrs:{\"src\":\"media/svg/icons/Communication/Add-contact.svg\"}})],1)])])]),_vm._l((_vm.contacts),function(item,i){return [_c('tr',{key:i},[_c('td',{staticClass:\"pl-0 py-4\"},[_c('div',{staticClass:\"symbol symbol-50 symbol-light mr-1\"},[_c('span',{staticClass:\"symbol-label\"},[_c('img',{staticClass:\"h-50 align-self-center\",attrs:{\"src\":_vm.picture,\"alt\":\"\"}})])])]),_c('td',{staticClass:\"pl-0\"},[_c('a',{staticClass:\"text-dark-75 font-weight-bolder text-hover-primary mb-1 font-size-lg\",attrs:{\"href\":\"#\"}},[_vm._v(\" \"+_vm._s(_vm.formatContactName(item))+\" \")]),_c('div',[_c('a',{staticClass:\"text-muted font-weight-bold\",attrs:{\"href\":\"#\"}},[_vm._v(\" \"+_vm._s(item.mobileNumber.slice(0, 4) + \" \" + item.mobileNumber.slice(4, 7) + \" \" + item.mobileNumber.slice(7))+\" \")])])]),_c('td',{staticClass:\"text-right pr-0\"},[_c('a',{staticClass:\"btn btn-icon btn-light btn-sm mx-3\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.editContact(item)}}},[_c('span',{staticClass:\"svg-icon svg-icon-md svg-icon-primary\"},[_c('inline-svg',{attrs:{\"src\":\"media/svg/icons/Communication/Write.svg\"}})],1)]),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.top\",modifiers:{\"hover\":true,\"top\":true}}],staticClass:\"d-inline-block\",attrs:{\"tabindex\":\"0\",\"title\":item.lists.length > 0\n                      ? 'Contact will be removed from these lists: ' +\n                        item.lists.map(function (i) { return ' ' + i.name; })\n                      : null}},[_c('b-link',{staticClass:\"btn btn-icon btn-light btn-sm\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.deleteContact(item)}}},[_c('span',{staticClass:\"svg-icon svg-icon-md svg-icon-primary\"},[_c('inline-svg',{attrs:{\"src\":\"media/svg/icons/General/Trash.svg\"}})],1)])],1)])])]})],2)])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _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(\" My contacts \")]),_c('span',{staticClass:\"text-muted mt-3 font-weight-bold font-size-sm\"},[_vm._v(\" These are your contacts. Others can see these but only you can edit them. \")])]),_c('div',{staticClass:\"card-toolbar\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{staticClass:\"p-0\",staticStyle:{\"width\":\"50px\"}}),_c('th',{staticClass:\"p-0\",staticStyle:{\"min-width\":\"100px\"}}),_c('th',{staticClass:\"p-0\",staticStyle:{\"min-width\":\"100px\"}})])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{\"id\":\"contact-modal\",\"hide-footer\":true,\"hide-header\":true},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('div',{staticClass:\"card card-custom\"},[_c('div',{staticClass:\"card-header\"},[_c('h3',{staticClass:\"card-title\"},[_vm._v(\" \"+_vm._s(_vm.newUser ? \"Create Contact\" : \"Update Contact\")+\" \")]),_c('div',{staticClass:\"symbol symbol-50 mr-1\"},[_c('span',{staticClass:\"symbol-label\"},[_c('img',{staticClass:\"h-50 align-self-center\",staticStyle:{\"margin-top\":\"10px\"},attrs:{\"src\":_vm.picture,\"alt\":\"\"}})])])]),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"form-group mb-8\"}),_c('b-form-group',[_c('label',[_vm._v(\"First Name \"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('b-form-input',{staticClass:\"mb-5\",attrs:{\"state\":_vm.isFirstNameValid},on:{\"keypress\":_vm.keyPressed},model:{value:(_vm.contact.firstName),callback:function ($$v) {_vm.$set(_vm.contact, \"firstName\", $$v)},expression:\"contact.firstName\"}}),_c('label',[_vm._v(\"Surname \"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('b-form-input',{staticClass:\"mb-5\",attrs:{\"state\":_vm.isSurameValid},on:{\"keypress\":_vm.keyPressed},model:{value:(_vm.contact.surname),callback:function ($$v) {_vm.$set(_vm.contact, \"surname\", $$v)},expression:\"contact.surname\"}}),_c('label',[_vm._v(\"Mobile Number \"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('b-form-input',{attrs:{\"id\":\"mobile-number-input\",\"formatter\":_vm.formatter,\"state\":_vm.isMobileNumberValid},on:{\"keypress\":_vm.keyPressed},model:{value:(_vm.contact.mobileNumber),callback:function ($$v) {_vm.$set(_vm.contact, \"mobileNumber\", $$v)},expression:\"contact.mobileNumber\"}}),_c('b-form-invalid-feedback',{attrs:{\"id\":\"mobile-number-input-feedback\"}},[_vm._v(\" Enter a valid Australian mobile number \")])],1)],1),_c('div',{staticClass:\"card-footer\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-end\"}},[_c('button',{staticClass:\"btn btn-primary mr-2\",attrs:{\"type\":\"cancel\"},on:{\"click\":_vm.cancel}},[_vm._v(\" Cancel \")]),_c('button',{staticClass:\"btn btn-primary mr-2\",attrs:{\"type\":\"submit\",\"disabled\":!_vm.canSubmit()},on:{\"click\":_vm.submitContact}},[_vm._v(\" Submit \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-modal\n    id=\"contact-modal\"\n    v-model=\"show\"\n    :hide-footer=\"true\"\n    :hide-header=\"true\"\n  >\n    <div class=\"card card-custom\">\n      <div class=\"card-header\">\n        <h3 class=\"card-title\">\n          {{ newUser ? \"Create Contact\" : \"Update Contact\" }}\n        </h3>\n\n        <div class=\"symbol symbol-50 mr-1\">\n          <span class=\"symbol-label\">\n            <img\n              :src=\"picture\"\n              class=\"h-50 align-self-center\"\n              style=\"margin-top: 10px\"\n              alt=\"\"\n            />\n          </span>\n        </div>\n      </div>\n\n      <!--form-->\n      <div class=\"card-body\">\n        <div class=\"form-group mb-8\"></div>\n        <b-form-group>\n          <label>First Name <span class=\"text-danger\">*</span></label>\n          <b-form-input\n            class=\"mb-5\"\n            v-model=\"contact.firstName\"\n            @keypress=\"keyPressed\"\n            :state=\"isFirstNameValid\"\n          />\n\n          <label>Surname <span class=\"text-danger\">*</span></label>\n          <b-form-input\n            class=\"mb-5\"\n            v-model=\"contact.surname\"\n            @keypress=\"keyPressed\"\n            :state=\"isSurameValid\"\n          />\n\n          <label>Mobile Number <span class=\"text-danger\">*</span></label>\n          <b-form-input\n            id=\"mobile-number-input\"\n            v-model=\"contact.mobileNumber\"\n            @keypress=\"keyPressed\"\n            :formatter=\"formatter\"\n            :state=\"isMobileNumberValid\"\n          />\n          <b-form-invalid-feedback id=\"mobile-number-input-feedback\">\n            Enter a valid Australian mobile number\n          </b-form-invalid-feedback>\n        </b-form-group>\n      </div>\n      <div\n        class=\"card-footer\"\n        style=\"display: flex; justify-content: flex-end;\"\n      >\n        <button type=\"cancel\" class=\"btn btn-primary mr-2\" @click=\"cancel\">\n          Cancel\n        </button>\n        <button\n          type=\"submit\"\n          class=\"btn btn-primary mr-2\"\n          :disabled=\"!canSubmit()\"\n          @click=\"submitContact\"\n        >\n          Submit\n        </button>\n      </div>\n      <!-- </form> -->\n    </div>\n  </b-modal>\n</template>\n<script>\nimport ApiService from \"@/core/services/api.service\";\n\nexport default {\n  name: \"contact-edit-modal\",\n  props: [\"newUser\", \"contact\"],\n  data() {\n    return {\n      show: false,\n    };\n  },\n  computed: {\n    picture() {\n      return (\n        process.env.BASE_URL + \"media/svg/avatars/avatar-single-orange.svg\"\n      );\n    },\n\n    isMobileNumberValid() {\n      var phoneno = /^04\\d{8}$/;\n\n      return !!this.contact.mobileNumber\n        ? !this.contact.mobileNumber.replace(/\\D/g, \"\").match(phoneno)\n          ? false\n          : null\n        : false;\n    },\n\n    isFirstNameValid() {\n      return !!this.contact.firstName\n        ? !(this.contact.firstName.length > 0)\n          ? false\n          : null\n        : false;\n    },\n\n    isSurameValid() {\n      return !!this.contact.surname\n        ? !(this.contact.surname.length > 0)\n          ? false\n          : null\n        : false;\n    },\n  },\n  methods: {\n    cancel() {\n      this.show = false;\n    },\n\n    keyPressed(e) {\n      if (e.keyCode === 13) {\n        if (this.canSubmit()) {\n          this.submitContact();\n        }\n      }\n    },\n\n    canSubmit() {\n      if (\n        this.isFirstNameValid === false ||\n        this.isSurameValid === false ||\n        this.isMobileNumberValid === false\n      ) {\n        return false;\n      } else {\n        return true;\n      }\n    },\n\n    submitContact() {\n      if (this.newUser) {\n        let newContact = { ...this.contact };\n        newContact.mobileNumber = newContact.mobileNumber.replace(/\\D/g, \"\");\n\n        ApiService.post(`contacts`, newContact)\n          .then((res) => {\n            this.$emit(\"contactsUpdated\");\n            this.show = false;\n          })\n          .catch((error) => {\n            console.log(\"Error saving list\", error);\n          });\n      } else {\n        let editedContact = { ...this.contact };\n        editedContact.mobileNumber = editedContact.mobileNumber.replace(\n          /\\D/g,\n          \"\"\n        );\n\n        ApiService.put(`contacts`, editedContact)\n          .then((res) => {\n            this.$emit(\"contactsUpdated\");\n            this.show = false;\n          })\n          .catch((error) => {\n            console.log(\"Error saving list\", error);\n          });\n      }\n    },\n\n    formatter(value) {\n      let digits = value.replace(/\\D/g, \"\");\n      var result = digits;\n\n      if (\n        digits.length > 0 &&\n        digits.charAt(0) !== \"0\" &&\n        digits.charAt(0) !== \"4\" &&\n        digits.charAt(1) !== \"4\"\n      ) {\n        result = \"04\" + digits.substring(0, digits.length);\n      } else if (digits.length > 0 && digits.charAt(0) !== \"0\") {\n        result = \"0\" + digits.substring(0, digits.length);\n      }\n\n      if (digits.length > 7) {\n        result =\n          digits.substring(0, 4) +\n          \" \" +\n          digits.substring(4, 7) +\n          \" \" +\n          digits.substring(7, 10);\n      } else if (digits.length > 4) {\n        result =\n          digits.substring(0, 4) + \" \" + digits.substring(4, digits.length);\n      }\n\n      return result;\n    },\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!./ContactEditModal.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!./ContactEditModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactEditModal.vue?vue&type=template&id=b1a0088c&\"\nimport script from \"./ContactEditModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactEditModal.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  <div class=\"card card-custom gutter-b card-stretch card-shadowless bg-light\">\n    <ContactEditModal\n      :contact=\"selectedContact\"\n      :newUser=\"newUser\"\n      @contactsUpdated=\"getContacts\"\n    ></ContactEditModal>\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          My contacts\n        </span>\n\n        <span class=\"text-muted mt-3 font-weight-bold font-size-sm\">\n          These are your contacts. Others can see these but only you can edit\n          them.\n        </span>\n      </h3>\n      <div class=\"card-toolbar\">\n        <!-- <ul class=\"nav nav-pills nav-pills-sm nav-dark-75\">\n            <li class=\"nav-item\">\n              <a\n                class=\"nav-link py-2 px-4 active\"\n                data-toggle=\"tab\"\n                href=\"#kt_tab_pane_1_1\"\n              >\n                Month\n              </a>\n            </li>\n            <li class=\"nav-item\">\n              <a\n                class=\"nav-link py-2 px-4\"\n                data-toggle=\"tab\"\n                href=\"#kt_tab_pane_1_2\"\n              >\n                Week\n              </a>\n            </li>\n            <li class=\"nav-item\">\n              <a\n                class=\"nav-link py-2 px-4\"\n                data-toggle=\"tab\"\n                href=\"#kt_tab_pane_1_3\"\n              >\n                Day\n              </a>\n            </li>\n          </ul> -->\n      </div>\n    </div>\n    <!--end::Header-->\n    <!--begin::Body-->\n    <div class=\"card-body pt-3 pb-0\">\n      <!--begin::Table-->\n      <div class=\"table-responsive\">\n        <table class=\"table table-borderless table-vertical-center\">\n          <thead>\n            <tr>\n              <th class=\"p-0\" style=\"width: 50px\"></th>\n              <th class=\"p-0\" style=\"min-width: 100px\"></th>\n              <th class=\"p-0\" style=\"min-width: 100px\"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class=\"pl-0\"></td>\n              <td class=\"pl-0\"></td>\n              <td class=\"text-right pr-0\">\n                <a\n                  href=\"#\"\n                  @click=\"addContact\"\n                  class=\"btn btn-icon btn-light btn-sm\"\n                >\n                  <span class=\"svg-icon svg-icon-md svg-icon-primary\">\n                    <inline-svg\n                      src=\"media/svg/icons/Communication/Add-contact.svg\"\n                    ></inline-svg>\n                  </span>\n                </a>\n              </td>\n            </tr>\n\n            <template v-for=\"(item, i) in contacts\">\n              <tr v-bind:key=\"i\">\n                <td class=\"pl-0 py-4\">\n                  <div class=\"symbol symbol-50 symbol-light mr-1\">\n                    <span class=\"symbol-label\">\n                      <img\n                        :src=\"picture\"\n                        class=\"h-50 align-self-center\"\n                        alt=\"\"\n                      />\n                    </span>\n                  </div>\n                </td>\n                <td class=\"pl-0\">\n                  <a\n                    href=\"#\"\n                    class=\"text-dark-75 font-weight-bolder text-hover-primary mb-1 font-size-lg\"\n                  >\n                    {{ formatContactName(item) }}\n                  </a>\n                  <div>\n                    <a class=\"text-muted font-weight-bold\" href=\"#\">\n                      <!-- {{ item.mobileNumber }} -->\n                      {{\n                        item.mobileNumber.slice(0, 4) +\n                          \" \" +\n                          item.mobileNumber.slice(4, 7) +\n                          \" \" +\n                          item.mobileNumber.slice(7)\n                      }}\n                    </a>\n                  </div>\n                </td>\n                <td class=\"text-right pr-0\">\n                  <!-- <a href=\"#\" class=\"btn btn-icon btn-light btn-sm\">\n                          <span class=\"svg-icon svg-icon-md svg-icon-primary\">\n                            <inline-svg\n                              src=\"media/svg/icons/General/Settings-1.svg\"\n                            ></inline-svg>\n                          </span>\n                        </a> -->\n\n                  <a\n                    href=\"#\"\n                    class=\"btn btn-icon btn-light btn-sm mx-3\"\n                    @click=\"editContact(item)\"\n                  >\n                    <span class=\"svg-icon svg-icon-md svg-icon-primary\">\n                      <!--begin::Svg Icon-->\n                      <inline-svg\n                        src=\"media/svg/icons/Communication/Write.svg\"\n                      ></inline-svg>\n                      <!--end::Svg Icon-->\n                    </span>\n                  </a>\n                  <span\n                    class=\"d-inline-block\"\n                    tabindex=\"0\"\n                    v-b-tooltip.hover.top\n                    :title=\"\n                      item.lists.length > 0\n                        ? 'Contact will be removed from these lists: ' +\n                          item.lists.map((i) => ' ' + i.name)\n                        : null\n                    \"\n                  >\n                    <b-link\n                      href=\"#\"\n                      class=\"btn btn-icon btn-light btn-sm\"\n                      @click=\"deleteContact(item)\"\n                    >\n                      <span class=\"svg-icon svg-icon-md svg-icon-primary\">\n                        <!--begin::Svg Icon-->\n                        <inline-svg\n                          src=\"media/svg/icons/General/Trash.svg\"\n                        ></inline-svg>\n                        <!--end::Svg Icon-->\n                      </span>\n                    </b-link>\n                  </span>\n                </td>\n              </tr>\n            </template>\n          </tbody>\n        </table>\n      </div>\n      <!--end::Table-->\n    </div>\n    <!--end::Body-->\n  </div>\n</template>\n\n<script>\nimport ApiService from \"@/core/services/api.service\";\nimport ContactEditModal from \"@/view/content/widgets/contacts/ContactEditModal.vue\";\n\nexport default {\n  name: \"contacts-widget\",\n  components: {\n    ContactEditModal,\n  },\n  data() {\n    return {\n      contacts: [],\n      selectedContact: {},\n      newUser: false,\n    };\n  },\n  computed: {\n    picture() {\n      return (\n        process.env.BASE_URL + \"media/svg/avatars/avatar-single-orange.svg\"\n      );\n    },\n  },\n  methods: {\n    formatter(value) {\n      let digits = value.replace(/\\D/g, \"\");\n      var result = digits;\n\n      if (\n        digits.length > 0 &&\n        digits.charAt(0) !== \"0\" &&\n        digits.charAt(0) !== \"4\" &&\n        digits.charAt(1) !== \"4\"\n      ) {\n        result = \"04\" + digits.substring(0, digits.length);\n      } else if (digits.length > 0 && digits.charAt(0) !== \"0\") {\n        result = \"0\" + digits.substring(0, digits.length);\n      }\n\n      if (digits.length > 7) {\n        result =\n          digits.substring(0, 4) +\n          \" \" +\n          digits.substring(4, 7) +\n          \" \" +\n          digits.substring(7, 10);\n      } else if (digits.length > 4) {\n        result =\n          digits.substring(0, 4) + \" \" + digits.substring(4, digits.length);\n      }\n\n      return result;\n    },\n\n    deleteContact(contact) {\n      this.$bvModal\n        .msgBoxConfirm(\n          `Are you sure you want to delete ${this.formatContactName(contact)}?`,\n          { autoFocusButton: \"ok\" }\n        )\n        .then((value) => {\n          if (value === true) {\n            ApiService.delete(`contacts/${contact.id}`).then((response) => {\n              this.getContacts();\n            });\n          } else {\n            console.log(\"User Rejected\");\n          }\n        })\n        .catch((err) => {});\n    },\n\n    getContacts() {\n      ApiService.query(\"contacts/my\").then((response) => {\n        this.contacts = response.data.sort((a, b) =>\n          a.name > b.name ? 1 : -1\n        );\n      });\n    },\n\n    editContact(contact) {\n      ApiService.get(`contacts/${contact.id}`).then((res) => {\n        this.selectedContact = { ...res.data };\n        this.selectedContact.mobileNumber = this.formatter(\n          this.selectedContact.mobileNumber\n        );\n        this.newUser = false;\n        this.$bvModal.show(\"contact-modal\");\n      });\n    },\n\n    addContact() {\n      this.newUser = true;\n      this.selectedContact = {\n        firstName: \"\",\n        surname: \"\",\n        mobileNumber: \"\",\n      };\n      this.$bvModal.show(\"contact-modal\");\n    },\n\n    formatContactName(contact) {\n      return contact.firstName\n        ? contact.firstName + \" \" + contact.surname\n        : contact.surname;\n    },\n  },\n\n  mounted() {\n    this.getContacts();\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!./ContactsWidget.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!./ContactsWidget.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactsWidget.vue?vue&type=template&id=3e29c35a&\"\nimport script from \"./ContactsWidget.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactsWidget.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  <div>\n    <b-row>\n      <b-col lg=\"6\">\n        <ContactsWidget></ContactsWidget>\n      </b-col>\n      <b-col lg=\"6\">\n        <!-- <div class=\"row\">\n      <div class=\"col-md-12\">\n        <b-table striped hover :items=\"contacts\"></b-table>\n      </div>\n    </div> -->\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\nimport { SET_BREADCRUMB } from \"@/core/services/store/breadcrumbs.module\";\nimport ApiService from \"@/core/services/api.service\";\nimport ContactsWidget from \"@/view/content/widgets/contacts/ContactsWidget.vue\";\n\nexport default {\n  data() {\n    return {\n      contacts: [],\n      selectedContact: {},\n      newUser: false,\n    };\n  },\n\n  components: {\n    ContactsWidget,\n  },\n\n  computed: {\n    picture() {\n      return (\n        process.env.BASE_URL + \"media/svg/avatars/avatar-single-orange.svg\"\n      );\n    },\n  },\n\n  methods: {\n    deleteContact(contact) {\n      this.$bvModal\n        .msgBoxConfirm(\n          `Are you sure you want to delete ${this.formatContactName(contact)}?`\n        )\n        .then((value) => {\n          if (value === true) {\n            ApiService.delete(`contacts/${contact.id}`).then((response) => {\n              this.getContacts();\n            });\n          } else {\n            console.log(\"User Rejected\");\n          }\n        })\n        .catch((err) => {});\n    },\n    getContacts() {\n      ApiService.query(\"contacts/my\").then((response) => {\n        this.contacts = response.data.sort((a, b) =>\n          a.name > b.name ? 1 : -1\n        );\n      });\n    },\n    editContact(contact) {\n      ApiService.get(`contacts/${contact.id}`).then((res) => {\n        this.selectedContact = res.data;\n        this.newUser = false;\n\n        this.$refs[\"my-modal\"].show();\n      });\n    },\n    addContact() {\n      this.selectedContact = new Object({\n        firstName: \"\",\n        surname: \"\",\n        mobileNumber: \"\",\n      });\n\n      this.newUser = true;\n      this.$refs[\"my-modal\"].show();\n    },\n    submitContact() {\n      if (this.newUser) {\n        ApiService.post(`contacts`, this.selectedContact).then((res) => {\n          this.getContacts();\n          this.$refs[\"my-modal\"].hide();\n        });\n      } else {\n        ApiService.put(`contacts`, this.selectedContact).then((res) => {\n          this.getContacts();\n          this.$refs[\"my-modal\"].hide();\n        });\n      }\n    },\n    canSubmit() {\n      if (\n        this.selectedContact.firstName === \"\" ||\n        this.selectedContact.surname === \"\" ||\n        this.selectedContact.mobileNumber === \"\"\n      ) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    formatContactName(contact) {\n      return contact.firstName\n        ? contact.firstName + \" \" + contact.surname\n        : contact.surname;\n    },\n  },\n\n  mounted() {\n    this.$store.dispatch(SET_BREADCRUMB, [\n      { title: \"Vue Bootstrap\", route: \"alert\" },\n      { title: \"\" },\n    ]);\n\n    this.selectedContact = new Object({\n      firstName: \"\",\n      surname: \"\",\n      mobileNumber: \"\",\n    });\n\n    this.getContacts();\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!./ManageContacts.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!./ManageContacts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ManageContacts.vue?vue&type=template&id=02a8720a&\"\nimport script from \"./ManageContacts.vue?vue&type=script&lang=js&\"\nexport * from \"./ManageContacts.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":""}