????
Your IP : 3.17.81.34
var K=Object.defineProperty;var A=(l,o,i)=>o in l?K(l,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):l[o]=i;var r=(l,o,i)=>(A(l,typeof o!="symbol"?o+"":o,i),i);import{e as m,q as I,_ as H,R as y,f as M,r as D,j as e,P as L,n as E}from"./vendor-4ed091cd.js";import{R as C,C as a}from"./Col-36d78327.js";import{_ as w}from"./assertThisInitialized-081f9914.js";import{t as $,m as B,c as O}from"./utils-edee7d6b.js";import{F as d,L as g}from"./Label-39c7142b.js";import{I as b}from"./InputText-6620863b.js";import{T as V}from"./ToastDetail-1eff85f2.js";import{C as z}from"./Container-1ee99ed5.js";import{T as _,h as R,C as c,f as k,n as U,o as G,d as W}from"./index-8ef13bef.js";import{P}from"./Password-2ed3b1cd.js";import"./moment-244f9271.js";import{C as q}from"./DialogCustomize-d5360f8b.js";import{a as Q,B as S}from"./ButtonSave-208099f2.js";import{B as F,F as Y}from"./Button-7f5efc58.js";import{N as J}from"./number-format-b7a5df47.js";import"./Input-52c69567.js";import"./Input-8880938a.js";import"./interopRequireDefault-01ffd8a5.js";import"./extends-bd5ce585.js";import"./defaultTheme-bc77a192.js";import"./defineProperty-f749b14d.js";import"./withStyles-4e08e0b0.js";import"./capitalize-6ac56943.js";import"./DialogContent-8627e888.js";import"./classCallCheck-22a738c0.js";import"./Button-73af635f.js";var X=["className","cssModule","inline","tag","innerRef"],Z={children:m.node,inline:m.bool,tag:$,innerRef:m.oneOfType([m.object,m.func,m.string]),className:m.string,cssModule:m.object},ee={tag:"form"},v=function(l){I(o,l);function o(s){var t;return t=l.call(this,s)||this,t.getRef=t.getRef.bind(w(t)),t.submit=t.submit.bind(w(t)),t}var i=o.prototype;return i.getRef=function(t){this.props.innerRef&&this.props.innerRef(t),this.ref=t},i.submit=function(){this.ref&&this.ref.submit()},i.render=function(){var t=this.props,n=t.className,h=t.cssModule,p=t.inline,f=t.tag,x=t.innerRef,j=H(t,X),T=B(O(n,p?"form-inline":!1),h);return y.createElement(f,M({},j,{ref:x,className:T}))},o}(D.Component);v.propTypes=Z;v.defaultProps=ee;const ie=v,N=l=>{const{children:o,...i}=l;return e.jsxs(F,{color:"secondary",...i,children:[e.jsx(Y,{fa:"repeat"})," ",o]})};N.propTypes={children:L.any};N.defaultProps={};const te=N,se=E.div`
position: relative;
width: 120px;
height: 120px;
cursor: pointer;
border-radius: 50em;
background-color: #FFF;
border: 1px solid #e8e8e8;
display: flex;
align-items: center;
justify-content: center;
.avatar-img {
border-radius: 50em;
// margin: 4%;
width: 110px;
height: 110px;
}
.img__description_layer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(36, 62, 206, 0.6);
background-clip: content-box;
color: #fff;
visibility: hidden;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50em;
}
&:hover .img__description_layer {
visibility: visible;
opacity: 1;
}
.img__description {
transition: .2s;
transform: translateY(1em);
}
&:hover .img__description {
transform: translateY(0);
}
`;class De extends D.Component{constructor(i){super(i);r(this,"handleReset",()=>{this.get_API_tai_khoan()});r(this,"handleChangeDate",(i,s)=>{this.setState({[i]:s})});r(this,"handleChange",i=>{const{name:s,value:t}=i.target;this.setState({[s]:t}),console.log(i)});r(this,"handlChangePassword",()=>{const{passwordNew:i,passwordNew1:s}=this.state;if(i===""){c("Vui lòng nhập mật khẩu mới!");return}if(s===""){c("Vui lòng nhập lại mật khẩu!");return}if(i!==s){c("Mật khẩu nhập lại không khớp!");return}let t={ma_tai_khoan:_.MaTaiKhoan,mat_khau_moi:i,NhapLaiMatKhau:s};R("QuanLyTaiKhoan/CapLaiMatKhau","POST",JSON.stringify(t),!1).then(n=>{k(`${n} Vui lòng đăng nhập lại!`).then(()=>U())})});r(this,"handleChangeImage",i=>{i.preventDefault();var s=/\.(jpg|png)$/i.test(i.target.value);if(console.log(s),!s){c("Vui lòng chọn file ảnh hợp lệ!");return}let t=new FileReader,n=i.target.files[0];console.log(n),t.onloadend=()=>{this.setState({imagePreviewUrl:t.result})},n&&t.readAsDataURL(n)});r(this,"refreshPage",()=>{this.props.history.push("/login")});r(this,"handleChangeInfo",()=>{const{email:i,tenHienThi:s,dienThoai:t}=this.state,n=_.MaTaiKhoan;console.log(this.myRef.files[0]);let h=new FormData;h.append("MaTaiKhoan",n),h.append("TenHienThi",s),h.append("Email",i),h.append("DienThoai",t),h.append("HinhAnh",this.myRef.files[0]),s?i?t?G("QuanLyTaiKhoan/ChinhSuaThongTin","POST",h).then(p=>{console.log(p),k("Chỉnh sửa thành công!")}):c("Vui lòng nhập số điện thoại!"):c("Vui lòng nhập email!"):c("Vui lòng nhập tên hiển thị!")});r(this,"toggle",()=>{this.setState(i=>({collapse:!i.collapse,isOpenDialog:!0}))});r(this,"triggerInputFile",()=>this.myRef.click());r(this,"handleCloseDialog",()=>{this.setState({isOpenDialog:!1})});r(this,"renderButton",()=>e.jsxs("div",{children:[e.jsx(Q,{onClick:this.handleCloseDialog,children:"Hủy"}),e.jsx(S,{onClick:this.handlChangePassword,children:"Lưu"})]}));this.state={hoTen:"",dienThoai:"",email:"",passwordNew:"",passwordNew1:"",tenHienThi:"",thongTinTK:"",hinhAnh:"",collapse:!1,imagePreviewUrl:"",isOpenDialog:!1},this.myRef=y.createRef(),this.myForm=y.createRef()}get_API_tai_khoan(){const s=`TaiKhoans?$filter=MaTaiKhoan eq '${_.MaTaiKhoan}' &&$select=TenHienThi,Email,HinhAnh,DienThoai`;R(s,"GET",null).then(async t=>{const n=t.value[0];console.log(n),this.setState({hoTen:n.HoVaTen||"",tenHienThi:n.TenHienThi||"",dienThoai:n.DienThoai||"",hinhAnh:n.HinhAnh,email:n.Email||""})}).catch(t=>console.log(t.message))}componentDidMount(){this.get_API_tai_khoan()}render(){const{email:i,tenHienThi:s,nguoiTao:t,dienThoai:n,passwordNew:h,passwordNew1:p,hinhAnh:f,imagePreviewUrl:x,isOpenDialog:j}=this.state;let T=x||(f?`${W}/${f}`:"./assets/img/avatar.png");return e.jsxs(z,{children:[e.jsxs(V,{title:"Thông tin tài khoản",paddingRight:!1,paddingLeft:!1,children:[e.jsx(C,{children:e.jsx(a,{lg:{size:8,offset:2},children:e.jsx("img",{src:"./assets/img/anhbia.jpg",height:140,width:"100%",alt:"Nhấp chuột để thay đổi ảnh đại diện"})})}),e.jsxs(C,{children:[e.jsx(a,{lg:{size:1,offset:3},xs:{size:3,offset:1},style:{marginTop:"-75px"},children:e.jsxs(se,{onClick:this.triggerInputFile,children:[e.jsx("img",{src:T,alt:"avatar",className:"avatar-img"}),e.jsx("div",{className:"img__description_layer",children:e.jsx("p",{className:"img__description",children:"Chọn ảnh"})})]})}),e.jsx(a,{lg:"7",className:"mt-3 pt-5 pb-4",children:e.jsxs(ie,{action:"",method:"post",encType:"multipart/form-data",className:"form-horizontal",onSubmit:this._onSubmit,ref:u=>this.myForm=u,children:[e.jsx("input",{type:"file",ref:u=>this.myRef=u,style:{display:"none"},onChange:this.handleChangeImage,accept:"image/*"}),e.jsx(C,{children:e.jsxs(a,{children:[e.jsxs(d,{row:!0,children:[e.jsx(a,{md:"2",children:e.jsx(g,{htmlFor:"text-input",children:"Tên hiển thị"})}),e.jsx(a,{md:"5",children:e.jsx(b,{value:s,name:"tenHienThi",placeholder:"Nhập tên hiển thị",onChange:this.handleChange})})]}),e.jsxs(d,{row:!0,children:[e.jsx(a,{md:"2",children:e.jsx(g,{children:"Email"})}),e.jsx(a,{md:"5",children:e.jsx(b,{value:i,name:"email",placeholder:"Nhập email",onChange:this.handleChange})})]}),e.jsxs(d,{row:!0,children:[e.jsx(a,{md:"2",children:e.jsx(g,{children:"Số điện thoại"})}),e.jsx(a,{md:"5",children:e.jsx(J,{value:n,thousandSeparator:!0,decimalScale:0,onValueChange:u=>this.setState({dienThoai:u.value}),className:"form-control-sm form-control",format:"+84 (####)-###-###",mask:"_"})})]})]})}),e.jsx(d,{row:!0,className:"pt-2",children:e.jsxs(a,{xs:"12",lg:{size:12,offset:2},children:[e.jsx(te,{onClick:this.handleReset,children:"Đặt lại"})," ",e.jsx(S,{onClick:this.handleChangeInfo,children:"Lưu"})," ",e.jsxs(F,{color:"info",onClick:this.toggle,children:[e.jsx("i",{className:"fa fa-unlock-alt"})," Đổi mật khẩu"]})]})})]})})]})]}),e.jsxs(q,{open:j,handleClose:this.handleCloseDialog,title:"Đổi mật khẩu",maxWidth:"xs",renderButton:this.renderButton(),children:[e.jsxs(d,{row:!0,children:[e.jsx(a,{md:"4",children:e.jsx(g,{htmlFor:"select",children:"Mật khẩu mới"})}),e.jsx(a,{md:"8",children:e.jsx(P,{value:h,name:"passwordNew",placeholder:"Nhập mật khẩu mới",onChange:this.handleChange})})]}),e.jsxs(d,{row:!0,children:[e.jsx(a,{md:"4",children:e.jsx(g,{htmlFor:"select",children:"Nhập lại mật khẩu mới"})}),e.jsx(a,{md:"8",children:e.jsx(P,{value:p,name:"passwordNew1",placeholder:"Nhập lại mật khẩu mới",onChange:this.handleChange})})]})]})]})}}export{De as default};