{"version":3,"sources":["webpack:///./src/views/pages/Profile.vue?796d","webpack:///src/views/pages/Profile.vue","webpack:///./src/views/pages/Profile.vue?ce85","webpack:///./src/views/pages/Profile.vue?5467","webpack:///./src/views/pages/Profile.vue?300a"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","profileInfo","user_pic","_v","_s","firstChar","on","showModal","popupActive","$event","ref","uploadFile","directives","name","rawName","value","expression","model","form","callback","$$v","$set","errors","has","first","newForm","_e","preventDefault","editForm","user_name","user_role","user_dob","user_gender","user_email","user_mobile","organizations_name","user_address","_l","CompanyItem","CompanyIndex","key","company_name","department_name","designation_name","staticRenderFns","data","userRole","tempToken","window","localStorage","getItem","config","maxDate","Date","fp_incr","format","altFormat","altInput","submitStatus","isPasswordUpdated","organization_logo","confirmPassword","password","companyData","isNavOpen","userPoll","navbarSearchAndPinList","$store","state","userInfo","profileImg","mediaExtensions","img","video","wasSidebarOpen","watch","handler","count","deep","computed","mediaType","media","methods","formData","append","event","target","files","console","log","editPssword","submitForm","$validator","validateAll","then","result","organization_name","organization_mobile","organization_address","organization_active","UserService","user_password","payload","getProfileDetails","loadContent","$vs","loading","background","backgroundLoading","color","colorLoading","container","scale","setTimeout","components","videoPlayer","flatPickr","mounted","beforeDestroy","commit","_id","setAttribute","beforeMount","component"],"mappings":"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","file":"js/chunk-7c830d02.877ecc06.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"profile-page\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full lg:w-1/4\"},[_c('vx-card',{staticClass:\"mt-base\",attrs:{\"title\":\"About\"}},[(_vm.profileInfo.user_pic != '')?_c('div',{staticClass:\"d-table mx-auto\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":_vm.profileInfo.user_pic,\"alt\":\"Image\"}})]):_c('div',{staticClass:\"initials\"},[_vm._v(_vm._s(_vm.firstChar))])])],1),_c('div',{staticClass:\"vx-col w-full lg:w-1/2\"},[_c('vx-card',{staticClass:\"mt-base\"},[_c('div',[_c('span',{staticClass:\"table-edit-icon float-right\"},[_c('feather-icon',{attrs:{\"icon\":\"EditIcon\",\"svgClasses\":\"h-7 w-7\"},on:{\"click\":_vm.showModal}})],1)]),_c('vs-popup',{staticClass:\"holamundo editModal\",attrs:{\"id\":'popmodalProfile',\"title\":\"Update User Details\",\"active\":_vm.popupActive},on:{\"update:active\":function($event){_vm.popupActive=$event}}},[_c('form',{ref:\"testingRef\"},[_c('FocusLock',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"col-4 text-right align-self-center\"},[_c('h5',{staticClass:\"m-6\"},[_vm._v(\"Upload Image\")])]),_c('div',{staticClass:\"col-7\"},[_c('div',{staticClass:\"mx-10\"},[_c('label',{staticClass:\"mx-12\",attrs:{\"for\":\"updateProfilePicture\"}},[(_vm.profileInfo.user_pic != '')?_c('img',{staticClass:\"profile-img\",attrs:{\"src\":_vm.profileInfo.user_pic}}):_c('img',{staticClass:\"profile-img\",attrs:{\"src\":\"https://img.gokozo.com/bd053e422b601bb5_org.png\"}}),_c('div',{staticClass:\"comp-logo-edit mt-2\"},[_c('i',{staticClass:\"text-center material-icons align-middle\"},[_vm._v(\"arrow_upward\")]),_vm._v(\"\\n                            update\\n                          \")])]),_c('input',{staticClass:\"d-none\",attrs:{\"type\":\"file\",\"id\":\"updateProfilePicture\"},on:{\"change\":function($event){return _vm.uploadFile($event)}}})])])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"col-4 text-right align-self-center\"},[_c('h5',{staticClass:\"mb-0\"},[_vm._v(\"Organization Name*\")])]),_c('div',{staticClass:\"col-7\"},[_c('div',{},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"w-full\",attrs:{\"name\":\"Name\"},model:{value:(_vm.form.organizations_name),callback:function ($$v) {_vm.$set(_vm.form, \"organizations_name\", $$v)},expression:\"form.organizations_name\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('Name')),expression:\"errors.has('Name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Name\")))])],1)])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"col-4 text-right align-self-center\"},[_c('h5',{staticClass:\"mb-0\"},[_vm._v(\"Email *\")])]),_c('div',{staticClass:\"col-7\"},[_c('div',{},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"name\":\"Email\",\"disabled\":\"\"},model:{value:(_vm.form.user_email),callback:function ($$v) {_vm.$set(_vm.form, \"user_email\", $$v)},expression:\"form.user_email\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('name')),expression:\"errors.has('name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"name\")))])],1)])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"col-4 text-right align-self-center\"},[_c('h5',{staticClass:\"mb-0\"},[_vm._v(\"Password *\")])]),_c('div',{staticClass:\"col-7\"},[_c('div',{},[_c('vs-input',{ref:\"password\",staticClass:\"w-full\",attrs:{\"name\":\"password\"},model:{value:(_vm.newForm.password),callback:function ($$v) {_vm.$set(_vm.newForm, \"password\", $$v)},expression:\"newForm.password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('password')),expression:\"errors.has('password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"password\")))])],1)])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"col-4 text-right align-self-center\"},[_c('h5',{staticClass:\"mb-0\"},[_vm._v(\"Confirm Password *\")])]),_c('div',{staticClass:\"col-7\"},[_c('div',{},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('confirmed:password'),expression:\"'confirmed:password'\"}],staticClass:\"w-full\",attrs:{\"name\":\"Password Confirmation\"},model:{value:(_vm.newForm.confirmPassword),callback:function ($$v) {_vm.$set(_vm.newForm, \"confirmPassword\", $$v)},expression:\"newForm.confirmPassword\"}}),(_vm.newForm.confirmPassword)?_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('Password Confirmation')),expression:\"errors.has('Password Confirmation')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Password Confirmation\")))]):_vm._e()],1)])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"col-4 text-right align-self-center\"},[_c('h5',{staticClass:\"mb-0\"},[_vm._v(\"Phone *\")])]),_c('div',{staticClass:\"col-7\"},[_c('div',{},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|numeric|max:14'),expression:\"'required|numeric|max:14'\"}],staticClass:\"w-full\",attrs:{\"name\":\"Phone\",\"rules\":\"alpha\"},model:{value:(_vm.form.user_mobile),callback:function ($$v) {_vm.$set(_vm.form, \"user_mobile\", $$v)},expression:\"form.user_mobile\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('Phone')),expression:\"errors.has('Phone')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Phone\")))])],1)])]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"col-4 text-right align-self-center\"},[_c('h5',{staticClass:\"mb-0\"},[_vm._v(\"Address *\")])]),_c('div',{staticClass:\"col-7\"},[_c('div',{},[_c('vs-textarea',{staticClass:\"mb-0\",attrs:{\"rows\":\"4\"},model:{value:(_vm.form.user_address),callback:function ($$v) {_vm.$set(_vm.form, \"user_address\", $$v)},expression:\"form.user_address\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('Address')),expression:\"errors.has('Address')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Address\")))])],1)])])])]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col mx-auto\"},[_c('vs-button',{staticClass:\"mr-3\",attrs:{\"type\":\"filled\"},on:{\"click\":function($event){$event.preventDefault();return _vm.editForm($event)}}},[_vm._v(\"Update\")])],1)])])],1)]),_c('div',[_c('div',{staticClass:\"mt-5\"},[_c('h6',{staticClass:\"font-bold\"},[_vm._v(\"Name:\")]),_c('p',[_vm._v(_vm._s(_vm.profileInfo.user_name))])]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('h6',{staticClass:\"font-bold\"},[_vm._v(\"Role\")]),_c('p',[_vm._v(_vm._s(_vm.profileInfo.user_role))])]),_c('div',{staticClass:\"col-md-4\"},[_c('h6',{staticClass:\"font-bold\"},[_vm._v(\"Date of Birth:\")]),_c('p',[_vm._v(_vm._s(_vm.profileInfo.user_dob))])]),_c('div',{staticClass:\"col-md-4\"},[_c('h6',{staticClass:\"font-bold\"},[_vm._v(\"Gender\")]),_c('p',[_vm._v(_vm._s(_vm.profileInfo.user_gender))])])])]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('h6',{staticClass:\"font-bold\"},[_vm._v(\"Email:\")]),_c('p',[_vm._v(_vm._s(_vm.profileInfo.user_email))])]),_c('div',{staticClass:\"col-md-6\"},[_c('h6',{staticClass:\"font-bold\"},[_vm._v(\"Mobile No.\")]),_c('p',[_vm._v(_vm._s(_vm.profileInfo.user_mobile))])])])]),_c('div',{staticClass:\"mt-5\"},[_c('h6',{staticClass:\"font-bold\"},[_vm._v(\"Organization:\")]),_c('p',[_vm._v(_vm._s(_vm.profileInfo.organizations_name))])]),_c('div',{staticClass:\"mt-5\"},[_c('h6',{staticClass:\"font-bold\"},[_vm._v(\"Address:\")]),_c('p',[_vm._v(_vm._s(_vm.profileInfo.user_address))])])]),_c('div',{staticClass:\"border-top profile-minH\"},[_c('div',{staticClass:\"col-10 mx-auto\"},_vm._l((_vm.companyData),function(CompanyItem,CompanyIndex){return _c('table',{key:CompanyIndex,staticClass:\"table mb-4 mt-3\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"\\n                      text-center\\n                      h4\\n                      font-weight-bold\\n                      bg-primary\\n                      text-white\\n                    \",attrs:{\"colspan\":\"2\",\"scope\":\"col\"}},[_vm._v(\"\\n                    \"+_vm._s(CompanyItem.company_name)+\"\\n                  \")])])]),_c('tbody',[_c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(\"Department\")]),_c('td',[_vm._v(_vm._s(CompanyItem.department_name))])]),_c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(\"Designation\")]),_c('td',[_vm._v(_vm._s(CompanyItem.designation_name))])])])])}),0)])],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: Profile.vue\r\n    Description: Profile Page\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n  <div id=\"profile-page\">\r\n    <!-- COL AREA -->\r\n    <div class=\"vx-row\">\r\n      <!-- COL 1 -->\r\n      <div class=\"vx-col w-full lg:w-1/4\">\r\n        <!-- ABOUT CARD -->\r\n        <vx-card title=\"About\" class=\"mt-base\">\r\n          <!-- ACTION SLOT -->\r\n          <div class=\"d-table mx-auto\" v-if=\"profileInfo.user_pic != ''\">\r\n            <img :src=\"profileInfo.user_pic\" class=\"img-fluid\" alt=\"Image\" />\r\n          </div>\r\n\r\n          <div v-else class=\"initials\">{{ firstChar }}</div>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- COL 2 -->\r\n      <div class=\"vx-col w-full lg:w-1/2\">\r\n        <vx-card class=\"mt-base\">\r\n          <div>\r\n            <span class=\"table-edit-icon float-right\">\r\n              <feather-icon\r\n                class\r\n                icon=\"EditIcon\"\r\n                svgClasses=\"h-7 w-7\"\r\n                @click=\"showModal\"\r\n              />\r\n            </span>\r\n          </div>\r\n          <!-- :id=\"'popmodal'+params.data.user_id\" -->\r\n          <vs-popup\r\n            :id=\"'popmodalProfile'\"\r\n            class=\"holamundo editModal\"\r\n            title=\"Update User Details\"\r\n            :active.sync=\"popupActive\"\r\n          >\r\n            <form ref=\"testingRef\">\r\n              <FocusLock>\r\n                <div class=\"vx-row\">\r\n                  <!-- LEFT SIDE -->\r\n\r\n                  <!-- name -->\r\n                  <div class=\"col-12\">\r\n                    <div class=\"vx-row mb-6\">\r\n                      <div class=\"col-4 text-right align-self-center\">\r\n                        <h5 class=\"m-6\">Upload Image</h5>\r\n                      </div>\r\n                      <div class=\"col-7\">\r\n                        <div class=\"mx-10\">\r\n                          <label for=\"updateProfilePicture\" class=\"mx-12\">\r\n                            <img\r\n                              v-if=\"profileInfo.user_pic != ''\"\r\n                              :src=\"profileInfo.user_pic\"\r\n                              class=\"profile-img\"\r\n                            />\r\n                            <img\r\n                              v-else\r\n                              src=\"https://img.gokozo.com/bd053e422b601bb5_org.png\"\r\n                              class=\"profile-img\"\r\n                            />\r\n                            <div class=\"comp-logo-edit mt-2\">\r\n                              <i class=\"text-center material-icons align-middle\"\r\n                                >arrow_upward</i\r\n                              >\r\n                              update\r\n                            </div>\r\n                          </label>\r\n                          <input\r\n                            type=\"file\"\r\n                            @change=\"uploadFile($event)\"\r\n                            class=\"d-none\"\r\n                            id=\"updateProfilePicture\"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"vx-row mb-6\">\r\n                      <div class=\"col-4 text-right align-self-center\">\r\n                        <h5 class=\"mb-0\">Organization Name*</h5>\r\n                      </div>\r\n                      <div class=\"col-7\">\r\n                        <div class>\r\n                          <vs-input\r\n                            v-validate=\"'required'\"\r\n                            name=\"Name\"\r\n                            v-model=\"form.organizations_name\"\r\n                            class=\"w-full\"\r\n                          />\r\n                          <span\r\n                            class=\"text-danger text-sm\"\r\n                            v-show=\"errors.has('Name')\"\r\n                            >{{ errors.first(\"Name\") }}</span\r\n                          >\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <!-- email-->\r\n                    <div class=\"vx-row mb-6\">\r\n                      <div class=\"col-4 text-right align-self-center\">\r\n                        <h5 class=\"mb-0\">Email *</h5>\r\n                      </div>\r\n                      <div class=\"col-7\">\r\n                        <div class>\r\n                          <vs-input\r\n                            name=\"Email\"\r\n                            disabled\r\n                            v-model=\"form.user_email\"\r\n                            class=\"w-full\"\r\n                          />\r\n                          <span\r\n                            class=\"text-danger text-sm\"\r\n                            v-show=\"errors.has('name')\"\r\n                            >{{ errors.first(\"name\") }}</span\r\n                          >\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"vx-row mb-6\">\r\n                      <div class=\"col-4 text-right align-self-center\">\r\n                        <h5 class=\"mb-0\">Password *</h5>\r\n                      </div>\r\n                      <div class=\"col-7\">\r\n                        <div class>\r\n                          <vs-input\r\n                            name=\"password\"\r\n                            v-model=\"newForm.password\"\r\n                            ref=\"password\"\r\n                            class=\"w-full\"\r\n                          />\r\n                          <span\r\n                            class=\"text-danger text-sm\"\r\n                            v-show=\"errors.has('password')\"\r\n                            >{{ errors.first(\"password\") }}</span\r\n                          >\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"vx-row mb-6\">\r\n                      <div class=\"col-4 text-right align-self-center\">\r\n                        <h5 class=\"mb-0\">Confirm Password *</h5>\r\n                      </div>\r\n                      <div class=\"col-7\">\r\n                        <div class>\r\n                          <!--  -->\r\n                          <vs-input\r\n                            v-validate=\"'confirmed:password'\"\r\n                            name=\"Password Confirmation\"\r\n                            v-model=\"newForm.confirmPassword\"\r\n                            class=\"w-full\"\r\n                          />\r\n                          <span\r\n                            v-if=\"newForm.confirmPassword\"\r\n                            class=\"text-danger text-sm\"\r\n                            v-show=\"errors.has('Password Confirmation')\"\r\n                            >{{ errors.first(\"Password Confirmation\") }}</span\r\n                          >\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <!-- Phone -->\r\n                    <div class=\"vx-row mb-6\">\r\n                      <div class=\"col-4 text-right align-self-center\">\r\n                        <h5 class=\"mb-0\">Phone *</h5>\r\n                      </div>\r\n                      <div class=\"col-7\">\r\n                        <div class>\r\n                          <vs-input\r\n                            v-validate=\"'required|numeric|max:14'\"\r\n                            name=\"Phone\"\r\n                            v-model=\"form.user_mobile\"\r\n                            class=\"w-full\"\r\n                            rules=\"alpha\"\r\n                          />\r\n                          <span\r\n                            class=\"text-danger text-sm\"\r\n                            v-show=\"errors.has('Phone')\"\r\n                            >{{ errors.first(\"Phone\") }}</span\r\n                          >\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <!-- address  -->\r\n                    <div class=\"vx-row mb-6\">\r\n                      <div class=\"col-4 text-right align-self-center\">\r\n                        <h5 class=\"mb-0\">Address *</h5>\r\n                      </div>\r\n                      <div class=\"col-7\">\r\n                        <div class>\r\n                          <vs-textarea\r\n                            v-model=\"form.user_address\"\r\n                            class=\"mb-0\"\r\n                            rows=\"4\"\r\n                          />\r\n                          <span\r\n                            class=\"text-danger text-sm\"\r\n                            v-show=\"errors.has('Address')\"\r\n                            >{{ errors.first(\"Address\") }}</span\r\n                          >\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <!-- gender -->\r\n                    <!-- <div class=\"vx-row mb-6\">\r\n                      <div class=\"col-4 text-right align-self-center\">\r\n                        <h5 class=\"mb-0\">Gender*</h5>\r\n                      </div>\r\n                      <div class=\"col-7\">\r\n                        <ul class=\"centerx list-inline\">\r\n                          <li class=\"list-inline-item\">\r\n                            <vs-radio v-model=\"profileInfo.user_gender\" vs-value=\"Male\">Male</vs-radio>\r\n                          </li>\r\n                          <li class=\"list-inline-item\">\r\n                            <vs-radio v-model=\"profileInfo.user_gender\" vs-value=\"Female\">Female</vs-radio>\r\n                          </li>\r\n                        </ul>\r\n                      </div>\r\n                    </div>-->\r\n\r\n                    <!-- DOB-->\r\n                    <!-- <div class=\"vx-row mb-6\">\r\n                      <div class=\"col-4 text-right\">\r\n                        <h5 class=\"mb-0\">Date of birth</h5>\r\n                      </div>\r\n                      <div class=\"col-7\">\r\n                        <div class=\"rounded\">\r\n                          class=\"bg-white\"\r\n                          <flat-pickr v-model=\"profileInfo.user_dob\" />\r\n                        </div>\r\n                        <span\r\n                          class=\"text-danger text-sm\"\r\n                          v-show=\"errors.has('Birth date')\"\r\n                        >{{ errors.first('birth date') }}</span>\r\n                      </div>\r\n                    </div>-->\r\n\r\n                    <!-- Password -->\r\n                    <!-- <div class=\"vx-row mb-6\">\r\n                      <div class=\"col-4 text-right align-self-center\">\r\n                        <h5 class=\"mb-0\">Password</h5>\r\n                      </div>\r\n                      <div class=\"col-7\">\r\n                        <div class>\r\n                          <vs-input\r\n                            name=\"Password\"\r\n                            v-model=\"user_password\"\r\n                            class=\"w-full text-danger\"\r\n                          />\r\n                          <span\r\n                            class=\"text-danger text-sm\"\r\n                            v-show=\"errors.has('new user password')\"\r\n                          >{{ errors.first('new user password') }}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>-->\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- SUBMIT BUTTON -->\r\n                <div class=\"vx-row\">\r\n                  <div class=\"vx-col mx-auto\">\r\n                    <!-- :disabled=\"submitStatus\" -->\r\n                    <!-- :disabled=\"submitStatus\" -->\r\n                    <vs-button\r\n                      type=\"filled\"\r\n                      @click.prevent=\"editForm\"\r\n                      class=\"mr-3\"\r\n                      >Update</vs-button\r\n                    >\r\n\r\n                    <!-- <vs-button color=\"warning\" type=\"border\" class @click.prevent=\"clearForm\">Reset</vs-button> -->\r\n                  </div>\r\n                </div>\r\n              </FocusLock>\r\n            </form>\r\n          </vs-popup>\r\n          <div>\r\n            <!-- USER NAME -->\r\n            <div class=\"mt-5\">\r\n              <h6 class=\"font-bold\">Name:</h6>\r\n              <p>{{ profileInfo.user_name }}</p>\r\n            </div>\r\n            <!-- OTEHR DATA -->\r\n            <div class=\"mt-5\">\r\n              <div class=\"row\">\r\n                <div class=\"col-md-4\">\r\n                  <h6 class=\"font-bold\">Role</h6>\r\n                  <p>{{ profileInfo.user_role }}</p>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                  <h6 class=\"font-bold\">Date of Birth:</h6>\r\n                  <p>{{ profileInfo.user_dob }}</p>\r\n                </div>\r\n\r\n                <div class=\"col-md-4\">\r\n                  <h6 class=\"font-bold\">Gender</h6>\r\n                  <p>{{ profileInfo.user_gender }}</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"mt-5\">\r\n              <div class=\"row\">\r\n                <div class=\"col-md-6\">\r\n                  <h6 class=\"font-bold\">Email:</h6>\r\n                  <p>{{ profileInfo.user_email }}</p>\r\n                </div>\r\n\r\n                <div class=\"col-md-6\">\r\n                  <h6 class=\"font-bold\">Mobile No.</h6>\r\n                  <p>{{ profileInfo.user_mobile }}</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"mt-5\">\r\n              <h6 class=\"font-bold\">Organization:</h6>\r\n              <p>{{ profileInfo.organizations_name }}</p>\r\n            </div>\r\n\r\n            <div class=\"mt-5\">\r\n              <h6 class=\"font-bold\">Address:</h6>\r\n              <p>{{ profileInfo.user_address }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"border-top profile-minH\">\r\n            <div class=\"col-10 mx-auto\">\r\n              <table\r\n                class=\"table mb-4 mt-3\"\r\n                v-for=\"(CompanyItem, CompanyIndex) in companyData\"\r\n                :key=\"CompanyIndex\"\r\n              >\r\n                <thead>\r\n                  <tr>\r\n                    <th\r\n                      colspan=\"2\"\r\n                      class=\"\r\n                        text-center\r\n                        h4\r\n                        font-weight-bold\r\n                        bg-primary\r\n                        text-white\r\n                      \"\r\n                      scope=\"col\"\r\n                    >\r\n                      {{ CompanyItem.company_name }}\r\n                    </th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  <tr>\r\n                    <th scope=\"row\">Department</th>\r\n                    <td>{{ CompanyItem.department_name }}</td>\r\n                  </tr>\r\n                  <tr>\r\n                    <th scope=\"row\">Designation</th>\r\n                    <td>{{ CompanyItem.designation_name }}</td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          </div>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- COL 3 -->\r\n    </div>\r\n\r\n    <!-- <div class=\"vx-row\">\r\n            <div class=\"vx-col w-full\">\r\n                <div class=\"flex justify-center mt-base\">\r\n                    <vs-button id=\"button-load-more-posts\" class=\"vs-con-loading__container\" @click=\"loadContent\">Load More</vs-button>\r\n                </div>\r\n            </div>\r\n    </div>-->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { videoPlayer } from \"vue-video-player\";\r\nimport \"video.js/dist/video-js.css\";\r\nimport flatPickr from \"vue-flatpickr-component\";\r\nimport \"flatpickr/dist/flatpickr.css\";\r\nimport UserService from \"@/services/UserService\";\r\nimport axios from \"axios\";\r\nimport { BASEURL } from \"@/config/index\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      userRole: null,\r\n      tempToken: window.localStorage.getItem(\"TempToken\"),\r\n      config: {\r\n        maxDate: new Date().fp_incr(-6600),\r\n        format: \"d-m-Y\",\r\n        altFormat: \"d-m-Y\",\r\n        altInput: true,\r\n      },\r\n      submitStatus: false,\r\n      isPasswordUpdated: false,\r\n      popupActive: false,\r\n      profileInfo: {},\r\n      form: {\r\n        organization_logo: \"-\",\r\n        user_email: \"\",\r\n        // // organization_name: \"\",\r\n        user_mobile: null,\r\n\r\n        user_address: \"\",\r\n      },\r\n\r\n      newForm: {\r\n        confirmPassword: \"\",\r\n        password: \"\",\r\n      },\r\n      companyData: [],\r\n      isNavOpen: true,\r\n      userPoll: \"\",\r\n      firstChar: \"\",\r\n      navbarSearchAndPinList: this.$store.state.navbarSearchAndPinList,\r\n      userInfo: {\r\n        profileImg: \"user-13.jpg\",\r\n      },\r\n      mediaExtensions: {\r\n        img: [\"jpg\", \"jpeg\", \"png\", \"bmp\", \"gif\", \"exif\", \"tiff\"],\r\n        video: [\"avi\", \"flv\", \"wmv\", \"mov\", \"mp4\", \"3gp\"],\r\n      },\r\n\r\n      wasSidebarOpen: null,\r\n    };\r\n  },\r\n\r\n  watch: {\r\n    form: {\r\n      handler: function (newVal, oldVal) {\r\n        if (this.count > 0) {\r\n          this.submitStatus = false;\r\n        }\r\n        this.count++;\r\n      },\r\n      deep: true,\r\n    },\r\n    // user_password: {\r\n    //   handler: function(newVal, oldVal) {\r\n    //     if (this.count > 0) {\r\n    //       this.isPasswordUpdated = true;\r\n    //       this.submitStatus = false;\r\n    //     }\r\n    //     this.count++;\r\n    //   },\r\n    //   deep: true\r\n    // }\r\n  },\r\n  computed: {\r\n    mediaType() {\r\n      return (media) => {\r\n        if (media.img) {\r\n          const ext = media.img.split(\".\").pop();\r\n          if (this.mediaExtensions.img.includes(ext)) return \"image\";\r\n        } else if (media.sources && media.poster) {\r\n          // other validations\r\n          return \"video\";\r\n        }\r\n      };\r\n    },\r\n    // playerOptions() {\r\n    //   return media => {\r\n    //     return {\r\n    //\r\n    //       height: \"360\",\r\n    //       fluid: true,\r\n    //       autoplay: false,\r\n    //       muted: true,\r\n    //       language: \"en\",\r\n    //       playbackRates: [0.7, 1.0, 1.5, 2.0],\r\n    //       sources: media.sources,\r\n    //       poster: media.poster\r\n    //     };\r\n    //   };\r\n    // }\r\n  },\r\n  methods: {\r\n    uploadFile(event) {\r\n      let that = this;\r\n      let formData = new FormData();\r\n      formData.append(\"file\", event.target.files[0]);\r\n      axios\r\n        .post(BASEURL + \"/v2/uploads\", formData, {\r\n          headers: {\r\n            \"Content-Type\": \"multipart/form-data\",\r\n          },\r\n        })\r\n        .then(function (res) {\r\n          console.log(\"res :\", res);\r\n          that.form.organization_logo = res.data.data.image_path;\r\n        })\r\n        .catch(function (err) {\r\n          this.$vs.notify({\r\n            title: \"Error!\",\r\n            text: error,\r\n            iconPack: \"feather\",\r\n            icon: \"check_box\",\r\n            color: \"warning\",\r\n          });\r\n        });\r\n    },\r\n\r\n    editForm: function () {\r\n      console.log(this.form);\r\n      if (this.newForm.password != \"\" && this.newForm.confirmPassword != \"\") {\r\n        this.editPssword();\r\n        this.submitForm();\r\n      } else {\r\n        this.submitForm();\r\n      }\r\n    },\r\n\r\n    submitForm: function () {\r\n      this.$validator.validateAll().then((result) => {\r\n        // this.$vs.loading();\r\n        console.log(\"result\", result);\r\n        if (result) {\r\n          let id = this.profileInfo.organization_id;\r\n          let payload = {\r\n            organization_logo: this.form.organization_logo || \"-\",\r\n            organization_name: this.form.organizations_name,\r\n            organization_mobile: this.form.user_mobile,\r\n            organization_address: this.form.user_address,\r\n            organization_active: 1,\r\n            // user_name: this.profileInfo.organi_name,\r\n            // user_gender: this.profileInfo.user_gender,\r\n            // user_dob: this.profileInfo.user_dob\r\n            // user_email: this.profileInfo.user_email\r\n            // // role_id: this.form.role_id,\r\n            // city_id: this.form.city_id,\r\n            // user_pic: this.form.user_pic,\r\n            // user_password: this.user_password,\r\n          };\r\n          //   close;\r\n\r\n          UserService.editProfileInfo(payload, id)\r\n            .then((response) => {\r\n              // this.$vs.loading.close();\r\n              this.submitStatus = false;\r\n              const { data } = response;\r\n              this.popupActive = false;\r\n              if (data.Status) {\r\n                this.$vs.notify({\r\n                  title: \"Updated!\",\r\n                  text: data.Message,\r\n                  iconPack: \"feather\",\r\n                  icon: \"check_box\",\r\n                  color: \"success\",\r\n                });\r\n                this.$forceUpdate();\r\n                this.clearForm();\r\n              } else {\r\n                // this.$vs.loading.close();\r\n                console.log(\"data :\", data);\r\n                this.$vs.notify({\r\n                  title: \"Error!\",\r\n                  text: data.error.message,\r\n                  iconPack: \"feather\",\r\n                  icon: \"check_box\",\r\n                  color: \"warning\",\r\n                });\r\n              }\r\n            })\r\n            .catch((error) => {\r\n              this.$vs.loading.close();\r\n              this.submitStatus = true;\r\n              console.log(\"error:\", error);\r\n            });\r\n        } else {\r\n          //form have errors\r\n        }\r\n      });\r\n    },\r\n\r\n    editPssword: function () {\r\n      let payload = {\r\n        user_password: this.newForm.password,\r\n        user_email: this.form.user_email,\r\n      };\r\n      console.log(\"payloadpayloadpayloadpayload :\", payload);\r\n      UserService.updateProfileInfo(payload)\r\n        .then((response) => {\r\n          const { data } = response;\r\n          if (data.Status) {\r\n            this.$vs.notify({\r\n              title: \"Updated!\",\r\n              text: data.Message,\r\n              iconPack: \"feather\",\r\n              icon: \"check_box\",\r\n              color: \"success\",\r\n            });\r\n            this.$forceUpdate();\r\n            this.clearForm();\r\n            this.newForm.password = \"\";\r\n            this.newForm.confirmPassword = \"\";\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          this.$vs.notify({\r\n            title: \"Error!\",\r\n            text: data.Message,\r\n            iconPack: \"feather\",\r\n            icon: \"check_box\",\r\n            color: \"warning\",\r\n          });\r\n        });\r\n    },\r\n\r\n    showModal() {\r\n      console.log(\"object :\");\r\n      this.popupActive = true;\r\n    },\r\n    getProfileDetails: function () {\r\n      UserService.getProfileInfo()\r\n        .then((response) => {\r\n          const { data } = response;\r\n          if (data.Status == false) {\r\n          } else {\r\n            this.profileInfo = data.data;\r\n            this.form = data.data;\r\n            window.localStorage.setItem(\"UserType\", data.data.checkUserType);\r\n            this.companyData = data.companyData;\r\n\r\n            let splitter = this.profileInfo[\"user_name\"]\r\n              ? this.profileInfo.user_name.split(\" \")\r\n              : \"\";\r\n            if (splitter.length > 1) {\r\n              this.firstChar =\r\n                splitter[0].charAt(0).toUpperCase() +\r\n                splitter[1].charAt(0).toUpperCase();\r\n            } else {\r\n              this.firstChar =\r\n                splitter[0].charAt(0).toUpperCase() +\r\n                splitter[0].charAt(1).toUpperCase();\r\n            }\r\n          }\r\n        })\r\n        .catch((err) => {});\r\n    },\r\n    loadContent() {\r\n      this.$vs.loading({\r\n        background: this.backgroundLoading,\r\n        color: this.colorLoading,\r\n        container: \"#button-load-more-posts\",\r\n        scale: 0.45,\r\n      });\r\n      setTimeout(() => {\r\n        this.$vs.loading.close(\"#button-load-more-posts > .con-vs-loading\");\r\n      }, 3000);\r\n    },\r\n  },\r\n  components: {\r\n    videoPlayer,\r\n    flatPickr,\r\n  },\r\n  mounted() {\r\n    this.getProfileDetails();\r\n    // this.wasSidebarOpen = this.$store.state.reduceButton;\r\n    // this.$store.commit(\"TOGGLE_REDUCE_BUTTON\", true);\r\n  },\r\n  beforeDestroy() {\r\n    if (!this.wasSidebarOpen) this.$store.commit(\"TOGGLE_REDUCE_BUTTON\", false);\r\n\r\n    let _id = document.getElementById(\"popmodalProfile\");\r\n    _id.setAttribute(\"style\", \"display: none;\");\r\n  },\r\n  beforeMount() {\r\n    this.userRole = localStorage.getItem(\"UserRole\");\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"@/assets/scss/vuesax/pages/profile.scss\";\r\n\r\n.table-edit-icon {\r\n  cursor: pointer;\r\n  height: 40px;\r\n  width: 40px;\r\n  color: #fff;\r\n  display: flex;\r\n  margin: 1px auto;\r\n  align-items: right;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;\r\n  background: rgba(var(--vs-primary), 1);\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!./Profile.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!./Profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Profile.vue?vue&type=template&id=561212de&\"\nimport script from \"./Profile.vue?vue&type=script&lang=js&\"\nexport * from \"./Profile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Profile.vue?vue&type=style&index=0&lang=scss&\"\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--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Profile.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Profile.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}