{"version":3,"sources":["webpack:///./src/views/contact/ContactComponentView.vue?52d9","webpack:///./src/views/contact/ContactComponentListing.vue","webpack:///./src/views/contact/ContactComponentView.vue","webpack:///./src/components/BulmaTabs/index.js","webpack:///src/views/contact/ContactComponentView.vue","webpack:///./src/views/contact/ContactComponentView.vue?12f8","webpack:///./src/views/contact/ContactComponentView.vue?2731","webpack:///src/views/contact/ContactComponentListing.vue","webpack:///./src/views/contact/ContactComponentListing.vue?dad5","webpack:///./src/views/contact/ContactComponentListing.vue?108e"],"names":["render","_vm","this","_c","_self","staticClass","selected","_m","_l","mappings","c","idx","directives","name","rawName","value","isDeleted","expression","key","_v","_s","contact","title","on","$event","select","id","firstName","lastName","_f","phones","emails","setDefault","class","isDefault","remove","$v","entity","contacts","$each","$invalid","attrs","_e","addContact","selectedContact","selectedIndex","back","staticRenderFns","isTiled","backToListing","ref","v","hasErrors","addresses","$error","Tabs","r","require","TabPane","components","ContactDetail","ContactAddress","ContactPhoneEmail","ContactRemark","props","type","default","computed","mounted","methods","scope","component","inject","ContactComponentView","filters","defaultPhone","defaultEmail","assetType","detailRoute","assetId","data","ContactService","newMap","beforeRouteLeave","next"],"mappings":"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","file":"static/js/contactlist-shared.cc64a28a.js","sourcesContent":["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!./ContactComponentView.vue?vue&type=style&index=0&id=4fc45665&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tile is-parent\"},[_c('article',{staticClass:\"tile is-child box detail-page-tile\"},[(_vm.selected === '')?_c('table',{staticClass:\"table is-striped is-narrow is-fullwidth\"},[_vm._m(0),_c('tbody',_vm._l((_vm.mappings),function(c,idx){return _c('tr',{directives:[{name:\"show\",rawName:\"v-show\",value:(!c.isDeleted),expression:\"!c.isDeleted\"}],key:idx},[_c('td',[_vm._v(_vm._s(c.contact.title))]),_c('td',[_c('a',{on:{\"click\":function($event){return _vm.select(c.id)}}},[_vm._v(_vm._s(`${c.contact.firstName} ${c.contact.lastName}`))])]),_c('td',[_vm._v(_vm._s(_vm._f(\"defaultPhone\")(c.contact.phones)))]),_c('td',{staticClass:\"is-email\"},[_c('div',[_vm._v(_vm._s(_vm._f(\"defaultEmail\")(c.contact.emails)))])]),_c('td',{staticClass:\"has-text-centered is-content-width\"},[_c('a',{staticClass:\"button is-small is-inverted is-gold\",on:{\"click\":function($event){return _vm.setDefault(idx)}}},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-24px\",class:{'mdi-star': c.isDefault, 'mdi-star-outline':!c.isDefault}})])]),_c('a',{staticClass:\"button is-small is-primary is-inverted\",on:{\"click\":function($event){return _vm.select(c.id)}}},[_vm._m(1,true)]),_c('a',{staticClass:\"button is-small is-danger is-inverted\",on:{\"click\":function($event){return _vm.remove(idx)}}},[_vm._m(2,true)])]),_c('td',{staticClass:\"is-content-width\"},[(_vm.$v.entity.contacts.$each[idx].$invalid)?_c('a',{staticClass:\"button is-small is-danger is-inverted tooltip is-tooltip-topright is-tooltip-danger\",attrs:{\"data-tooltip\":\"Validation Errors\"},on:{\"click\":function($event){return _vm.select(c.id)}}},[_vm._m(3,true)]):_vm._e()])])}),0)]):_vm._e(),(_vm.selected === '')?_c('button',{staticClass:\"button is-primary is-pulled-right\",on:{\"click\":function($event){return _vm.addContact()}}},[_vm._m(4)]):_vm._e(),(_vm.selectedContact)?_c('contact-component-view',{attrs:{\"contact\":_vm.selectedContact,\"v\":_vm.$v.entity.contacts.$each[_vm.selectedIndex]},on:{\"back\":_vm.back,\"remove\":function($event){return _vm.remove(_vm.selectedIndex)},\"setDefault\":function($event){return _vm.setDefault(_vm.selectedIndex)}}}):_vm._e()],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('thead',[_c('tr',[_c('th',[_vm._v(\"Title\")]),_c('th',[_vm._v(\"Name\")]),_c('th',[_vm._v(\"Phone\")]),_c('th',[_vm._v(\"Email\")]),_c('th')])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon is-medium\"},[_c('i',{staticClass:\"mdi mdi-lead-pencil mdi-24px\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon is-medium\"},[_c('i',{staticClass:\"mdi mdi-delete mdi-24px\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-alert mdi-24px\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-plus mdi-24px\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:{ 'tile is-parent': _vm.isTiled}},[_c('div',{staticClass:\"float-button-right\"},[_c('div',{staticClass:\"buttons\"},[_c('button',{staticClass:\"button tooltip is-tooltip-topright\",attrs:{\"data-tooltip\":\"Delete contact\"},on:{\"click\":_vm.remove}},[_vm._m(0)]),_c('button',{staticClass:\"button tooltip is-tooltip-topright\",attrs:{\"data-tooltip\":\"Back to contact listing\"},on:{\"click\":_vm.backToListing}},[_vm._m(1)])])]),(_vm.contact)?_c('article',{class:{ 'tile is-child box detail-page-tile' : _vm.isTiled }},[_c('tabs',{ref:\"tabs\",attrs:{\"animation\":\"slide\",\"only-fade\":false}},[_c('tab-pane',{attrs:{\"label\":\"Details\"}},[_c('contact-detail',{ref:\"contactDetail\",attrs:{\"entity\":_vm.contact,\"v\":_vm.v}})],1),_c('tab-pane',{attrs:{\"label\":\"Addresses\",\"icon\":_vm.hasErrors(_vm.v.contact.addresses.$error)}},[_c('contact-address',{ref:\"contactAddress\",attrs:{\"entity\":_vm.contact,\"v\":_vm.v.contact,\"is-tiled\":false}})],1),_c('tab-pane',{attrs:{\"label\":\"Phones / Emails\",\"icon\":_vm.hasErrors(_vm.v.contact.phones.$error || _vm.v.contact.emails.$error)}},[_c('contact-phone-email',{ref:\"contactPhoneEmail\",attrs:{\"entity\":_vm.contact,\"v\":_vm.v.contact,\"is-tiled\":false}})],1),_c('tab-pane',{attrs:{\"label\":\"Remarks\"}},[_c('contact-remark',{attrs:{\"entity\":_vm.contact}})],1)],1)],1):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon has-text-danger\"},[_c('i',{staticClass:\"mdi mdi-delete mdi-18px\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon has-text-primary\"},[_c('i',{staticClass:\"mdi mdi-chevron-double-left mdi-18px\"})])\n}]\n\nexport { render, staticRenderFns }","const Tabs = r => require.ensure([], () => r(require('./Tabs.vue')), 'shared')\nconst TabList = r => require.ensure([], () => r(require('./TabList.vue')), 'shared')\nconst TabPane = r => require.ensure([], () => r(require('./TabPane.vue')), 'shared')\n\n// import Tabs from './Tabs'\n// import TabList from './TabList'\n// import TabPane from './TabPane'\n\nexport { Tabs, TabList, TabPane }\n","<template>\n  <div :class=\"{ 'tile is-parent': isTiled}\">\n    <div class=\"float-button-right\">\n      <div class=\"buttons\">\n        <button\n          class=\"button tooltip is-tooltip-topright\"\n          @click=\"remove\"\n          data-tooltip=\"Delete contact\">\n          <span class=\"icon has-text-danger\">\n            <i class=\"mdi mdi-delete mdi-18px\" />\n          </span>\n        </button>\n        <button\n          class=\"button tooltip is-tooltip-topright\"\n          @click=\"backToListing\"\n          data-tooltip=\"Back to contact listing\">\n          <span class=\"icon has-text-primary\">\n            <i class=\"mdi mdi-chevron-double-left mdi-18px\" />\n          </span>\n        </button>\n      </div>\n    </div>\n    <article\n      :class=\"{ 'tile is-child box detail-page-tile' : isTiled }\"\n      v-if=\"contact\">\n      <tabs\n        animation=\"slide\"\n        :only-fade=\"false\"\n        ref=\"tabs\">\n        <tab-pane label=\"Details\">\n          <contact-detail\n            ref=\"contactDetail\"\n            :entity=\"contact\"\n            :v=\"v\" />\n        </tab-pane>\n        <tab-pane\n          label=\"Addresses\"\n          :icon=\"hasErrors(v.contact.addresses.$error)\">\n          <contact-address\n            ref=\"contactAddress\"\n            :entity=\"contact\"\n            :v=\"v.contact\"\n            :is-tiled=\"false\" />\n        </tab-pane>\n        <tab-pane\n          label=\"Phones / Emails\"\n          :icon=\"hasErrors(v.contact.phones.$error || v.contact.emails.$error)\">\n          <contact-phone-email\n            ref=\"contactPhoneEmail\"\n            :entity=\"contact\"\n            :v=\"v.contact\"\n            :is-tiled=\"false\" />\n        </tab-pane>\n        <tab-pane label=\"Remarks\">\n          <contact-remark :entity=\"contact\" />\n        </tab-pane>\n      </tabs>\n    </article>\n    <!-- <pre class=\"small\">\n      {{ v }}\n    </pre> -->\n  </div>\n</template>\n<script>\nimport { Tabs, TabPane } from '@/components/BulmaTabs'\nimport ContactDetail from './ContactDetail'\nimport ContactAddress from '@/views/contact/ContactAddress'\nimport ContactPhoneEmail from '@/views/contact/ContactPhoneEmail'\nimport ContactRemark from '@/views/contact/ContactRemark'\n\nexport default {\n  components: {\n    Tabs,\n    TabPane,\n    ContactDetail,\n    ContactAddress,\n    ContactPhoneEmail,\n    ContactRemark\n  },\n  props: {\n    contact: null,\n    isTiled: {\n      type: Boolean,\n      default: false\n    },\n    v: null\n  },\n  computed: {},\n  mounted() {\n    this.v.$touch()\n  },\n  methods: {\n    hasErrors(scope) {\n      if (scope) {\n        return 'mdi mdi-alert mdi-18px'\n      }\n      return null\n    },\n    backToListing() {\n      if (this.v.$error || this.v.contact.addresses.$error || this.v.contact.emails.$error) {\n        this.$notification.error('Validation', 'Please fix highlighted fields')\n      } else {\n        this.$emit('back')\n      }\n    },\n    remove() {\n      this.$emit('remove')\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.float-button-right {\n  float: right;\n  right: 30px;\n  position: absolute;\n  z-index: 15;\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!./ContactComponentView.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!./ContactComponentView.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ContactComponentView.vue?vue&type=template&id=4fc45665&scoped=true\"\nimport script from \"./ContactComponentView.vue?vue&type=script&lang=js\"\nexport * from \"./ContactComponentView.vue?vue&type=script&lang=js\"\nimport style0 from \"./ContactComponentView.vue?vue&type=style&index=0&id=4fc45665&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  \"4fc45665\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"tile is-parent\">\n    <article class=\"tile is-child box detail-page-tile\">\n      <table class=\"table is-striped is-narrow is-fullwidth\"\n        v-if=\"selected === ''\">\n        <thead>\n          <tr>\n            <th>Title</th>\n            <th>Name</th>\n            <th>Phone</th>\n            <th>Email</th>\n            <th />\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(c, idx) in mappings\"\n            v-show=\"!c.isDeleted\"\n            :key=\"idx\">\n            <td>{{ c.contact.title }}</td>\n            <td>\n              <a @click=\"select(c.id)\">{{ `${c.contact.firstName} ${c.contact.lastName}` }}</a>\n            </td>\n            <td>{{ c.contact.phones | defaultPhone }}</td>\n            <td class=\"is-email\">\n              <div>{{ c.contact.emails | defaultEmail }}</div>\n            </td>\n            <td class=\"has-text-centered is-content-width\">\n              <a class=\"button is-small is-inverted is-gold\"\n                @click=\"setDefault(idx)\">\n                <span class=\"icon\">\n                  <i class=\"mdi mdi-24px\"\n                    :class=\"{'mdi-star': c.isDefault, 'mdi-star-outline':!c.isDefault}\" />\n                </span>\n              </a>\n              <a class=\"button is-small is-primary is-inverted\"\n                @click=\"select(c.id)\">\n                <span class=\"icon is-medium\">\n                  <i class=\"mdi mdi-lead-pencil mdi-24px\" />\n                </span>\n              </a>\n              <a class=\"button is-small is-danger is-inverted\"\n                @click=\"remove(idx)\">\n                <span class=\"icon is-medium\">\n                  <i class=\"mdi mdi-delete mdi-24px\" />\n                </span>\n              </a>\n            </td>\n            <td class=\"is-content-width\">\n              <a class=\"button is-small is-danger is-inverted tooltip is-tooltip-topright is-tooltip-danger\"\n                @click=\"select(c.id)\"\n                v-if=\"$v.entity.contacts.$each[idx].$invalid\"\n                data-tooltip=\"Validation Errors\">\n                <span class=\"icon\">\n                  <i class=\"mdi mdi-alert mdi-24px\" />\n                </span>\n                <!-- <span class=\"is-size-6 is-hidden-touch\">Validation</span> -->\n              </a>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <button class=\"button is-primary is-pulled-right\"\n        v-if=\"selected === ''\"\n        @click=\"addContact()\">\n        <span class=\"icon\">\n          <i class=\"mdi mdi-plus mdi-24px\" />\n        </span>\n      </button>\n      <!-- <pre>\n                    {{$v}}\n                  </pre> -->\n      <contact-component-view v-if=\"selectedContact\"\n        :contact=\"selectedContact\"\n        :v=\"$v.entity.contacts.$each[selectedIndex]\"\n        @back=\"back\"\n        @remove=\"remove(selectedIndex)\"\n        @setDefault=\"setDefault(selectedIndex)\" />\n      <!-- <contact-component-view\n        :contact=\"selectedContact\"\n        :v=\"$v.entity.contacts.$each[selectedIndex]\"\n        v-if=\"selectedContact\"\n        @back=\"back\"\n        @remove=\"remove(selectedIndex)\"\n        @setDefault=\"setDefault(selectedIndex)\" /> -->\n    </article>\n  </div>\n</template>\n<script>\nimport ContactService from '@/views/contact/ContactService'\nimport ContactComponentView from './ContactComponentView'\nimport { EventHubTypes } from '@/enums'\n\nexport default {\n  inject: ['$vv'],\n  components: {\n    ContactComponentView\n  },\n  filters: {\n    defaultPhone(phones) {\n      const phone = phones.find(p => p.isDefault && !p.isDeleted)\n      return phone ? phone.no : ''\n    },\n    defaultEmail(emails) {\n      const email = emails.find(e => e.isDefault && !e.isDeleted)\n      return email ? email.address : ''\n    }\n  },\n  props: {\n    entity: null,\n    assetType: String,\n    detailRoute: String,\n    assetId: String\n  },\n  data() {\n    return {\n      selected: '',\n      selectedContact: null,\n      selectedIndex: 0\n    }\n  },\n  computed: {\n    mappings: function() {\n      if (this.entity && this.entity.contacts) {\n        return this.entity.contacts //.filter(c => c.id === this.selected)\n      } else {\n        return []\n      }\n    },\n    $v() {\n      return this.$vv\n    }\n  },\n  mounted() {\n    this.$v.contactsGroup.$touch()\n    this.$eventHub.$on(EventHubTypes.EntitySaved, () => {\n      this.selected = ''\n      this.selectedContact = null\n    })\n  },\n\n  methods: {\n    select(id) {\n      this.selected = id\n      this.selectedIndex = this.mappings.findIndex(m => m.id === id)\n      this.selectedContact = this.mappings[this.selectedIndex].contact\n    },\n\n    addContact() {\n      const assetId = this.assetId ? this.assetId : this.entity.id\n\n      ContactService.getNewAssetContact(this.assetType, assetId).then(response => {\n        const newMap = response.data\n\n        var anyDefault = this.mappings.find(d => !d.isDeleted && d.isDefault)\n        if (!anyDefault) {\n          newMap.isDefault = true\n        }\n\n        this.mappings.push(newMap)\n\n        this.selected = newMap.id\n        this.selectedIndex = this.mappings.findIndex(m => m.id === this.selected)\n        this.selectedContact = this.mappings[this.selectedIndex].contact\n      })\n    },\n\n    remove(idx) {\n      this.selected = ''\n      this.selectedIndex = 0\n      this.selectedContact = null\n\n      if (this.mappings[idx].isNew) {\n        this.mappings.splice(idx, 1)\n      } else {\n        this.mappings[idx].isDeleted = true\n      }\n\n      var anyDefault = this.mappings.find(d => !d.isDeleted && d.isDefault)\n      var anyActive = this.mappings.find(d => !d.Deleted)\n\n      if (!anyDefault && anyActive) {\n        for (let i = 0; i < this.mappings.length; i++) {\n          if (!this.mappings[i].isDeleted) {\n            this.mappings[i].isDefault = true\n            // this.selected = this.mappings[i].id\n            break\n          }\n        }\n      }\n    },\n\n    setDefault(idx) {\n      for (let i = 0; i < this.mappings.length; i++) {\n        this.mappings[i].isDefault = false\n      }\n      this.mappings[idx].isDefault = true\n    },\n\n    back() {\n      this.selected = ''\n      this.selectedIndex = 0\n      this.selectedContact = null\n    }\n  },\n  beforeRouteLeave: function(to, from, next) {\n    next()\n    // const message = 'Validation errors. Please fix before proceeding'\n    // const title = 'Contacts'\n    // if (!this.$v.contactsGroup.$error) {\n    //   next()\n    // } else {\n    //   this.$router.replace(from.path)\n    //   this.$notification.error(title, message)\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!./ContactComponentListing.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!./ContactComponentListing.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ContactComponentListing.vue?vue&type=template&id=3e55a71e\"\nimport script from \"./ContactComponentListing.vue?vue&type=script&lang=js\"\nexport * from \"./ContactComponentListing.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":""}