{"version":3,"sources":["webpack:///./src/views/v-user-profile/index.vue?e391","webpack:///./src/views/v-user-profile/index.vue","webpack:///./src/views/v-user-profile/index.vue?5191"],"names":["class","__","editMode","userData","FirstName","LastName","TelMobile","TelMobile2","type","Email","Email2","saveChanges","btnText","optionLabel","options","languages","placeholder","languageModel","data","pushMessages","value","label","pushMessageModel","enableEditTanantData","successModalMessage","mounted","this","getData","watch","handler","lang","procParams","contactId","Int","id","SmallInt","then","$store","commit","languageId","dispatch","catch","err","console","log","vaadMenuItems","find","f","routerName","$route","name","isVaadMember","$router","push","methods","getPictureLocal","obj","attachments","result","JSON","parse","langs","Table2","map","l","code","LangKey","dir","Direction","Lang","LID","Table","Table1","val","language_code","ContactID","NVarChar","procName","undefined","contactID","computed","state","api","building","getLanguageCode","render","__scopeId"],"mappings":"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","file":"js/chunk-60f5777e.185e9acc.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./index.vue?vue&type=style&index=0&id=66664819&scoped=true&lang=css\"","<template>\r\n  <div class=\"container body-bg\">\r\n    <div class=\"avatar\" v-if=\"false\">\r\n      <div class=\"avatar__wrapper\">\r\n        <div class=\"thumbnail\">\r\n          <img v-if=\"avatar\" :src=\"avatar\" />\r\n          <i-icon v-else name=\"avatar\" />\r\n          <add-pic class=\"upload-button\" @click=\"getPictureLocal\">\r\n            <span\r\n              class=\"p-button-icon p-button-icon-left pi pi-fw pi-plus\"\r\n            ></span>\r\n            {{ __(\"Add an image\") }}\r\n          </add-pic>\r\n          <p-vue-file-upload\r\n            url=\"./\"\r\n            mode=\"basic\"\r\n            name=\"avatar\"\r\n            accept=\"image/*\"\r\n            :auto=\"true\"\r\n            v-model=\"avatar\"\r\n            @select=\"chooseAvatar\"\r\n          />\r\n        </div>\r\n        <span class=\"plus\">\r\n          <i-icon name=\"plus\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <div class=\"data\">\r\n      <div class=\"preview\">\r\n        <label>{{ __(\"First name\") }}:</label>\r\n        <p-vue-input-text v-if=\"editMode\" v-model=\"userData.FirstName\" />\r\n        <span v-else>{{ userData.FirstName }}</span>\r\n        <label>{{ __(\"Last name\") }}:</label>\r\n        <p-vue-input-text v-if=\"editMode\" v-model=\"userData.LastName\" />\r\n        <span v-else>{{ userData.LastName }}</span>\r\n        <!-- <template v-for=\"(cellular, index) in userData.cellulars\" :key=\"index\">\r\n          <label>{{ `${__(\"Cellular\")} ${index + 1}` }}:</label>\r\n          <span>{{ cellular }}</span>\r\n        </template> -->\r\n        <label>{{ __(\"Cellular\") }}:</label>\r\n        <i-input-phone v-if=\"editMode\" v-model=\"userData.TelMobile\" />\r\n        <span v-else>{{ userData.TelMobile }}</span>\r\n        <label>{{ __(\"Cellular\") }} 2:</label>\r\n        <i-input-phone v-if=\"editMode\" v-model=\"userData.TelMobile2\" />\r\n        <span v-else>{{ userData.TelMobile2 }}</span>\r\n        <label>{{ __(\"Mail\") }}:</label>\r\n        <p-vue-input-text\r\n          v-if=\"editMode\"\r\n          type=\"email\"\r\n          v-model=\"userData.Email\"\r\n        />\r\n        <span v-else>{{ userData.Email }}</span>\r\n        <label>{{ __(\"Mail\") }} 2:</label>\r\n        <p-vue-input-text\r\n          v-if=\"editMode\"\r\n          type=\"email\"\r\n          v-model=\"userData.Email2\"\r\n        />\r\n        <span v-else>{{ userData.Email2 }}</span>\r\n\r\n        <!-- <label class=\"heading\">{{ __(\"Preferences\") }}</label> -->\r\n\r\n        <!-- <span v-else>{{ getLanguageCode }}</span> -->\r\n        <label v-if=\"false\">{{ __(\"Push messages\") }}:</label>\r\n        <i-override-dropdown\r\n          v-if=\"false\"\r\n          optionLabel=\"label\"\r\n          :options=\"pushMessages\"\r\n          :placeholder=\"__('Choose')\"\r\n          v-model=\"pushMessageModel\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"p-d-flex p-jc-end p-mt-3\">\r\n        <template v-if=\"editMode\">\r\n          <p-vue-button\r\n            class=\"p-button-outlined p-button-danger p-button-rounded\"\r\n            @click=\"editMode = false\"\r\n          >\r\n            <span class=\"p-button-text\">{{ __(\"Cancel\") }}</span>\r\n          </p-vue-button>\r\n          <p-vue-button\r\n            class=\"p-button-outlined p-button-success p-button-rounded p-mr-3\"\r\n            @click=\"saveChanges\"\r\n          >\r\n            <span class=\"p-button-text\">{{ __(btnText) }}</span>\r\n          </p-vue-button>\r\n        </template>\r\n        <p-vue-button\r\n          v-else\r\n          class=\"p-button-outlined p-button-success p-button-rounded\"\r\n          @click=\"editMode = true\"\r\n        >\r\n          <span class=\"p-button-text\">{{ __(\"Edit\") }}</span>\r\n        </p-vue-button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"preferences\">\r\n      <h4 class=\"heading\">{{ __(\"Preferences\") }}</h4>\r\n      <div class=\"settings\">\r\n        <label>{{ __(\"Language\") }}:</label>\r\n        <i-override-dropdown\r\n          optionLabel=\"label\"\r\n          :options=\"languages\"\r\n          :placeholder=\"__('Choose')\"\r\n          v-model=\"languageModel\"\r\n        />\r\n        <label v-if=\"false\">{{ __(\"Push messages\") }}:</label>\r\n        <i-override-dropdown\r\n          v-if=\"false\"\r\n          optionLabel=\"label\"\r\n          :options=\"pushMessages\"\r\n          :placeholder=\"__('Choose')\"\r\n          v-model=\"pushMessageModel\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getPicture } from \"@/services/UploadFilesService\";\r\nimport { __ } from \"@/plugins/i18n/\";\r\nimport { callProc, apiParam, apiPType } from \"@/services/APointAPI\";\r\nimport { errorReceived,showSuccessOrFailedModal } from \"@/services/apointUtil\";\r\nimport { mapState } from \"vuex\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      languages: [],\r\n      pushMessages: [\r\n        { value: \"yes\", label: __(\"Agree to accept\") },\r\n        { value: \"no\", label: __(\"I do not agree to accept\") },\r\n      ],\r\n      languageModel: null,\r\n      pushMessageModel: null,\r\n      userData: {},\r\n      editMode: false,\r\n      enableEditTanantData: 1,\r\n      btnText: \"\",\r\n      successModalMessage: __(\r\n        \"Email profile request request sent to management company!\"\r\n      ),\r\n    };\r\n  },\r\n  mounted() {\r\n    this.getData();\r\n  },\r\n  watch: {\r\n    languageModel: {\r\n      handler(lang) {\r\n        const procParams = [\r\n          apiParam(\"contactID\", this.contactId, apiPType.Int),\r\n          apiParam(\"lang\", lang.id, apiPType.SmallInt),\r\n        ];\r\n        callProc(\"TennatApp_ChangeContactLang\", procParams)\r\n          .then(() => {\r\n            this.$store.commit(\"api/setSessionData\", {\r\n              languageId: lang.id,\r\n            });\r\n            this.$store.dispatch(\"doLanguageSwitch\", lang.value);\r\n          })\r\n          .catch((err) => {\r\n            console.log(\"Got error changing language: \", err);\r\n          });\r\n      },\r\n    },\r\n    contactId() {\r\n      if (\r\n        this.vaadMenuItems.find((f) => f.routerName == this.$route.name) &&\r\n        !this.isVaadMember\r\n      )\r\n        this.$router.push({\r\n          name: \"Dashboard\",\r\n        });\r\n      this.getData();\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    getPictureLocal() {\r\n      getPicture((obj) => {\r\n        this.attachments.push(obj);\r\n      });\r\n    },\r\n    getData() {\r\n      let procParams = [apiParam(\"contactId\", this.contactId, apiPType.Int)];\r\n      callProc(\"TennatApp_GetUserData\", procParams)\r\n        .then((result) => {\r\n          result = JSON.parse(result);\r\n          const langs = result.Table2;\r\n          this.languages = langs.map((l) => {\r\n            return {\r\n              value: { code: l.LangKey, dir: l.Direction },\r\n              label: l.Lang,\r\n              id: l.LID,\r\n            };\r\n          });\r\n          // this.languageModel = this.languages.find(l=>l.id===this.languageId)\r\n          this.userData = result.Table[0];\r\n          this.enableEditTanantData = result.Table1[0].val == \"1\";\r\n          if (this.enableEditTanantData) {\r\n            this.btnText = \"Save\";\r\n            this.successModalMessage = __(\"Data saved successfully!\");\r\n          } else this.btnText = \"update\";\r\n          this.languageModel =\r\n            this.languages.find((f) => f.id == this.userData.language_code) ||\r\n            null;\r\n        })\r\n        .catch(() => {\r\n          errorReceived(\"TennatApp_GetUserData\");\r\n        });\r\n      // this.pushMessageModel = this.data.pushMessages || null;\r\n    },\r\n    saveChanges() {\r\n      this.$store.dispatch(\"doLoading\", true);\r\n      let procParams = [\r\n        apiParam(\"ContactID\", this.userData.ContactID, apiPType.Int),\r\n        apiParam(\"Email\", this.userData.Email, apiPType.NVarChar),\r\n        apiParam(\"Email2\", this.userData.Email2, apiPType.NVarChar),\r\n        apiParam(\"FirstName\", this.userData.FirstName, apiPType.NVarChar),\r\n        apiParam(\"LastName\", this.userData.LastName, apiPType.NVarChar),\r\n        apiParam(\"TelMobile\", this.userData.TelMobile, apiPType.NVarChar),\r\n        apiParam(\"TelMobile2\", this.userData.TelMobile2, apiPType.NVarChar),\r\n        // apiParam(\"Lang\", this.languageModel.id, apiPType.SmallInt),\r\n      ];\r\n      let procName = \"\";\r\n      if (this.enableEditTanantData) procName = \"TennatApp_SaveUserData\";\r\n      else procName = \"TennatApp_SendUserData\";\r\n      callProc(procName, procParams, undefined, undefined, undefined, 40).then(\r\n        (result) => {\r\n          result = JSON.parse(result);\r\n          this.userData = result.Table[0];\r\n          this.editMode = false;\r\n          this.$store.commit(\"api/setSessionData\", {\r\n            contactID: result.Table[0].ContactID,\r\n          });\r\n          this.$store.dispatch(\"doLoading\", false);\r\n          showSuccessOrFailedModal(this.successModalMessage)\r\n        }\r\n      );\r\n    },\r\n    //? chooseAvatar(event){\r\n    //? \tconst { files } = event;\r\n\r\n    //?   if (files && files.length) return (avatar.value = files[0].objectURL);\r\n\r\n    //?  avatar.value = null;\r\n    //? }\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      contactId: (state) => state.api.contactID,\r\n      building: (state) => state.building,\r\n      vaadMenuItems: (state) => state.vaadMenuItems,\r\n      isVaadMember: (state) => state.api.isVaadMember,\r\n      languageId: (state) => state.api.languageId,\r\n    }),\r\n    getLanguageCode() {\r\n      return this.languages.find((l) => l.id == this.userData.language_code)\r\n        ?.label;\r\n    },\r\n  },\r\n  //? avatar\r\n  //? watch(avatar, (v) => console.log(v));\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.avatar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 17px 0;\r\n\r\n  border-bottom: 1px solid var(--color-border-alt);\r\n}\r\n\r\n.avatar__wrapper {\r\n  position: relative;\r\n}\r\n\r\n.avatar .thumbnail {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 125px;\r\n  height: 125px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 125px;\r\n  border: 1px solid #79b34e;\r\n\r\n  cursor: pointer;\r\n}\r\n.upload-button {\r\n  margin-top: 25px;\r\n  display: block;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 13px 15px;\r\n  border-radius: 30px;\r\n  background-color: white;\r\n  border: 1px solid var(--color-success);\r\n  color: black;\r\n  font-size: 16px;\r\n  line-height: 1.28;\r\n  letter-spacing: 0.51px;\r\n  text-align: center;\r\n}\r\n\r\n.upload-button:deep(.p-button) {\r\n  display: block;\r\n\r\n  width: 100%;\r\n\r\n  margin: 0;\r\n  padding: 13px 15px;\r\n\r\n  border-radius: 30px;\r\n  background-color: white;\r\n  border: 1px solid var(--color-success);\r\n\r\n  color: black;\r\n  font-size: 16px;\r\n  line-height: 1.28;\r\n  letter-spacing: 0.51px;\r\n}\r\n\r\n.avatar .thumbnail img {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n}\r\n\r\n.avatar .thumbnail:deep(.svg){\r\n  width: 55px;\r\n  height: 55px;\r\n\r\n  color: var(--color-border-alt);\r\n}\r\n\r\n.avatar .plus {\r\n  right: 4px;\r\n  bottom: 4px;\r\n  position: absolute;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 30px;\r\n  height: 30px;\r\n\r\n  border-radius: 30px;\r\n  background-color: white;\r\n  border: 1px solid #79b34e;\r\n}\r\n\r\n.avatar .plus:deep(.svg){\r\n  width: 14px;\r\n  height: 14px;\r\n\r\n  color: black;\r\n}\r\n\r\n.avatar:deep(.p-fileupload) {\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n\r\n  opacity: 0;\r\n}\r\n\r\n.avatar:deep(.p-fileupload .p-button) {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.container {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.data {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 20px 0;\r\n}\r\n.data .p-button {\r\n  min-width: 160px;\r\n}\r\n.preview {\r\n  flex: 1;\r\n  gap: 20px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  font-size: 16px;\r\n  color: #000000;\r\n  letter-spacing: 0.51px;\r\n  align-items: center;\r\n}\r\n.preview label {\r\n  color: var(--color-primary);\r\n}\r\n.preferences {\r\n  padding: 20px 0;\r\n  border-top: 1px solid var(--color-border-alt);\r\n}\r\n.preferences .heading {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  font-weight: normal;\r\n  letter-spacing: 0.51px;\r\n  color: var(--color-primary);\r\n}\r\n.preferences .settings {\r\n  padding-top: 20px;\r\n  gap: 20px;\r\n  display: grid;\r\n  align-items: center;\r\n  grid-template-columns: auto 1fr;\r\n}\r\n</style>\r\n","import { render } from \"./index.vue?vue&type=template&id=66664819&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=66664819&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-66664819\"\n\nexport default script"],"sourceRoot":""}