\r\n
\r\n
\r\n
\r\n {this.state.showAvatar &&
\r\n\r\n
{\r\n if (!this.props.readonly) {\r\n this.setState({ avatar: f });\r\n this.props.handleChange('avatar', f);\r\n }\r\n }}\r\n style={{ width: '70px', height: '70px', borderRadius: '50%', border: `1px solid ${this.state.color2}44` }}\r\n />\r\n }\r\n
\r\n
this.props.onContentChanged(e, 'fullName')} >{this.state.fullName} \r\n {this.state.showMySmallDesc && < Div onBlur={e => this.props.onContentChanged(e, 'mySmallDesc')}>{this.state.mySmallDesc}}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n this.props.onContentChanged(e, 'birthDate')}\r\n onRemove={() => this.remove('showBirthDate')} >\r\n {this.state.birthDate}\r\n \r\n\r\n this.props.onContentChanged(e, 'address')} >\r\n {this.state.address}\r\n \r\n\r\n this.props.onContentChanged(e, 'tel')} >\r\n {this.state.tel}\r\n \r\n\r\n this.props.onContentChanged(e, 'email')}\r\n onRemove={() => this.remove('email')} >\r\n {this.state.email}\r\n \r\n\r\n this.props.onContentChanged(e, 'site')}\r\n onRemove={() => this.remove('showSite')} >\r\n {this.state.site}\r\n \r\n\r\n this.props.onContentChanged(e, 'github')}\r\n onRemove={() => this.remove('showGithub')} >\r\n {this.state.github}\r\n \r\n\r\n this.props.onContentChanged(e, 'linkeIn')}\r\n onRemove={() => this.remove('showLinkedIn')} >\r\n {this.state.linkeIn}\r\n \r\n\r\n this.props.onContentChanged(e, 'marriage')}\r\n onRemove={() => this.remove('showMarriage')} >\r\n {this.state.marriage}\r\n \r\n\r\n this.props.onContentChanged(e, 'militaryService')}\r\n onRemove={() => this.remove('showMilitaryService')} >\r\n {this.state.militaryService}\r\n \r\n\r\n\r\n
\r\n
\r\n\r\n
\r\n\r\n {this.state.showSummery &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleSummery')} className='h6 aviny'>{this.state.titleSummery} \r\n
\r\n
this.props.onContentChanged(e, 'summery')} >{this.state.summery}
\r\n {/*
*/}\r\n\r\n
\r\n }\r\n\r\n {this.state.educations.length > 0 &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleEducations')} className='h6 aviny'>{this.state.titleEducations} \r\n {this.props.readonly || { this.setState({ educations: [...this.state.educations, consts.educationsTemp] }) }} className=\"add-btn noPrint\">{consts.add} }\r\n
\r\n
\r\n
\r\n {this.state.educations.map((x, i) =>\r\n \r\n this.props.onContentEditedInList(e, 'educations', i, 'level')} className='pe-4' style={{ color: this.state.color2 }} >{x.level} \r\n this.props.onContentEditedInList(e, 'educations', i, 'year')} >{x.year} -\r\n this.props.onContentEditedInList(e, 'educations', i, 'university')} >{x.university} –\r\n this.props.onContentEditedInList(e, 'educations', i, 'city')} >{x.city} –\r\n this.props.onContentEditedInList(e, 'educations', i, 'field')} >{x.field} \r\n\r\n {this.props.readonly ||\r\n this.up('educations', i)}\r\n onDown={() => this.down('educations', i)}\r\n onRemove={() => this.remove('educations', i)}\r\n />}\r\n )}\r\n \r\n
\r\n
\r\n }\r\n\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleSkills')} className='h6 aviny'>{this.state.titleSkills} \r\n {this.props.readonly || { this.setState({ skills: [...this.state.skills, consts.skillsTemp] }) }} className=\"add-btn noPrint\">{consts.add} }\r\n
\r\n
\r\n {this.state.skills.map((x, i) =>\r\n
\r\n this.props.onContentEditedInList(e, 'skills', i, 'title')}\r\n ocRatechange={(e, r) => this.props.onRatechange(e, 'skills', i, r)}\r\n retedcolor={this.state.color2}\r\n\r\n >{x.title}\r\n {this.props.readonly ||\r\n this.up('skills', i)}\r\n onDown={() => this.down('skills', i)}\r\n onRemove={() => this.remove('skills', i)}\r\n />}\r\n\r\n
\r\n )}\r\n
\r\n
\r\n\r\n {this.state.workExperinces.length > 0 &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleWorkExperince')} className='h6 aviny'>{this.state.titleWorkExperince} \r\n {this.props.readonly || { this.setState({ workExperinces: [...this.state.workExperinces, consts.workExperincesTemp] }) }} className=\"add-btn noPrint\">{consts.add} }\r\n
\r\n
\r\n
\r\n {this.state.workExperinces.map((x, i) =>\r\n 0 && \"mt-2\"}>\r\n this.props.onContentEditedInList(e, 'workExperinces', i, 'name')} className='me-3' style={{ color: this.state.color2 }} contenteditable=\"true\">{x.name} \r\n \r\n this.props.onContentEditedInList(e, 'workExperinces', i, 'from')} className='text-gray aviny'>{x.from} -\r\n this.props.onContentEditedInList(e, 'workExperinces', i, 'until')} className='text-gray aviny'>{x.until} \r\n
\r\n\r\n {this.props.readonly ||\r\n this.up('workExperinces', i)}\r\n onDown={() => this.down('workExperinces', i)}\r\n onRemove={() => this.remove('workExperinces', i)}\r\n />}\r\n \r\n
this.props.onContentEditedInList(e, 'workExperinces', i, 'title')} contenteditable=\"true\" style={{ fontWeight: 'bold' }}>{x.title} \r\n
this.props.onContentEditedInList(e, 'workExperinces', i, 'desc')} >{x.desc}
\r\n
)}\r\n \r\n
\r\n
\r\n }\r\n\r\n {this.state.freelanceProjects.length > 0 &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleFreelanceProjects')} className='h6 aviny'>{this.state.titleFreelanceProjects} \r\n {this.props.readonly || { this.setState({ freelanceProjects: [...this.state.freelanceProjects, consts.freelanceProjectsTemp] }) }} className=\"add-btn noPrint\">{consts.add} }\r\n
\r\n
\r\n
\r\n {this.state.freelanceProjects.map((x, i) =>\r\n 0 && \"mt-2\"}>\r\n this.props.onContentEditedInList(e, 'freelanceProjects', i, 'name')} className=' me-3' style={{ color: this.state.color2 }} contenteditable=\"true\">{x.name} \r\n {this.props.readonly ||\r\n this.up('freelanceProjects', i)}\r\n onDown={() => this.down('freelanceProjects', i)}\r\n onRemove={() => this.remove('freelanceProjects', i)}\r\n />} \r\n
this.props.onContentEditedInList(e, 'freelanceProjects', i, 'desc')} >{x.desc}
\r\n
)}\r\n \r\n
\r\n
\r\n }\r\n\r\n {this.state.languages.length > 0 &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleLanguages')} className='h6 aviny'>{this.state.titleLanguages} \r\n {this.props.readonly || { this.setState({ languages: [...this.state.languages, consts.languagesTemp] }) }} className=\"add-btn noPrint\">{consts.add} }\r\n
\r\n
\r\n {this.state.languages.map((x, i) =>\r\n
\r\n this.props.onContentEditedInList(e, 'languages', i, 'title')}\r\n ocRatechange={(e, r) => this.props.onRatechange(e, 'languages', i, r)}\r\n retedcolor={this.state.color2}\r\n >{x.title} \r\n {this.props.readonly ||\r\n this.up('languages', i)}\r\n onDown={() => this.down('languages', i)}\r\n onRemove={() => this.remove('languages', i)}\r\n />}\r\n
\r\n )}\r\n
\r\n
\r\n }\r\n\r\n {this.state.certificates.length > 0 &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleCertificates')} className='h6 aviny'>{this.state.titleCertificates} \r\n {this.props.readonly || { this.setState({ certificates: [...this.state.certificates, consts.certificatesTemp] }) }} className=\"add-btn noPrint\">{consts.add} }\r\n
\r\n
\r\n
\r\n {this.state.certificates.map((x, i) =>\r\n 0 && \"mt-2\"}>\r\n this.props.onContentEditedInList(e, 'certificates', i, 'title')} className='me-3' style={{ color: this.state.color2 }}> \r\n this.props.onContentEditedInList(e, 'certificates', i, 'date')} className='text-gray me-3 float-end aviny'>{x.date} \r\n {this.props.readonly ||\r\n this.up('certificates', i)}\r\n onDown={() => this.down('certificates', i)}\r\n onRemove={() => this.remove('certificates', i)}\r\n />} \r\n
this.props.onContentEditedInList(e, 'certificates', i, 'desc')} >{x.desc}
\r\n
)}\r\n \r\n
\r\n
\r\n }\r\n
\r\n
\r\n\r\n
\r\n {this.state.showAvatar && <>\r\n
{ this.setState({ avatar: f }); this.props.handleChange('avatar', f); }}\r\n style={{ minWidth: '200px', minHeight: '140px', border: '0px solid lightpink' }}\r\n />\r\n }\r\n \r\n
this.props.onContentChanged(e, 'fullName')}>{this.state.fullName} \r\n {this.state.showMySmallDesc &&
this.props.onContentChanged(e, 'mySmallDesc')} className='mb-4'>{this.state.mySmallDesc}
}\r\n\r\n
\r\n
\r\n this.props.onContentChanged(e, 'birthDate')}\r\n onRemove={() => this.remove('showBirthDate')} >\r\n {this.state.birthDate}\r\n \r\n
\r\n
this.props.onContentChanged(e, 'address')} className='text-warning'>{this.state.address}
\r\n
\r\n this.props.onContentChanged(e, 'tel')}>{this.state.tel} \r\n this.remove('tel')} className=\"remove-btn\">{consts.remove} \r\n
\r\n
\r\n this.props.onContentChanged(e, 'email')}\r\n onRemove={() => this.remove('email')} >\r\n {this.state.email}\r\n \r\n
\r\n\r\n
\r\n this.props.onContentChanged(e, 'site')}\r\n onRemove={() => this.remove('showSite')} >\r\n {this.state.site}\r\n \r\n
\r\n
\r\n this.props.onContentChanged(e, 'github')}\r\n onRemove={() => this.remove('showGithub')} >\r\n {this.state.github}\r\n \r\n
\r\n\r\n
\r\n this.props.onContentChanged(e, 'linkeIn')}\r\n onRemove={() => this.remove('showLinkedIn')} >\r\n {this.state.linkeIn}\r\n \r\n
\r\n\r\n
\r\n this.props.onContentChanged(e, 'marriage')}\r\n onRemove={() => this.remove('showMarriage')} >\r\n {this.state.marriage}\r\n \r\n
\r\n\r\n\r\n
\r\n this.props.onContentChanged(e, 'militaryService')}\r\n onRemove={() => this.remove('showMilitaryService')} >\r\n {this.state.militaryService}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleSkills')} className='h6 aviny'>{this.state.titleSkills} \r\n { this.setState({ skills: [...this.state.skills, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n {this.state.skills.map((x, i) =>\r\n
\r\n this.props.onContentEditedInList(e, 'skills', i, 'title')}\r\n ocRatechange={(e, r) => this.props.onRatechange(e, 'skills', i, r)}\r\n retedcolor={this.state.color2}\r\n >{x.title}\r\n {this.props.readonly ||\r\n this.up('skills', i)}\r\n onDown={() => this.down('skills', i)}\r\n onRemove={() => this.remove('skills', i)}\r\n />}\r\n\r\n
\r\n )}\r\n
\r\n
\r\n\r\n {this.state.languages.length > 0 &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleLanguages')} className='h6 aviny'>{this.state.titleLanguages} \r\n { this.setState({ languages: [...this.state.languages, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n {this.state.languages.map((x, i) =>\r\n
\r\n this.props.onContentEditedInList(e, 'languages', i, 'title')}\r\n ocRatechange={(e, r) => this.props.onRatechange(e, 'languages', i, r)}\r\n >{x.title}\r\n {this.props.readonly ||\r\n this.up('languages', i)}\r\n onDown={() => this.down('languages', i)}\r\n onRemove={() => this.remove('languages', i)}\r\n />}
\r\n )}\r\n
\r\n
\r\n }\r\n
\r\n
\r\n {this.state.showSummery &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleSummery')} className='h6 aviny'>{this.state.titleSummery} \r\n
\r\n
this.props.onContentChanged(e, 'summery')}>{this.state.summery}
\r\n
}\r\n\r\n {this.state.educations.length > 0 &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleEducations')} className='h6 aviny'>{this.state.titleEducations} \r\n { this.setState({ educations: [...this.state.educations, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n
\r\n {this.state.educations.map((x, i) =>\r\n \r\n this.props.onContentEditedInList(e, 'educations', i, 'level')} className='text-success pe-4' contenteditable=\"true\">{x.level} \r\n this.props.onContentEditedInList(e, 'educations', i, 'year')} contenteditable=\"true\">{x.year} -\r\n this.props.onContentEditedInList(e, 'educations', i, 'university')} contenteditable=\"true\">{x.university} –\r\n this.props.onContentEditedInList(e, 'educations', i, 'city')} contenteditable=\"true\">{x.city} –\r\n this.props.onContentEditedInList(e, 'educations', i, 'field')} contenteditable=\"true\">{x.field} \r\n {this.props.readonly ||\r\n this.up('educations', i)}\r\n onDown={() => this.down('educations', i)}\r\n onRemove={() => this.remove('educations', i)}\r\n />}\r\n )}\r\n \r\n
\r\n
\r\n }\r\n\r\n {this.state.workExperinces.length > 0 &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleWorkExperince')} className='h6 aviny'>{this.state.titleWorkExperince} \r\n { this.setState({ workExperinces: [...this.state.workExperinces, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n
\r\n {this.state.workExperinces.map((x, i) =>\r\n \r\n this.props.onContentEditedInList(e, 'workExperinces', i, 'name')} className='text-success me-3' contenteditable=\"true\">{x.name} \r\n {this.props.readonly ||\r\n this.up('workExperinces', i)}\r\n onDown={() => this.down('workExperinces', i)}\r\n onRemove={() => this.remove('workExperinces', i)}\r\n />} \r\n \r\n this.props.onContentEditedInList(e, 'workExperinces', i, 'from')} className='text-gray'>{x.from} -\r\n this.props.onContentEditedInList(e, 'workExperinces', i, 'until')} className='text-gray'>{x.until} \r\n
\r\n\r\n \r\n
this.props.onContentEditedInList(e, 'workExperinces', i, 'title')} contenteditable=\"true\" style={{ fontWeight: 'bold' }}>{x.title} \r\n
this.props.onContentEditedInList(e, 'workExperinces', i, 'desc')} contenteditable=\"true\">{x.desc}
\r\n
)}\r\n \r\n
\r\n
\r\n }\r\n\r\n {this.state.freelanceProjects.length > 0 &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleFreelanceProjects')} className='h6 aviny'>{this.state.titleFreelanceProjects} \r\n { this.setState({ freelanceProjects: [...this.state.freelanceProjects, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n
\r\n {this.state.freelanceProjects.map((x, i) =>\r\n \r\n\r\n this.props.onContentEditedInList(e, 'freelanceProjects', i, 'name')} className='text-success me-3' contenteditable=\"true\">{x.name} \r\n {this.props.readonly ||\r\n this.up('freelanceProjects', i)}\r\n onDown={() => this.down('freelanceProjects', i)}\r\n onRemove={() => this.remove('freelanceProjects', i)}\r\n />} \r\n \r\n
this.props.onContentEditedInList(e, 'freelanceProjects', i, 'desc')} contenteditable=\"true\">{x.desc}
\r\n
)}\r\n \r\n
\r\n
\r\n }\r\n\r\n {this.state.certificates.length > 0 &&\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleCertificates')} className='h6 aviny'>{this.state.titleCertificates} \r\n { this.setState({ certificates: [...this.state.certificates, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n
\r\n {this.state.certificates.map((x, i) =>\r\n \r\n\r\n this.props.onContentEditedInList(e, 'certificates', i, 'title')} className='text-success me-3' contenteditable=\"true\">{x.title} \r\n {this.props.readonly ||\r\n this.up('certificates', i)}\r\n onDown={() => this.down('certificates', i)}\r\n onRemove={() => this.remove('certificates', i)}\r\n />} \r\n this.props.onContentEditedInList(e, 'certificates', i, 'date')} className='text-gray me-3 float-end'>{x.date} \r\n \r\n
this.props.onContentEditedInList(e, 'certificates', i, 'desc')} contenteditable=\"true\">{x.desc}
\r\n
)}\r\n \r\n
\r\n
\r\n }\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n {this.state.showAvatar &&
\r\n\r\n
{\r\n if (!this.props.readonly) {\r\n this.setState({ avatar: f });\r\n this.props.handleChange('avatar', f);\r\n }\r\n }}\r\n style={{ width: '70px', height: '70px', borderRadius: '0', border: `1px solid ${this.state.color2}44` }}\r\n />\r\n }\r\n
\r\n
this.props.onContentChanged(e, 'fullName')} >{this.state.fullName} \r\n {this.state.showMySmallDesc && < Div onBlur={e => this.props.onContentChanged(e, 'mySmallDesc')}>{this.state.mySmallDesc}}\r\n
\r\n
\r\n
\r\n
\r\n\r\n this.props.onContentChanged(e, 'birthDate')} >\r\n {this.state.birthDate}\r\n \r\n\r\n\r\n this.props.onContentChanged(e, 'tel')} >\r\n {this.state.tel}\r\n \r\n\r\n this.props.onContentChanged(e, 'address')} >\r\n {this.state.address}\r\n \r\n\r\n this.props.onContentChanged(e, 'email')}\r\n onRemove={() => this.remove('email')} >\r\n {this.state.email}\r\n \r\n\r\n this.props.onContentChanged(e, 'site')}\r\n onRemove={() => this.remove('showSite')} >\r\n {this.state.site}\r\n \r\n\r\n this.props.onContentChanged(e, 'github')}\r\n onRemove={() => this.remove('showGithub')} >\r\n {this.state.github}\r\n \r\n\r\n this.props.onContentChanged(e, 'linkeIn')}\r\n onRemove={() => this.remove('showLinkedIn')} >\r\n {this.state.linkeIn}\r\n \r\n\r\n this.props.onContentChanged(e, 'marriage')}\r\n onRemove={() => this.remove('showMarriage')} >\r\n {this.state.marriage}\r\n \r\n\r\n this.props.onContentChanged(e, 'militaryService')}\r\n onRemove={() => this.remove('showMilitaryService')} >\r\n {this.state.militaryService}\r\n \r\n\r\n
\r\n
\r\n\r\n {this.state.showSummery &&\r\n
\r\n
this.props.onContentChanged(e, 'summery')} >{this.state.summery}
\r\n
\r\n }\r\n\r\n\r\n
\r\n
\r\n {this.state.educations.length > 0 &&\r\n
\r\n
\r\n
\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleEducations')} className='h6 ' >{this.state.titleEducations} \r\n { this.setState({ educations: [...this.state.educations, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.educations.map((x, i) =>\r\n \r\n this.props.onContentEditedInList(e, 'educations', i, 'level')} className='text-gray pe-4' contenteditable=\"true\">{x.level} \r\n this.props.onContentEditedInList(e, 'educations', i, 'year')} contenteditable=\"true\">{x.year} -\r\n this.props.onContentEditedInList(e, 'educations', i, 'university')} contenteditable=\"true\">{x.university} –\r\n this.props.onContentEditedInList(e, 'educations', i, 'city')} contenteditable=\"true\">{x.city} –\r\n this.props.onContentEditedInList(e, 'educations', i, 'field')} contenteditable=\"true\">{x.field} \r\n {this.props.readonly ||\r\n this.up('educations', i)}\r\n onDown={() => this.down('educations', i)}\r\n onRemove={() => this.remove('educations', i)}\r\n />} )}\r\n \r\n
\r\n
\r\n
\r\n }\r\n\r\n
\r\n
\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleSkills')} className='h6 ' >{this.state.titleSkills} \r\n { this.setState({ skills: [...this.state.skills, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n
\r\n
\r\n {this.state.skills.map((x, i) =>\r\n \r\n this.props.onContentEditedInList(e, 'skills', i, 'title')}\r\n ocRatechange={(e, r) => this.props.onRatechange(e, 'skills', i, r)}\r\n retedcolor={this.state.color2}\r\n notRatedColor='#b5b3b3'\r\n >{x.title}\r\n {this.props.readonly ||\r\n this.up('skills', i)}\r\n onDown={() => this.down('skills', i)}\r\n onRemove={() => this.remove('skills', i)}\r\n />} \r\n )}\r\n \r\n
\r\n
\r\n
\r\n\r\n {this.state.workExperinces.length > 0 &&\r\n
\r\n
\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleWorkExperince')} className='h6 ' >{this.state.titleWorkExperince} \r\n { this.setState({ workExperinces: [...this.state.workExperinces, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n
\r\n
\r\n {this.state.workExperinces.map((x, i) =>\r\n \r\n this.props.onContentEditedInList(e, 'workExperinces', i, 'name')} className='text-gray me-3' contenteditable=\"true\">{x.name} \r\n\r\n \r\n this.props.onContentEditedInList(e, 'workExperinces', i, 'from')} className='text-gray'>{x.from} -\r\n this.props.onContentEditedInList(e, 'workExperinces', i, 'until')} className='text-gray'>{x.until} \r\n
\r\n\r\n {this.props.readonly ||\r\n this.up('workExperinces', i)}\r\n onDown={() => this.down('workExperinces', i)}\r\n onRemove={() => this.remove('workExperinces', i)}\r\n />} \r\n
this.props.onContentEditedInList(e, 'workExperinces', i, 'title')} contenteditable=\"true\" style={{ fontWeight: 'bold' }}>{x.title} \r\n
this.props.onContentEditedInList(e, 'workExperinces', i, 'desc')} contenteditable=\"true\">{x.desc}
\r\n
)}\r\n \r\n
\r\n
\r\n
\r\n }\r\n\r\n {this.state.freelanceProjects.length > 0 &&\r\n
\r\n
\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleFreelanceProjects')} className='h6 ' >{this.state.titleFreelanceProjects} \r\n { this.setState({ freelanceProjects: [...this.state.freelanceProjects, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n
\r\n
\r\n {this.state.freelanceProjects.map((x, i) =>\r\n \r\n this.props.onContentEditedInList(e, 'freelanceProjects', i, 'name')} className='text-gray me-3' contenteditable=\"true\">{x.name} \r\n {this.props.readonly ||\r\n this.up('freelanceProjects', i)}\r\n onDown={() => this.down('freelanceProjects', i)}\r\n onRemove={() => this.remove('freelanceProjects', i)}\r\n />} \r\n
this.props.onContentEditedInList(e, 'freelanceProjects', i, 'desc')} contenteditable=\"true\">{x.desc}
\r\n
)}\r\n \r\n
\r\n
\r\n
\r\n }\r\n\r\n {this.state.languages.length > 0 &&\r\n
\r\n
\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleLanguages')} className='h6 ' >{this.state.titleLanguages} \r\n { this.setState({ languages: [...this.state.languages, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n\r\n
\r\n
\r\n
\r\n
\r\n {this.state.languages.map((x, i) =>\r\n \r\n this.props.onContentEditedInList(e, 'languages', i, 'title')}\r\n ocRatechange={(e, r) => this.props.onRatechange(e, 'languages', i, r)}\r\n retedcolor={this.state.color2}\r\n >{x.title}\r\n {this.props.readonly ||\r\n this.up('languages', i)}\r\n onDown={() => this.down('languages', i)}\r\n onRemove={() => this.remove('languages', i)}\r\n />} \r\n )}\r\n \r\n
\r\n
\r\n
\r\n }\r\n\r\n {this.state.certificates.length > 0 &&\r\n
\r\n
\r\n
\r\n
\r\n this.props.onContentChanged(e, 'titleCertificates')} className='h6 ' >{this.state.titleCertificates} \r\n { this.setState({ certificates: [...this.state.certificates, {}] }) }} className=\"add-btn noPrint\">{consts.add} \r\n
\r\n
\r\n
\r\n
\r\n {this.state.certificates.map((x, i) =>\r\n \r\n this.props.onContentEditedInList(e, 'certificates', i, 'title')} className='text-gray me-3'> \r\n this.props.onContentEditedInList(e, 'certificates', i, 'date')} className='text-gray me-3 float-end'>{x.date} \r\n {this.props.readonly ||\r\n this.up('certificates', i)}\r\n onDown={() => this.down('certificates', i)}\r\n onRemove={() => this.remove('certificates', i)}\r\n />} \r\n
this.props.onContentEditedInList(e, 'certificates', i, 'desc')} >{x.desc}
\r\n
)}\r\n \r\n
\r\n
\r\n
\r\n }\r\n\r\n
\r\n
\r\n {Array.from({ length: maxValue }, (v, k) => k + 1).map(r =>\r\n
ocRatechange(e, r)} key={r} title={r} \r\n style={{ marginRight: (10 - maxValue) + 'px', border: '0', width: '12px', height: '18px', color: 'white', fontSize: '12px', background: (rateOf10 >= r ? retedcolor || '#07a107' : notRatedColor || '#bfbfbf'), position: 'relative' }}>\r\n {rateOf10 == r ? r : ' '} \r\n
\r\n )}\r\n
\r\n
onChangeing(e)} ref={avatarInput} style={{ display: 'none' }} multiple={multiple} />\r\n
\r\n {avatar ?\r\n
:\r\n
\r\n }\r\n
\r\n {avatar && <>\r\n
\r\n }\r\n {/*
*/}\r\n\r\n\r\n
\r\n\r\n\r\n {/* camera dialog */}\r\n {openCam &&\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
}\r\n
{ this.setState({ onfocuse: true }); }}\r\n onBlur={e => { this.setState({ onfocuse: false }); this.props.onBlur(e); }}>{this.props.children}
\r\n :\r\n { this.setState({ onfocuse: true }); }}\r\n onBlur={e => { this.setState({ onfocuse: false }); this.props.onBlur(e); }}>
\r\n }\r\n}\r\n\r\nexport class P extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { onfocuse: false };\r\n }\r\n render() {\r\n return this.state.onfocuse ?\r\n { this.setState({ onfocuse: true }); }}\r\n onBlur={e => { this.setState({ onfocuse: false }); this.props.onBlur(e); }}>{this.props.children}
\r\n :\r\n { this.setState({ onfocuse: true }); }}\r\n onBlur={e => { this.setState({ onfocuse: false }); this.props.onBlur(e); }}>
\r\n }\r\n}\r\n\r\n\r\nexport const Span = ({ children, onBlur, className = '', style = {} }) =>\r\n { onfocuse = true; }}\r\n// onBlur={e => { onfocuse = false; onBlur(e); }}>{children}
)\r\n//}","import CryptoJS from \"crypto-js\";\r\nconst Helper = {\r\n\r\n callApiAsJson: async (opt) => {\r\n let config = {\r\n method: opt.type,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": 'bearer ' + localStorage.getItem('token')\r\n },\r\n //body: JSON.stringify(opt.data ?? {})\r\n }; \r\n if (opt.type != 'get' && opt.type != 'head') {\r\n config.body = JSON.stringify(opt.data ?? {});\r\n }\r\n\r\n return await fetch(opt.url, config)\r\n .then(data => {\r\n if (data.status == 401) {\r\n window.location.replace(\"/login\");\r\n }\r\n return data.json();\r\n })\r\n .catch((response) => {\r\n //console.log(response.status, response.statusText);\r\n //window.location.replace(\"/\");\r\n });\r\n },\r\n\r\n //callApiAsFormData: async (opt) => {\r\n // return await fetch(opt.url,\r\n // {\r\n // method: opt.type,\r\n // headers: {\r\n // \"Authorization\": 'bearer ' + localStorage.getItem('token')\r\n // },\r\n // \"processData\": false,\r\n // \"mimeType\": \"multipart/form-data\",\r\n // \"contentType\": false,\r\n // body: opt.data\r\n // })\r\n // .then(data => {\r\n // if (data.status == 401) {\r\n // window.location.replace(\"/login\");\r\n // }\r\n // return data.json();\r\n // })\r\n // .catch((response) => {\r\n // //console.log(response.status, response.statusText);\r\n // window.location.replace(\"/\");\r\n // });\r\n //},\r\n key:'8080808080808080',\r\n decode(str) {\r\n var key = CryptoJS.enc.Utf8.parse(this.key);\r\n var iv = CryptoJS.enc.Utf8.parse(this.key);\r\n\r\n var bytes = CryptoJS.AES.decrypt(str, key, {\r\n keySize: 128 / 8,\r\n iv: iv,\r\n mode: CryptoJS.mode.CBC,\r\n padding: CryptoJS.pad.Pkcs7\r\n });\r\n var obj = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));\r\n return obj;\r\n }\r\n ,\r\n encorypt(obj) {\r\n var key = CryptoJS.enc.Utf8.parse(this.key);\r\n var iv = CryptoJS.enc.Utf8.parse(this.key);\r\n\r\n let text = CryptoJS.AES.encrypt(CryptoJS.enc.Utf8.parse(JSON.stringify(obj)), key,{\r\n keySize: 128 / 8,\r\n iv: iv,\r\n mode: CryptoJS.mode.CBC,\r\n padding: CryptoJS.pad.Pkcs7\r\n }).toString();\r\n return text\r\n }\r\n};\r\n\r\nexport default Helper; ","export const consts = {\r\n remove: 
:\r\n \r\n }\r\n