{"version":3,"sources":["webpack:///./src/contacts/contactsService.js","webpack:///./src/custom-fields/customFieldsService.js","webpack:///./src/views/working/Contacts.vue?9a03","webpack:///src/views/working/Contacts.vue","webpack:///./src/views/working/Contacts.vue?7f4f","webpack:///./src/views/working/Contacts.vue?ce10","webpack:///./src/views/components/custom-fields/avatar/ContactAvatarWithEditor.vue?b9a2","webpack:///./src/views/components/custom-fields/utils/photoUtils.js","webpack:///src/views/components/custom-fields/avatar/ContactAvatarWithEditor.vue","webpack:///./src/views/components/custom-fields/avatar/ContactAvatarWithEditor.vue?3f96","webpack:///./src/views/components/custom-fields/avatar/ContactAvatarWithEditor.vue?fc7b","webpack:///./src/views/components/custom-fields/avatar/ContactAvatarWithEditor.vue?f04c","webpack:///./src/views/components/organisms/contacts/ContactAddButton.vue?e759","webpack:///src/views/components/organisms/contacts/ContactAddButton.vue","webpack:///./src/views/components/organisms/contacts/ContactAddButton.vue?dfc0","webpack:///./src/views/components/organisms/contacts/ContactAddButton.vue","webpack:///./node_modules/@babel/runtime/helpers/builtin/es6/objectSpread.js","webpack:///./src/views/working/Contacts.vue?f6cc"],"names":["ContactsService","type","TCVelikClient","GetRelative","concat","id","title","contactType","slug","payLoad","Title","ContactType","Slug","PostRelative","alias","payload","query","Id","EventEmitter","__webpack_exports__","CustomFieldsService","field","Field","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","margin-bottom","attrs","Type","contacts","length","_l","contact","key","href","Contact","cursor","min-height","max-height","overflow","HideEditControls","SizeInPx","float","margin-left","max-width","_v","_s","CustomFields","flatMap","f","Items","customField","idx","ParentDefinition","color","FieldName","class","_e","FieldData","staticRenderFns","Contactsvue_type_script_lang_js_","data","flatFields","mounted","load","methods","instance","$route","meta","contactsService","getContacts","then","response","$set","components","ContactAvatarWithEditor","ContactAddButton","watch","to","from","working_Contactsvue_type_script_lang_js_","component","Object","componentNormalizer","style","onmousemove","onmouseleave","ref","display","icon-pack","HasPhoto","icon","size","src","GetPhoto","on","change","successUpload","photoUtils","GetPhotoField","fieldName","allFieldsFlat","itm","photoField","filter","res","photo","CommitPhotoField","newData","customFieldsService","CommitCustomField","ContactAvatarWithEditorvue_type_script_lang_js_","objectSpread","_successUpload","asyncToGenerator","regeneratorRuntime","mark","_callee","evt","file","result_base64","wrap","_context","prev","next","srcElement","files","Promise","resolve","fileReader","FileReader","onload","e","result","readAsDataURL","sent","$refs","avatar1","stop","_x","apply","arguments","props","avatar_ContactAvatarWithEditorvue_type_script_lang_js_","_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContactAvatarWithEditor_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContactAvatarWithEditor_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","click","$event","isEditingProjectProperties","active","update:active","label-placeholder","model","value","callback","$$v","expression","margin-top","SaveContact","ContactAddButtonvue_type_script_lang_js_","addContact","window","location","reload","contacts_ContactAddButtonvue_type_script_lang_js_","d","_objectSpread","_defineProperty__WEBPACK_IMPORTED_MODULE_0__","target","i","source","ownKeys","keys","getOwnPropertySymbols","sym","getOwnPropertyDescriptor","enumerable","forEach","_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Contacts_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Contacts_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/chunk-521a8eaa.48a5398f.js","sourcesContent":["import { EventEmitter } from \"events\";\r\nimport TCVelikClient from '@/TCVelikClient/TCVelikClient.js'\r\n\r\nclass ContactsService extends EventEmitter {\r\n  getContacts(type) {\r\n    return TCVelikClient.GetRelative(`api/Contact/GetContacts?type=${type}`);\r\n  }\r\n\r\n  getContact(id) {\r\n    return TCVelikClient.GetRelative(`api/Contact/GetContact?id=${id}`);\r\n  }\r\n\r\n  addContact(title, contactType, slug) {\r\n    if (!slug)\r\n      slug = title;\r\n\r\n    var payLoad = {\r\n      Title: title,\r\n      ContactType: contactType,\r\n      Slug: slug,\r\n    }\r\n    return TCVelikClient.PostRelative(`api/Contact/Save`, payLoad);\r\n  }\r\n\r\n  async findContact(alias){\r\n    var payload = {\r\n      query: alias\r\n    };\r\n\r\n    return TCVelikClient.PostRelative(`api/Contact/FindContact`, payload);\r\n  }\r\n\r\n  deleteContact(id) {\r\n    var payload = {\r\n      Id: id\r\n    };\r\n\r\n    return TCVelikClient.PostRelative(`api/Contact/Delete`, payload);\r\n  }\r\n}\r\n\r\nexport default new ContactsService();\r\n","import { EventEmitter } from \"events\";\r\nimport TCVelikClient from '@/TCVelikClient/TCVelikClient.js'\r\n\r\nclass CustomFieldsService extends EventEmitter {\r\n  CommitCustomField(field){\r\n    var payload = {\r\n      Field: field\r\n    }\r\n    return TCVelikClient.PostRelative(\"/api/CustomFields/CommitCustomField\", payload);\r\n  }\r\n}\r\n\r\nexport default new CustomFieldsService();\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-contact-wrapper\"},[_c('contact-add-button',{staticStyle:{\"margin-bottom\":\"20px\"},attrs:{\"Type\":'Person'}}),(_vm.contacts && _vm.contacts.length > 0)?_c('div',{staticClass:\"vx-row all-cards-row\"},_vm._l((_vm.contacts),function(contact){return _c('div',{key:contact.Id,staticClass:\"vx-col sm:w-1/1 md:w-1/1 lg:w-1/3 xl:w-1/1 mb-base single-card-wrapper\"},[_c('a',{attrs:{\"href\":(\"/working/contact/\" + (contact.Contact.Id) + \"/details\")}},[_c('vx-card',{staticClass:\"card-overlay bg-cover\",staticStyle:{\"cursor\":\"pointer\",\"min-height\":\"150px\",\"max-height\":\"150px\",\"overflow\":\"hidden\"}},[_c('ContactAvatarWithEditor',{staticClass:\"contact-avatar\",attrs:{\"HideEditControls\":true,\"SizeInPx\":'40px',\"Contact\":contact}}),_c('div',{staticStyle:{\"float\":\"left\",\"margin-left\":\"10px\",\"max-width\":\"250px\"}},[_c('h3',[_vm._v(_vm._s(contact.Contact.Title))]),_vm._l((contact.CustomFields.flatMap(function (f) { return f.Items; })),function(customField,idx){return _c('div',{key:idx,staticClass:\"main-fields-container\"},[(customField.ParentDefinition.IsPrimaryField)?_c('div',{staticStyle:{\"color\":\"black\"}},[(customField.ParentDefinition.FieldName != 'Photo')?_c('span',{class:'field-wrapper fld-' + customField.ParentDefinition.FieldName},[(\n                      customField.ParentDefinition.FieldName != 'PrimaryPosition' &&\n                      customField.ParentDefinition.FieldName != 'Summary' &&\n                      customField.ParentDefinition.FieldName != 'WorkPhone'\n                    )?_c('span',[_vm._v(\"\\n                    \"+_vm._s(customField.ParentDefinition.Title)+\":\")]):_vm._e(),_vm._v(\"\\n                  \"+_vm._s(customField.FieldData)+\"\\n                \")]):_vm._e()]):_vm._e()])})],2)],1)],1)])}),0):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"main-contact-wrapper\">\r\n    <contact-add-button style=\"margin-bottom: 20px\" :Type=\"'Person'\"></contact-add-button>\r\n    <div v-if=\"contacts && contacts.length > 0\" class=\"vx-row all-cards-row\">\r\n      <div\r\n        v-for=\"contact in contacts\"\r\n        :key=\"contact.Id\"\r\n        class=\"vx-col sm:w-1/1 md:w-1/1 lg:w-1/3 xl:w-1/1 mb-base single-card-wrapper\"\r\n      >\r\n        <a :href=\"`/working/contact/${contact.Contact.Id}/details`\">\r\n          <vx-card\r\n            style=\"\r\n              cursor: pointer;\r\n              min-height: 150px;\r\n              max-height: 150px;\r\n              overflow: hidden;\r\n            \"\r\n            class=\"card-overlay bg-cover\"\r\n          >\r\n            <ContactAvatarWithEditor\r\n              :HideEditControls=\"true\"\r\n              :SizeInPx=\"'40px'\"\r\n              :Contact=\"contact\"\r\n              class=\"contact-avatar\"\r\n            ></ContactAvatarWithEditor>\r\n\r\n            <div style=\"float: left; margin-left: 10px; max-width:250px;\">\r\n              <h3>{{ contact.Contact.Title }}</h3>\r\n              <div\r\n                v-for=\"(customField, idx) in contact.CustomFields.flatMap((f) => f.Items)\"\r\n                :key=\"idx\"\r\n                class=\"main-fields-container\"\r\n              >\r\n                <div\r\n                  v-if=\"customField.ParentDefinition.IsPrimaryField\"\r\n                  style=\"color: black\"\r\n                >\r\n                  <span\r\n                    :class=\"'field-wrapper fld-' + customField.ParentDefinition.FieldName\"\r\n                    v-if=\"customField.ParentDefinition.FieldName != 'Photo'\"\r\n                  >\r\n                    <span\r\n                      v-if=\"\r\n                        customField.ParentDefinition.FieldName != 'PrimaryPosition' &&\r\n                        customField.ParentDefinition.FieldName != 'Summary' &&\r\n                        customField.ParentDefinition.FieldName != 'WorkPhone'\r\n                      \"\r\n                    >\r\n                      {{ customField.ParentDefinition.Title }}:</span\r\n                    >\r\n                    {{ customField.FieldData }}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </vx-card>\r\n        </a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport ContactsService from \"@/contacts/contactsService.js\";\r\nimport ContactAvatarWithEditor from \"@/views/components/custom-fields/avatar/ContactAvatarWithEditor.vue\";\r\nimport ContactAddButton from \"@/views/components/organisms/contacts/ContactAddButton.vue\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      contacts: [],\r\n      flatFields: [],\r\n    };\r\n  },\r\n  mounted() {\r\n    this.load();\r\n  },\r\n  methods: {\r\n    load() {\r\n      var instance = this;\r\n      var type = this.$route.meta.ContactType ? this.$route.meta.ContactType : \"Contact\";\r\n\r\n      ContactsService.getContacts(type).then(function (response) {\r\n        instance.$set(instance, \"contacts\", response.data);\r\n      });\r\n    },\r\n  },\r\n  components: {\r\n    ContactAvatarWithEditor,\r\n    ContactAddButton,\r\n  },\r\n  watch: {\r\n    $route(to, from) {\r\n      if (to != from) {\r\n        this.load();\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\n.main-contact-wrapper {\r\n  background: white;\r\n  padding: 20px;\r\n}\r\n\r\n* >>> .fld-PrimaryPosition {\r\n  font-weight: 900;\r\n  padding-bottom: 10px;\r\n  display: inline-block;\r\n}\r\n\r\n.main-fields-container {\r\n  max-width: 250px;\r\n}\r\n\r\n@media screen and (max-width: 400px) {\r\n  h3 {\r\n    font-size: 15px;\r\n  }\r\n  span {\r\n    font-size: 12px;\r\n  }\r\n  .main-contact-wrapper {\r\n    padding: 5px;\r\n  }\r\n  .router-view {\r\n    padding: 5px !important;\r\n    padding-top: 20px !important;\r\n  }\r\n  .router-header {\r\n    display: none !important;\r\n  }\r\n  .single-card-wrapper {\r\n    width: 100%;\r\n  }\r\n  .contact-avatar {\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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!./Contacts.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/@vue/cli-plugin-babel/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!./Contacts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contacts.vue?vue&type=template&id=639e5a3a&\"\nimport script from \"./Contacts.vue?vue&type=script&lang=js&\"\nexport * from \"./Contacts.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Contacts.vue?vue&type=style&index=0&lang=css&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:('margin-right: 20px; position: relative;  float: left; width: ' + (this.SizeInPx ? this.SizeInPx : '100px') + '; height: ' + (this.SizeInPx ? this.SizeInPx : '100px') + ';'),attrs:{\"onmousemove\":\"this.classList.add('hover')\",\"onmouseleave\":\"this.classList.remove('hover')\"}},[_c('vs-avatar',{ref:\"avatar1\",staticStyle:{\"display\":\"inline-block\",\"float\":\"left\"},attrs:{\"icon-pack\":!_vm.HasPhoto(_vm.Contact, _vm.FieldName) ? 'feather' : null,\"icon\":!_vm.HasPhoto(_vm.Contact, _vm.FieldName) ? 'icon-user' : null,\"size\":_vm.SizeInPx ? _vm.SizeInPx + '' : '90px',\"src\":_vm.GetPhoto(_vm.Contact, _vm.FieldName)}}),(!_vm.HideEditControls)?_c('label',{staticClass:\"custom-file-upload\"},[_c('input',{ref:\"photoUpload\",staticClass:\"avatar-hover\",attrs:{\"type\":\"file\"},on:{\"change\":_vm.successUpload}}),_c('i',{staticClass:\"fa fa-cloud-upload\"},[_vm._v(\"...\")])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import customFieldsService from \"@/custom-fields/customFieldsService.js\";\r\n\r\nexport default {\r\n  GetPhotoField(contact, fieldName) {\r\n    if (!fieldName || fieldName.length == 0)\r\n    {\r\n      fieldName = \"Photo\";\r\n    }\r\n    if (!contact.CustomFields || contact.CustomFields.length == 0)\r\n      return null;\r\n\r\n    var allFieldsFlat = contact.CustomFields.flatMap(itm => itm.Items);\r\n    var photoField = allFieldsFlat.filter(f => f.ParentDefinition.FieldName == fieldName)\r\n\r\n    return photoField.length == 0 ? null : photoField[0];\r\n\r\n  },\r\n  HasPhoto(contact, fieldName) {\r\n    if (!fieldName || fieldName.length == 0){\r\n      fieldName = \"Photo\";\r\n    }\r\n    var res = this.GetPhotoField(contact, fieldName);\r\n    return res != null && res.FieldData && res.FieldData.length > 0;\r\n  },\r\n  GetPhoto(contact, fieldName) {\r\n    if (!fieldName || fieldName.length == 0){\r\n      fieldName = 'Photo';\r\n    }\r\n    var photo = this.GetPhotoField(contact, fieldName);\r\n    if (photo != null) {\r\n      return photo.FieldData;\r\n    }\r\n  },\r\n  CommitPhotoField(contact, newData, fieldName) {\r\n    debugger;\r\n    var photoField = this.GetPhotoField(contact, fieldName);\r\n    photoField.FieldData = newData;\r\n\r\n    customFieldsService.CommitCustomField(photoField);\r\n  }\r\n}\r\n","<template>\r\n  <div\r\n    :style=\"'margin-right: 20px; position: relative;  float: left; width: ' + (this.SizeInPx ? this.SizeInPx : '100px') + '; height: ' + (this.SizeInPx ? this.SizeInPx : '100px') + ';'\r\n    \"\r\n    onmousemove=\"this.classList.add('hover')\"\r\n    onmouseleave=\"this.classList.remove('hover')\"\r\n  >\r\n    <vs-avatar\r\n      ref=\"avatar1\"\r\n      :icon-pack=\"!HasPhoto(Contact, FieldName) ? 'feather' : null\"\r\n      :icon=\"!HasPhoto(Contact, FieldName) ? 'icon-user' : null\"\r\n      :size=\"SizeInPx ? SizeInPx + '' : '90px'\"\r\n      style=\"display: inline-block; float: left\"\r\n      :src=\"GetPhoto(Contact, FieldName)\"\r\n    />\r\n    <label v-if=\"!HideEditControls\" class=\"custom-file-upload\">\r\n      <input\r\n        class=\"avatar-hover\"\r\n        style=\"\"\r\n        type=\"file\"\r\n        @change=\"successUpload\"\r\n        ref=\"photoUpload\"\r\n      />\r\n      <i class=\"fa fa-cloud-upload\">...</i>\r\n    </label>\r\n  </div>\r\n</template>\r\n<script>\r\n\r\nimport photoUtils from \"@/views/components/custom-fields/utils/photoUtils.js\";\r\n\r\nexport default {\r\n  methods: {\r\n    ...photoUtils,\r\n    async successUpload(evt) {\r\n      var file = evt.srcElement.files[0];\r\n      if (file) {\r\n        let result_base64 = await new Promise((resolve) => {\r\n          let fileReader = new FileReader();\r\n          fileReader.onload = (e) => resolve(fileReader.result);\r\n          fileReader.readAsDataURL(file);\r\n        });\r\n\r\n        this.$refs.avatar1.src = result_base64;\r\n\r\n        this.CommitPhotoField(this.Contact, result_base64, this.FieldName);\r\n      }\r\n    },\r\n  },\r\n  props:[\r\n    \"Contact\",\r\n    \"SizeInPx\",\r\n    \"HideEditControls\",\r\n    \"FieldName\"\r\n  ]\r\n};\r\n</script>\r\n<style>\r\ninput[type=\"file\"] {\r\n  display: none;\r\n}\r\n.custom-file-upload {\r\n  position: absolute;\r\n  border: 1px solid #ccc;\r\n  display: inline-block;\r\n  padding: 6px 12px;\r\n  cursor: pointer;\r\n  bottom: 0px;\r\n  right: 0px;\r\n  background: white;\r\n  border-radius: 50%;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./ContactAvatarWithEditor.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/@vue/cli-plugin-babel/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!./ContactAvatarWithEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactAvatarWithEditor.vue?vue&type=template&id=876f111e&\"\nimport script from \"./ContactAvatarWithEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactAvatarWithEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContactAvatarWithEditor.vue?vue&type=style&index=0&lang=css&\"\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","import mod from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactAvatarWithEditor.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactAvatarWithEditor.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"gradient\",\"icon-pack\":\"feather\",\"icon\":\"icon-user-plus\"},on:{\"click\":function($event){_vm.isEditingProjectProperties = true}}},[_vm._v(\"Add\")]),_c('vs-popup',{attrs:{\"title\":\"New contact\",\"active\":_vm.isEditingProjectProperties},on:{\"update:active\":function($event){_vm.isEditingProjectProperties=$event}}},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Friendly name\"},model:{value:(_vm.Title),callback:function ($$v) {_vm.Title=$$v},expression:\"Title\"}}),_c('vs-button',{staticStyle:{\"margin-top\":\"10px\",\"float\":\"right\"},attrs:{\"color\":\"success\",\"type\":\"gradient\",\"icon-pack\":\"feather\",\"icon\":\"icon-save\"},on:{\"click\":_vm.SaveContact}},[_vm._v(\"Save\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <vs-button\r\n      color=\"success\"\r\n      type=\"gradient\"\r\n      icon-pack=\"feather\"\r\n      icon=\"icon-user-plus\"\r\n      @click=\"isEditingProjectProperties = true\"\r\n      >Add</vs-button\r\n    >\r\n\r\n    <vs-popup title=\"New contact\" :active.sync=\"isEditingProjectProperties\">\r\n      <vs-input\r\n        class=\"w-full\"\r\n        label-placeholder=\"Friendly name\"\r\n        v-model=\"Title\"\r\n      ></vs-input>\r\n      <vs-button\r\n        color=\"success\"\r\n        type=\"gradient\"\r\n        icon-pack=\"feather\"\r\n        icon=\"icon-save\"\r\n        @click=\"SaveContact\" style=\"margin-top:10px; float:right;\"\r\n        >Save</vs-button\r\n      >\r\n    </vs-popup>\r\n  </div>\r\n</template>\r\n<script>\r\n\r\nimport conatctService from \"@/contacts/contactsService.js\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      isEditingProjectProperties: false,\r\n      Id: -1,\r\n      Title: \"\",\r\n    };\r\n  },\r\n  methods:{\r\n    SaveContact(){\r\n      var type = this.$route.meta.ContactType ?\r\n        this.$route.meta.ContactType : \"Contact\";\r\n\r\n      conatctService.addContact(this.Title, type).then(function(){\r\n        window.location.reload();\r\n      });\r\n    }\r\n  },\r\n  props: [\"Type\"],\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/@vue/cli-plugin-babel/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!./ContactAddButton.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/@vue/cli-plugin-babel/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!./ContactAddButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactAddButton.vue?vue&type=template&id=63014549&\"\nimport script from \"./ContactAddButton.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactAddButton.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","import defineProperty from \"./defineProperty\";\nexport default function _objectSpread(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {};\n    var ownKeys = Object.keys(source);\n\n    if (typeof Object.getOwnPropertySymbols === 'function') {\n      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n        return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n      }));\n    }\n\n    ownKeys.forEach(function (key) {\n      defineProperty(target, key, source[key]);\n    });\n  }\n\n  return target;\n}","import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contacts.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contacts.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}