Compare commits

...

1 Commits

Author SHA1 Message Date
llaniau aaf1226ea0 US 430 : refonte parcours talent 2021-01-04 14:07:50 +01:00
2 changed files with 62 additions and 46 deletions
+59 -44
View File
@@ -91,13 +91,25 @@ const styles = theme => ({
color: theme.palette.secondary.main,
backgroundColor: theme.palette.primary.important,
},
containerImport:{
width:"100%",
textAlign:"left",
align:"left",
alignItems:"flex-start",
border: 0,
margin: 0,
display: "inline-flex",
padding: 0,
position: "relative",
flexDirection: "column",
verticalAlign: "top",
marginBottom:"20px !important"
},
importButton: {
padding: '4px 8px',
textTransform: 'inherit',
border: '2px solid #1E2327',
color: '#1E2327',
},
remplacerButton: {
color: '#1E2327',
@@ -251,33 +263,28 @@ class Answer extends Component {
return (
<Fragment>
<Hidden>&nbsp;</Hidden>
<Hidden>&nbsp;</Hidden>
<Hidden>&nbsp;</Hidden>
<Hidden>&nbsp;</Hidden>
<Hidden>&nbsp;</Hidden>
<Button size="small">MON CV</Button>
<Typography >
<a href={publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.postedContentCv + this.state.cvLink}
target="_blank"
style={{
color:'#1689FB',
color:'#1E2327',
'&:hover': {
color: '#1689FB',
color: '#1E2327',
},
fontWeight: '700',
backgroundColor: '#F3F3F4',
width:'100%',
fontWeight: '500',
fontSize: '1em',
padding:'15px',
margin:'20px 0',
}}
>
Visualiser mon CV
</a>
<br />
{/* <a href="https://www.permatheque.fr/PDF/mansobufukuoka-larevolutiondunseulbrindepaille.pdf" target="_blank">lien</a> */}
</Typography>
</Fragment>
@@ -372,7 +379,9 @@ class Answer extends Component {
onSubmit = (e) => {
e.preventDefault()
//TODO : Vérifier si le nom et prénom sont renseignés
console.log("firstname")
console.log(this.state.firstname)
const data = new FormData()
data.append('firstname', this.state.firstname)
@@ -465,27 +474,27 @@ class Answer extends Component {
</Button>
</label></Fragment>)
} */}
<Player fluid={false} width={450}
<Player fluid={false} width={"75%"} height={350}
playsInline className={classes.player}
src={publicRuntimeConfig.symphonyUrl + "uploads/videos/"+this.state.mediaUrl}
//src={this.state.mediaUrl}
// src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
/>
<GooglePlaceAutocomplete
{/* <GooglePlaceAutocomplete
name="location"
label="Location"
onSuggestionSelected={this.onSuggestionSelected}
textFieldProps={{ onChange: (e) => this.onChange(e), value: this.state.value, placeholder: 'Search for a place'}}
textFieldProps={{ onChange: (e) => this.onChange(e), value: this.state.value, placeholder: 'Chercher votre adresse'}}
types={['(regions)']}
renderTarget={() => (<div />)}
/>
/> */}
<Button className={classes.remplacerButton} onClick={this.openDialog.bind(this)}>
Remplacer ma vidéo
</Button>
<Dialog open={this.state.open} onEnter={console.log("Hey.")}>
<DialogTitle> Souhaitez-vous remplacer votre vidéo de réponse ?</DialogTitle>
<DialogContent className={classes.popup}> Cette vidéo sera définitivement supprimée. Vous pourrez importer ou réaliser une nouvelle video de réponse. </DialogContent>
<DialogContent className={classes.popup}> Cette vidéo et tous les éléments de votre candidature seront définitivement supprimés. Vous pourrez importer ou réaliser une nouvelle vidéo de réponse. </DialogContent>
<DialogActions>
<Button onClick={this.closeDialog.bind(this)} autoFocus>
@@ -508,6 +517,9 @@ class Answer extends Component {
variant="outlined"
value={this.state.lastname}
onChange={this.handleChange}
error={!!_.isEmpty(this.state.lastname)}
helperText={!!_.isEmpty(this.state.lastname) && "Veuillez saisir votre nom"}
required
/>
<TextField
@@ -520,6 +532,8 @@ class Answer extends Component {
variant="outlined"
value={this.state.firstname}
onChange={this.handleChange}
error={!!_.isEmpty(this.state.firstname)}
helperText={!!_.isEmpty(this.state.firstname) && "Veuillez saisir votre prénom"}
/>
<TextField
@@ -532,6 +546,7 @@ class Answer extends Component {
value={this.state.phone}
onChange={this.handleChange}
type="tel"
helperText="Renseignez votre numéro de téléphone pour permettre au recruteur de vous contacter"
/>
<TextField
@@ -555,29 +570,29 @@ class Answer extends Component {
onChange={this.handleChange}
/>
{this.AfficherSuccess()}
<input
type="file"
accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document, .pdf, .odt"
className={classes.input+' cypButtonImportVid'}
style={{ display: 'none' }}
id="import-button-file"
onChange={this.inputFilesystemChange}
/>
<label htmlFor="import-button-file">
<Button component="span" className={classes.importButton} classes={{ root: classes.rootButton }}>
<GetApp className={classes.icon} /> Importer mon CV
</Button>
</label>
<Hidden>&nbsp;</Hidden>
{this.AfficherLienCv()}
{this.AfficherSuccess()}
<div className={classes.containerImport}>
<input
type="file"
accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document, .pdf, .odt"
className={classes.input+' cypButtonImportVid'}
style={{ display: 'none' }}
id="import-button-file"
onChange={this.inputFilesystemChange}
/>
<label htmlFor="import-button-file">
<Button component="span" className={classes.importButton} classes={{ root: classes.rootButton }}>
<GetApp className={classes.icon} /> Importer mon CV
</Button>
</label>
<Hidden>&nbsp;</Hidden>
{this.AfficherLienCv()}
</div>
<TextField
name="linkedin"
id="outlined"
+3 -2
View File
@@ -445,7 +445,7 @@ class Reponse extends React.Component {
):
(
<Fragment>
{this.state.openStudio == false ?
<Button component="span" className={classes.captureButton} classes={{ root: classes.rootButton }} onClick={this.realise}>
<img alt="talents-tube" src='/statique/images/capture.svg' className={classes.iconButton} />
@@ -456,8 +456,9 @@ class Reponse extends React.Component {
</Button>
:
<div className={classes.recorderContainer}>
<Button onClick={this.retour}>Retour au menu</Button>
<Recorder uploader={this.props.uploadMedia} />
<Button onClick={this.retour}>Revenir au menu</Button>
</div>
}