{"version":3,"sources":["webpack:///./src/pages/master/user/Form.vue?fcbd","webpack:///src/pages/master/user/Form.vue","webpack:///./src/pages/master/user/Form.vue?d2da","webpack:///./src/pages/master/user/Form.vue","webpack:///./src/pages/master/user/form-helper.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","_v","_s","$route","params","id","staticClass","attrs","ref","formData","validationRules","mode","model","callback","$$v","$set","Username","staticStyle","_l","item","index","key","RoleName","disabled","isSuperAdmin","RolesName","includes","_e","Company","DcoId","style","width","minRows","maxRows","on","submit","cancel","staticRenderFns","components","created","service","data","apiGetById","$appInfo","api","user","getById","apiPost","post","apiPut","put","roles","costumers","isSubmit","loading","methods","setDefaultCustomerId","isCustomer","CustomerName","computed","$store","state","auth","userData","beforeRouteLeave","next","answer","component","userId","passwordRequired","password","emptyData","Address","Fullname","Email","Password","validateName","idParam","router","history","current","axios","get","appInfo","isAvailableUsername","res","console","log","validateUsername","rule","regexExpression","RegExp","Error","test","validateEmail","regexExp","validatePassword","length","validatePasswordConfirmation","required","trigger","validator","PasswordVerified","Role","message","getEmptyData","getValidationRule","setUserId","setPasswordRequired","isRequired"],"mappings":"uHAAA,ICoJA,EDpJIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOT,EAAW,QAAEU,WAAW,aAAa,CAACN,EAAG,KAAK,CAACJ,EAAIW,GAAG,eAAeX,EAAIY,GAAGZ,EAAIa,OAAOC,OAAOC,GAAK,OAAS,aAAaX,EAAG,KAAK,CAACY,YAAY,SAASZ,EAAG,MAAM,CAACY,YAAY,OAAOC,MAAM,CAAC,GAAK,mBAAmB,CAACb,EAAG,UAAU,CAACc,IAAI,SAASD,MAAM,CAAC,MAAQjB,EAAImB,SAAS,MAAQnB,EAAIoB,gBAAgB,KAAO,SAAS,cAAc,SAAS,CAAe,SAAbpB,EAAIqB,KAAiBjB,EAAG,eAAe,CAACa,MAAM,CAAC,MAAQ,WAAW,KAAO,aAAa,CAACb,EAAG,WAAW,CAACa,MAAM,CAAC,YAAc,WAAW,UAAY,IAAIK,MAAM,CAACb,MAAOT,EAAImB,SAAiB,SAAEI,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAImB,SAAU,WAAYK,IAAMd,WAAW,wBAAwB,GAAGN,EAAG,MAAM,CAACY,YAAY,0CAA0C,CAACZ,EAAG,MAAM,CAACY,YAAY,4CAA4C,CAACZ,EAAG,QAAQ,CAACY,YAAY,sBAAsBC,MAAM,CAAC,IAAM,aAAa,CAACjB,EAAIW,GAAG,iBAAiBP,EAAG,MAAM,CAACY,YAAY,kBAAkB,CAAChB,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAImB,SAASO,UAAU,SAAStB,EAAG,MAAM,CAACY,YAAY,sDAAsD,CAACZ,EAAG,eAAe,CAACY,YAAY,SAASW,YAAY,CAAC,gBAAgB,QAAQV,MAAM,CAAC,MAAQ,WAAW,KAAO,WAAW,SAAwB,SAAbjB,EAAIqB,OAAkB,CAACjB,EAAG,WAAW,CAACa,MAAM,CAAC,YAAc,WAAW,UAAY,GAAG,gBAAgB,IAAIK,MAAM,CAACb,MAAOT,EAAImB,SAAiB,SAAEI,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAImB,SAAU,WAAYK,IAAMd,WAAW,wBAAwB,GAAGN,EAAG,eAAe,CAACY,YAAY,SAASC,MAAM,CAAC,MAAQ,mBAAmB,KAAO,mBAAmB,SAAwB,SAAbjB,EAAIqB,OAAkB,CAACjB,EAAG,WAAW,CAACa,MAAM,CAAC,YAAc,mBAAmB,UAAY,GAAG,gBAAgB,IAAIK,MAAM,CAACb,MAAOT,EAAImB,SAAyB,iBAAEI,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAImB,SAAU,mBAAoBK,IAAMd,WAAW,gCAAgC,IAAI,GAAGN,EAAG,eAAe,CAACa,MAAM,CAAC,MAAQ,WAAW,KAAO,aAAa,CAACb,EAAG,WAAW,CAACa,MAAM,CAAC,YAAc,WAAW,UAAY,IAAIK,MAAM,CAACb,MAAOT,EAAImB,SAAiB,SAAEI,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAImB,SAAU,WAAYK,IAAMd,WAAW,wBAAwB,GAAGN,EAAG,eAAe,CAACa,MAAM,CAAC,MAAQ,QAAQ,KAAO,UAAU,CAACb,EAAG,WAAW,CAACa,MAAM,CAAC,YAAc,QAAQ,UAAY,IAAIK,MAAM,CAACb,MAAOT,EAAImB,SAAc,MAAEI,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAImB,SAAU,QAASK,IAAMd,WAAW,qBAAqB,GAAGN,EAAG,eAAe,CAACE,WAAW,CAAC,CAACC,KAAK,GAAGC,QAAQ,OAAOS,MAAM,CAAC,MAAQ,QAAQ,KAAO,cAAc,CAACb,EAAG,YAAY,CAACY,YAAY,SAASC,MAAM,CAAC,YAAc,eAAe,UAAY,GAAG,SAAW,GAAG,WAAa,IAAIK,MAAM,CAACb,MAAOT,EAAImB,SAAkB,UAAEI,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAImB,SAAU,YAAaK,IAAMd,WAAW,uBAAuBV,EAAI4B,GAAI5B,EAAS,OAAE,SAAS6B,EAAKC,GAAO,OAAO1B,EAAG,YAAY,CAAC2B,IAAID,EAAMb,MAAM,CAAC,MAAQY,EAAKG,SAAS,MAAQH,EAAKG,SAAS,SAAWH,EAAKI,eAAc,IAAI,IACx6FjC,EAAIkC,cAEDlC,EAAImB,SAASgB,UAAUC,SAAS,qBAC7BpC,EAAImB,SAASgB,UAAUC,SAAS,gBAChCpC,EAAImB,SAASgB,UAAUC,SAAS,SAE+dpC,EAAIqC,KAAzgBjC,EAAG,eAAe,CAACa,MAAM,CAAC,MAAQ,YAAY,KAAO,iBAAiB,CAACb,EAAG,YAAY,CAACY,YAAY,SAASC,MAAM,CAAC,YAAc,mBAAmB,UAAY,GAAG,WAAa,GAAG,SAAWjB,EAAIkC,cAAcZ,MAAM,CAACb,MAAOT,EAAImB,SAAqB,aAAEI,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAImB,SAAU,eAAgBK,IAAMd,WAAW,0BAA0BV,EAAI4B,GAAI5B,EAAa,WAAE,SAAS6B,EAAKC,GAAO,OAAO1B,EAAG,YAAY,CAAC2B,IAAID,EAAMb,MAAM,CAAC,MAAQY,EAAKS,QAAQ,MAAQT,EAAKU,MAAM,SAAWV,EAAKI,eAAc,IAAI,GAAY7B,EAAG,eAAe,CAACa,MAAM,CAAC,MAAQ,UAAU,KAAO,YAAY,CAACb,EAAG,WAAW,CAACoC,MAAM,CAAGC,MAAO,QAAUxB,MAAM,CAAC,KAAO,WAAW,YAAc,UAAU,SAAW,CAAEyB,QAAS,EAAGC,QAAS,IAAKrB,MAAM,CAACb,MAAOT,EAAImB,SAAgB,QAAEI,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAImB,SAAU,UAAWK,IAAMd,WAAW,uBAAuB,GAAGN,EAAG,KAAK,CAACY,YAAY,SAASZ,EAAG,MAAM,CAACY,YAAY,qBAAqB,CAACZ,EAAG,YAAY,CAACa,MAAM,CAAC,KAAO,WAAW2B,GAAG,CAAC,MAAQ5C,EAAI6C,SAAS,CAAC7C,EAAIW,GAAG,YAAYP,EAAG,YAAY,CAACwC,GAAG,CAAC,MAAQ5C,EAAI8C,SAAS,CAAC9C,EAAIW,GAAG,aAAa,IAAI,IAAI,MACrkCoC,EAAkB,G,8EC8ItB,GACEC,WAAY,GAMZC,QAPF,WAQI,EAAJ,iDACIC,EAAU,IAAI,EAAlB,mBAEE,QAXF,WAWA,+JACA,aADA,SAEA,oBAFA,OAEA,WAFA,OAGA,cACA,kBACA,yBAGA,qBACA,cACA,wBAEA,aAZA,8CAcEC,KAzBF,WA0BI,MAAO,CACLC,WAAYnD,KAAKoD,SAASC,IAAIC,KAAKC,QACnCC,QAASxD,KAAKoD,SAASC,IAAIC,KAAKG,KAChCC,OAAQ1D,KAAKoD,SAASC,IAAIC,KAAKK,IAC/BzC,SAAU,EAAhB,oBACMC,gBAAiB,EAAvB,yBACMyC,MAAO,GACPC,UAAW,GACXzC,KAAM,GACN0C,UAAU,EACVC,SAAS,IAGbC,QAAS,CACPC,qBADJ,WAEUjE,KAAKkE,aACPlE,KAAKkB,SAASiD,aAAa,GAAKnE,KAAKsD,KAAKa,aAClD,0BACA,KAII,OATJ,WASA,wJACA,iBADA,8CAGI,OAZJ,WAYA,wJACA,oLACA,EADA,iCAGA,aACA,cAEA,kDAEA,qBAIA,mDACA,8CACA,0CAEA,mCAhBA,SAmBA,qBAnBA,OAoBA,iCACA,aArBA,qDAuBA,aACA,uBACA,kBAzBA,uCA4BA,uDACA,aA7BA,mBA8BA,GA9BA,iHADA,8CAmCI,UA/CJ,WA+CA,8KAEA,aAFA,SAGA,oDAHA,OAGA,EAHA,OAKA,eAGA,eACA,uBACA,kBACA,iEAIA,aAfA,qDAiBA,aACA,kBAlBA,6DAqBI,cApEJ,WAoEA,8KAEA,aAFA,SAGA,uBACA,iCAJA,OAGA,EAHA,OAMA,mBACA,aAPA,mDASA,aACA,kBAVA,6DAcEC,SAAU,CACRF,WADJ,WAEM,OAAOlE,KAAKqE,OAAOC,MAAMC,KAAKL,YAEhCjC,aAJJ,WAKM,OAAOjC,KAAKqE,OAAOC,MAAMC,KAAKtC,cAEhCqB,KAPJ,WAQM,OAAOtD,KAAKqE,OAAOC,MAAMC,KAAKC,WAGlCC,iBApIF,SAoIA,OACI,GAAKzE,KAAK8D,SAURY,QAVkB,CAClB,IAAN,iBACA,0DAEUC,EACFD,IAEAA,GAAK,MClS+V,I,YCOxWE,EAAY,eACd,EACA9E,EACAgD,GACA,EACA,KACA,KACA,MAIa,aAAA8B,E,gJCdXC,EAAS,GACTC,GAAmB,EACnBC,EAAW,GAGTC,EAAY,CAChBC,QAAS,GACTxD,SAAU,GACVyD,SAAU,GACVC,MAAO,GACPC,SAAU,GACVlD,UAAW,GACXiC,aAAc,IAGZkB,EAAY,yDAAG,WAAO/E,GAAP,2GAEXgF,EAAU,GACVxE,EAAK+D,GAAkBU,OAAOC,QAAQC,QAAQ5E,OAAOC,GAErDA,IACFwE,EAAU,WAAH,OAAcxE,IANR,SAQG4E,IAAMC,IACtBC,OAAQvC,IAAIC,KAAKuC,oBAAsB,aAAevF,EAAOgF,GAThD,cAQTQ,EARS,yBAWRA,EAAI5C,MAXI,qCAaf6C,QAAQC,IAAR,MAbe,0DAAH,sDAiBZC,EAAgB,yDAAG,WAAOC,EAAM1F,EAAOc,GAApB,0FACjB6E,EAAkB,IAAIC,OAAO,uBAEpB,IAAT5F,EAHiB,gBAInBc,EAAS,IAAI+E,MAAM,yBAJA,uCAKFhB,EAAa7E,GALX,kCAMnBc,EAAS,IAAI+E,MAAM,0BANA,wBAOTF,EAAgBG,KAAK9F,GAO/Bc,IANAA,EACE,IAAI+E,MACF,mGAVe,4CAAH,0DAkBhBE,EAAa,yDAAG,WAAOL,EAAM1F,EAAOc,GAApB,uFACZkF,EAAW,4JAEZA,EAASF,KAAK9F,GAEC,IAATA,EACTc,EAAS,IAAI+E,MAAM,sBAEnB/E,IAJAA,EAAS,IAAI+E,MAAM,8BAJH,2CAAH,0DAYbI,EAAgB,yDAAG,WAAOP,EAAM1F,EAAOc,GAApB,uFACfkF,EAAW,IAAIJ,OACnB,oDAGFrB,EAAWvE,GAENgG,EAASF,KAAK9F,IAAUA,EAAMkG,OAAS,EAC1CpF,EACE,IAAI+E,MACF,4FAGc,IAAT7F,GAAesE,EACxBxD,EAAS,IAAI+E,MAAM,yBAEnB/E,IAhBmB,2CAAH,0DAoBhBqF,EAA4B,yDAAG,WAAOT,EAAM1F,EAAOc,GAApB,uFAC3BkF,EAAW,IAAIJ,OACnB,oDAGiB5F,EAEfA,IAAUuE,GAAyB,KAAbA,EACxBzD,EAAS,IAAI+E,MAAM,wCACTG,EAASF,KAAK9F,IAAuB,KAAbuE,GAA6B,KAAVvE,EAMlC,KAAVA,GAAgBsE,EACzBxD,EAAS,IAAI+E,MAAM,sCAEnB/E,IARAA,EACE,IAAI+E,MACF,4FAZ2B,2CAAH,0DAsB5BlF,EAAkB,CACpBM,SAAU,CACR,CACEmF,UAAU,EACVC,QAAS,SACTC,UAAWb,IAGff,SAAU,CACR,CACE0B,UAAU,EACVC,QAAS,WAGb1B,MAAO,CACL,CACEyB,UAAU,EACVC,QAAS,SACTC,UAAWP,IAGfnB,SAAU,CACR,CACEwB,SAAU9B,EACV+B,QAAS,SACTC,UAAWL,IAGfM,iBAAkB,CAChB,CACEH,SAAU9B,EACV+B,QAAS,SACTC,UAAWH,IAGfK,KAAM,CACJ,CACEJ,UAAU,EACVC,QAAS,SAGb3E,UAAW,CACT,CACE0E,UAAU,EACVK,QAAS,2BACTJ,QAAS,SAGb1C,aAAc,IAQD,QACb+C,aADa,WAEX,OAAOlC,GAETmC,kBAJa,WAKX,OAAOhG,GAETiG,UAPa,SAOHtG,GACR+D,EAAS/D,GAEXuG,oBAVa,WAU0B,IAAnBC,IAAmB,yDACrCxC,EAAmBwC","file":"js/chunk-2b8d6159.0df82bfb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}]},[_c('h3',[_vm._v(\"User Form - \"+_vm._s(_vm.$route.params.id ? 'Edit' : 'Create'))]),_c('hr',{staticClass:\"my-4\"}),_c('div',{staticClass:\"pt-2\",attrs:{\"id\":\"form-container\"}},[_c('el-form',{ref:\"elForm\",attrs:{\"model\":_vm.formData,\"rules\":_vm.validationRules,\"size\":\"medium\",\"label-width\":\"auto\"}},[(_vm.mode !== 'edit')?_c('el-form-item',{attrs:{\"label\":\"Username\",\"prop\":\"Username\"}},[_c('el-input',{attrs:{\"placeholder\":\"Username\",\"clearable\":\"\"},model:{value:(_vm.formData.Username),callback:function ($$v) {_vm.$set(_vm.formData, \"Username\", $$v)},expression:\"formData.Username\"}})],1):_c('div',{staticClass:\"w-full el-form-item__content flex mb-2\"},[_c('div',{staticClass:\"el-form-item__label-wrap text-right w-32\"},[_c('label',{staticClass:\"el-form-item__label\",attrs:{\"for\":\"Username\"}},[_vm._v(\"Username \")])]),_c('div',{staticClass:\"font-bold ml-2\"},[_vm._v(\" \"+_vm._s(_vm.formData.Username)+\" \")])]),_c('div',{staticClass:\"flex space-x-0 space-y-2 lg:space-x-2 lg:space-y-0\"},[_c('el-form-item',{staticClass:\"w-full\",staticStyle:{\"margin-bottom\":\"35px\"},attrs:{\"label\":\"Password\",\"prop\":\"Password\",\"required\":_vm.mode !== 'edit'}},[_c('el-input',{attrs:{\"placeholder\":\"Password\",\"clearable\":\"\",\"show-password\":\"\"},model:{value:(_vm.formData.Password),callback:function ($$v) {_vm.$set(_vm.formData, \"Password\", $$v)},expression:\"formData.Password\"}})],1),_c('el-form-item',{staticClass:\"w-full\",attrs:{\"label\":\"Confirm Password\",\"prop\":\"PasswordVerified\",\"required\":_vm.mode !== 'edit'}},[_c('el-input',{attrs:{\"placeholder\":\"Confirm Password\",\"clearable\":\"\",\"show-password\":\"\"},model:{value:(_vm.formData.PasswordVerified),callback:function ($$v) {_vm.$set(_vm.formData, \"PasswordVerified\", $$v)},expression:\"formData.PasswordVerified\"}})],1)],1),_c('el-form-item',{attrs:{\"label\":\"Fullname\",\"prop\":\"Fullname\"}},[_c('el-input',{attrs:{\"placeholder\":\"Fullname\",\"clearable\":\"\"},model:{value:(_vm.formData.Fullname),callback:function ($$v) {_vm.$set(_vm.formData, \"Fullname\", $$v)},expression:\"formData.Fullname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Email\",\"prop\":\"Email\"}},[_c('el-input',{attrs:{\"placeholder\":\"Email\",\"clearable\":\"\"},model:{value:(_vm.formData.Email),callback:function ($$v) {_vm.$set(_vm.formData, \"Email\", $$v)},expression:\"formData.Email\"}})],1),_c('el-form-item',{directives:[{name:\"\",rawName:\"v-\"}],attrs:{\"label\":\"Roles\",\"prop\":\"RolesName\"}},[_c('el-select',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Select Roles\",\"clearable\":\"\",\"multiple\":\"\",\"filterable\":\"\"},model:{value:(_vm.formData.RolesName),callback:function ($$v) {_vm.$set(_vm.formData, \"RolesName\", $$v)},expression:\"formData.RolesName\"}},_vm._l((_vm.roles),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.RoleName,\"value\":item.RoleName,\"disabled\":item.disabled}})}),1)],1),(\n          _vm.isSuperAdmin\n          && (\n            !_vm.formData.RolesName.includes('TM Administrator')\n            && !_vm.formData.RolesName.includes('Super Admin')\n            && !_vm.formData.RolesName.includes('Staff')\n          )\n        )?_c('el-form-item',{attrs:{\"label\":\"Customers\",\"prop\":\"CustomerName\"}},[_c('el-select',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Select Customers\",\"clearable\":\"\",\"filterable\":\"\",\"multiple\":_vm.isSuperAdmin},model:{value:(_vm.formData.CustomerName),callback:function ($$v) {_vm.$set(_vm.formData, \"CustomerName\", $$v)},expression:\"formData.CustomerName\"}},_vm._l((_vm.costumers),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.Company,\"value\":item.DcoId,\"disabled\":item.disabled}})}),1)],1):_vm._e(),_c('el-form-item',{attrs:{\"label\":\"Address\",\"prop\":\"Address\"}},[_c('el-input',{style:({ width: '100%' }),attrs:{\"type\":\"textarea\",\"placeholder\":\"Address\",\"autosize\":{ minRows: 4, maxRows: 4 }},model:{value:(_vm.formData.Address),callback:function ($$v) {_vm.$set(_vm.formData, \"Address\", $$v)},expression:\"formData.Address\"}})],1),_c('hr',{staticClass:\"my-4\"}),_c('div',{staticClass:\"w-full text-right\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.submit}},[_vm._v(\"Submit\")]),_c('el-button',{on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")])],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-loading=\"loading\">\n    <h3>User Form - {{ $route.params.id ? 'Edit' : 'Create' }}</h3>\n    <hr class=\"my-4\" />\n    <div id=\"form-container\" class=\"pt-2\">\n      <el-form\n        ref=\"elForm\"\n        :model=\"formData\"\n        :rules=\"validationRules\"\n        size=\"medium\"\n        label-width=\"auto\"\n      >\n        <el-form-item label=\"Username\" prop=\"Username\" v-if=\"mode !== 'edit'\">\n          <el-input\n            v-model=\"formData.Username\"\n            placeholder=\"Username\"\n            clearable\n          >\n          </el-input>\n        </el-form-item>\n        <div class=\"w-full el-form-item__content flex mb-2\" v-else>\n          <div class=\"el-form-item__label-wrap text-right w-32\">\n            <label for=\"Username\" class=\"el-form-item__label\">Username </label>\n          </div>\n          <div class=\"font-bold ml-2\">\n            {{ formData.Username }}\n          </div>\n        </div>\n\n        <div class=\"flex space-x-0 space-y-2 lg:space-x-2 lg:space-y-0\">\n          <el-form-item\n            label=\"Password\"\n            class=\"w-full\"\n            prop=\"Password\"\n            style=\"margin-bottom: 35px;\"\n            :required=\"mode !== 'edit'\"\n          >\n            <el-input\n              v-model=\"formData.Password\"\n              placeholder=\"Password\"\n              clearable\n              show-password\n            ></el-input>\n          </el-form-item>\n          <el-form-item\n            label=\"Confirm Password\"\n            class=\"w-full\"\n            prop=\"PasswordVerified\"\n            :required=\"mode !== 'edit'\"\n          >\n            <el-input\n              v-model=\"formData.PasswordVerified\"\n              placeholder=\"Confirm Password\"\n              clearable\n              show-password\n            ></el-input>\n          </el-form-item>\n        </div>\n\n        <el-form-item label=\"Fullname\" prop=\"Fullname\">\n          <el-input\n            v-model=\"formData.Fullname\"\n            placeholder=\"Fullname\"\n            clearable\n          >\n          </el-input>\n        </el-form-item>\n        <el-form-item label=\"Email\" prop=\"Email\">\n          <el-input\n            v-model=\"formData.Email\"\n            placeholder=\"Email\"\n            clearable\n          ></el-input>\n        </el-form-item>\n\n        <el-form-item label=\"Roles\" prop=\"RolesName\" v->\n          <el-select\n            v-model=\"formData.RolesName\"\n            placeholder=\"Select Roles\"\n            class=\"w-full\"\n            clearable\n            multiple\n            filterable\n          >\n            <el-option\n              v-for=\"(item, index) in roles\"\n              :key=\"index\"\n              :label=\"item.RoleName\"\n              :value=\"item.RoleName\"\n              :disabled=\"item.disabled\"\n            ></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item\n          label=\"Customers\"\n          prop=\"CustomerName\"\n          v-if=\"\n            isSuperAdmin\n            && (\n              !formData.RolesName.includes('TM Administrator')\n              && !formData.RolesName.includes('Super Admin')\n              && !formData.RolesName.includes('Staff')\n            )\n          \"\n        >\n          <el-select\n            v-model=\"formData.CustomerName\"\n            placeholder=\"Select Customers\"\n            class=\"w-full\"\n            clearable\n            filterable\n            :multiple=\"isSuperAdmin\"\n          >\n            <el-option\n              v-for=\"(item, index) in costumers\"\n              :key=\"index\"\n              :label=\"item.Company\"\n              :value=\"item.DcoId\"\n              :disabled=\"item.disabled\"\n            ></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"Address\" prop=\"Address\">\n          <el-input\n            v-model=\"formData.Address\"\n            type=\"textarea\"\n            placeholder=\"Address\"\n            :autosize=\"{ minRows: 4, maxRows: 4 }\"\n            :style=\"{ width: '100%' }\"\n          ></el-input>\n        </el-form-item>\n\n        <hr class=\"my-4\" />\n        <div class=\"w-full text-right\">\n          <el-button type=\"primary\" @click=\"submit\">Submit</el-button>\n          <el-button @click=\"cancel\">Cancel</el-button>\n        </div>\n      </el-form>\n    </div>\n  </div>\n</template>\n\n<script>\nimport formService from '@/mixins/FormService'\nimport formHelper from './form-helper'\n// import { DxButton } from 'devextreme-vue'\n// import { DxForm, DxSimpleItem, DxLabel } from 'devextreme-vue/form'\n\nlet service\n\nexport default {\n  components: {\n    // DxButton,\n    // DxForm,\n    // DxSimpleItem,\n    // DxLabel\n  },\n  created() {\n    formHelper.setPasswordRequired(!this.$route.params.id)\n    service = new formService(this, formHelper)\n  },\n  async mounted() {\n    this.loading = true\n    this.formData = await service.initialFormData()\n    this.fetchRole()\n    this.fetchCustomer()\n    this.setDefaultCustomerId()\n\n    // set mode\n    if (this.$route.params.id) {\n      this.mode = 'edit'\n      this.formData.Password = ''\n    }\n    this.loading = false\n  },\n  data() {\n    return {\n      apiGetById: this.$appInfo.api.user.getById,\n      apiPost: this.$appInfo.api.user.post,\n      apiPut: this.$appInfo.api.user.put,\n      formData: formHelper.getEmptyData(),\n      validationRules: formHelper.getValidationRule(),\n      roles: [],\n      costumers: [],\n      mode: '',\n      isSubmit: false,\n      loading: false\n    }\n  },\n  methods: {\n    setDefaultCustomerId() {\n      if (this.isCustomer) {\n        this.formData.CustomerName[0] = this.user.CustomerName\n          ? this.user.CustomerName[0]\n          : ''\n      }\n    },\n\n    async cancel() {\n      this.$router.go(-1)\n    },\n    async submit() {\n      this.$refs.elForm.validate(async (valid) => {\n        if (valid) {\n          try {\n            this.loading = true\n            this.isSubmit = true\n\n            if (this.mode === 'edit' && this.formData.Password === '') {\n              //hapus property password jika kosong\n              delete this.formData.Password\n            }\n\n            if (\n              this.formData.RolesName.includes('TM Administrator') ||\n              this.formData.RolesName.includes('Super Admin') ||\n              this.formData.RolesName.includes('Staff')\n            ) {\n              this.formData.CustomerName = ['owner']\n            }\n\n            await service.submit(this.formData)\n            this.$message.success('Data Saved')\n            this.loading = false\n          } catch (e) {\n            this.loading = false\n            this.$message.error(e)\n            console.log(e)\n          }\n        } else {\n          this.$message.warning('Please fill in the required data')\n          this.loading = false\n          return false\n        }\n      })\n    },\n    async fetchRole() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(`${this.$appInfo.api.role.getAll}`)\n\n        this.roles = res.data\n\n        // filter customer role\n        if (this.isCustomer) {\n          this.roles = res.data.filter(\n            (x) =>\n              x.RoleName === 'Customer Staff' || x.RoleName === 'Customer Admin'\n          )\n        }\n\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\n    },\n    async fetchCustomer() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(\n          `${this.$appInfo.api.customer.getAll}`\n        )\n        this.costumers = res.data\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\n    }\n  },\n  computed: {\n    isCustomer() {\n      return this.$store.state.auth.isCustomer\n    },\n    isSuperAdmin() {\n      return this.$store.state.auth.isSuperAdmin\n    },\n    user() {\n      return this.$store.state.auth.userData\n    }\n  },\n  beforeRouteLeave(to, from, next) {\n    if (!this.isSubmit) {\n      const answer = window.confirm(\n        'Do you really want to leave? you have unsaved changes!'\n      )\n      if (answer) {\n        next()\n      } else {\n        next(false)\n      }\n    } else {\n      next()\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Form.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Form.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Form.vue?vue&type=template&id=006fcab6&\"\nimport script from \"./Form.vue?vue&type=script&lang=js&\"\nexport * from \"./Form.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 appInfo from '@/app-info'\nimport axios from 'axios'\nimport router from '@/router'\n\nvar userId = ''\nvar passwordRequired = false\nvar password = ''\nvar passwordVerified = ''\n\nconst emptyData = {\n  Address: '',\n  Username: '',\n  Fullname: '',\n  Email: '',\n  Password: '',\n  RolesName: [],\n  CustomerName: []\n}\n\nvar validateName = async (name) => {\n  try {\n    var idParam = ''\n    var id = userId ? userId : router.history.current.params.id\n\n    if (id) {\n      idParam = `&userId=${id}`\n    }\n    const res = await axios.get(\n      appInfo.api.user.isAvailableUsername + '?username=' + name + idParam\n    )\n    return res.data\n  } catch (e) {\n    console.log(e)\n  }\n}\n\nvar validateUsername = async (rule, value, callback) => {\n  var regexExpression = new RegExp('^[a-z0-9_-]{3,255}$')\n\n  if (value == '') {\n    callback(new Error('Username is required'))\n  } else if (!(await validateName(value))) {\n    callback(new Error('Username Already used'))\n  } else if (!regexExpression.test(value)) {\n    callback(\n      new Error(\n        'Invalid Username, Min. 3 characters and Max. 255 characters, and cannot use special characters'\n      )\n    )\n  } else {\n    callback()\n  }\n}\n\nvar validateEmail = async (rule, value, callback) => {\n  const regexExp = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n\n  if (!regexExp.test(value)) {\n    callback(new Error('Email format is incorrect'))\n  } else if (value == '') {\n    callback(new Error('Email is required'))\n  } else {\n    callback()\n  }\n}\n\nvar validatePassword = async (rule, value, callback) => {\n  const regexExp = new RegExp(\n    '^(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])(?=.{8,})'\n  )\n  // assign password\n  password = value\n\n  if (!regexExp.test(value) && value.length > 0) {\n    callback(\n      new Error(\n        'At least 8 characters long, contain uppercase lowercase letters, and special characters'\n      )\n    )\n  } else if (value == '' && passwordRequired) {\n    callback(new Error('Password is required'))\n  } else {\n    callback()\n  }\n}\n\nvar validatePasswordConfirmation = async (rule, value, callback) => {\n  const regexExp = new RegExp(\n    '^(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])(?=.{8,})'\n  )\n  // assign password\n  passwordVerified = value\n\n  if (value !== password && password !== '') {\n    callback(new Error(\"Password confirmation doesn't match\"))\n  } else if (!regexExp.test(value) && password !== '' && value !== '') {\n    callback(\n      new Error(\n        'At least 8 characters long, contain uppercase lowercase letters, and special characters'\n      )\n    )\n  } else if (value === '' && passwordRequired) {\n    callback(new Error('Password Confirmation is required'))\n  } else {\n    callback()\n  }\n}\n\nvar validationRules = {\n  Username: [\n    {\n      required: true,\n      trigger: 'change',\n      validator: validateUsername\n    }\n  ],\n  Fullname: [\n    {\n      required: true,\n      trigger: 'change'\n    }\n  ],\n  Email: [\n    {\n      required: true,\n      trigger: 'change',\n      validator: validateEmail\n    }\n  ],\n  Password: [\n    {\n      required: passwordRequired,\n      trigger: 'change',\n      validator: validatePassword\n    }\n  ],\n  PasswordVerified: [\n    {\n      required: passwordRequired,\n      trigger: 'change',\n      validator: validatePasswordConfirmation\n    }\n  ],\n  Role: [\n    {\n      required: true,\n      trigger: 'blur'\n    }\n  ],\n  RolesName: [\n    {\n      required: true,\n      message: 'At least select one Role',\n      trigger: 'blur'\n    }\n  ],\n  CustomerName: []\n  // CustomerName: [{\n  // \trequired: true,\n  // \tmessage: 'At least select one Tenant',\n  // \ttrigger: 'change'\n  // }],\n}\n\nexport default {\n  getEmptyData() {\n    return emptyData\n  },\n  getValidationRule() {\n    return validationRules\n  },\n  setUserId(id) {\n    userId = id\n  },\n  setPasswordRequired(isRequired = true) {\n    passwordRequired = isRequired\n  }\n}\n"],"sourceRoot":""}