talents-tube/app
9
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

page accueil web app

Browse Source
This commit is contained in:
llaniau
2021-03-08 19:43:14 +01:00
parent c71fe2b452
commit 04d03aa736
5 changed files with 33 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nextjs/components/organisms/Answer.js
+14 -19
View File
@@ -383,33 +383,21 @@ class Answer extends Component {
remplirLocation = (typeDonnee, donnee) =>{
console.log("DEBUT remplirLocation");
console.log(typeDonnee);
console.log(donnee);
if(typeDonnee=='"street_number"') {
console.log(typeDonnee);
console.log(donnee);
this.setState({ street_number: donnee.replace('"', '') })
}else if(typeDonnee=='"route"') {
console.log(typeDonnee);
console.log(donnee);
this.setState({ route: donnee.replace('"', '') })
}else if(typeDonnee=='"locality"') {
console.log(typeDonnee);
console.log(donnee);
this.setState({ locality: donnee.replace('"', '') })
}else if(typeDonnee=='"administrative_area_level_2"') {
console.log(typeDonnee);
console.log(donnee);
this.setState({ administrative_area_level_2: donnee.replace('"', '') })
}else if(typeDonnee=='"administrative_area_level_1"') {
console.log(typeDonnee);
console.log(donnee);
this.setState({ administrative_area_level_1: donnee.replace('"', '') })
}else if(typeDonnee=='"country"') {
console.log(typeDonnee);
console.log(donnee);
this.setState({ country: donnee.replace('"', '') })
}else if(typeDonnee=='"postal_code"') {
console.log(typeDonnee);
console.log(donnee);
this.setState({ postal_code: donnee.replace('"', '') })
}
console.log("FIN remplirLocation");
@@ -419,7 +407,11 @@ class Answer extends Component {
onSuggestionSelected = (suggestion) => {
console.log('Selected suggestion:', suggestion)
const address = suggestion.description;
let address = suggestion.description;
var words = address.split(',');
if(words.length<3){
address = "mairie de "+address;
}
this.setState({ geoloc: address})
this.setState({
value: address
@@ -427,7 +419,8 @@ class Answer extends Component {
geocodeByAddress(address)
.then(address => {
console.log("ADRESSE");
console.log(address);
if(address[0].address_components[0]){
this.remplirLocation(JSON.stringify(address[0].address_components[0].types[0]), JSON.stringify(address[0].address_components[0].long_name))
}
@@ -450,11 +443,13 @@ class Answer extends Component {
this.remplirLocation(JSON.stringify(address[0].address_components[6].types[0]), JSON.stringify(address[0].address_components[6].long_name))
}
if(address[0].geometry){
console.log(address[0].geometry.location_type);
let gps =JSON.stringify(address[0].geometry.location);
const obj = JSON.parse(gps);
this.setState({ formatted_address: JSON.stringify(address[0].formatted_address) })
this.setState({ lat: obj.lat.toString()})
this.setState({ lng: obj.lng.toString()})
this.setState({ formatted_address: JSON.stringify(address[0].formatted_address) })
this.setState({ lat: obj.lat.toString()})
this.setState({ lng: obj.lng.toString()})
}
nextjs/pages/index1.js
+19 -23
View File
@@ -57,20 +57,12 @@ const useStyles = makeStyles((theme) => ({
padding: "5em 0 9em",
position: "relative",
color: "#fff",
[
theme
.breakpoints
.down('md')
]: {
background: "url('/statique/images/accueil/offre-emploi.jpg') center center no-repeat scroll",
backgroundSize: "cover",
height: "100%",
padding: "0"
}
},
mieuxQueTexteSection: {
paddingTop: "28em",
backgroundColor:"#fff",
zIndex:"100",
paddingTop: "",
[
theme
.breakpoints
@@ -90,10 +82,11 @@ const useStyles = makeStyles((theme) => ({
},
heroSectionMobile: {
background: "url('/statique/images/accueil/offre-emploi.jpg') center top no-repeat scroll",
background: "url('/statique/images/accueil/adoptez-le-recrutement-video.jpg') center top no-repeat scroll",
padding: "5em 0 9em",
position: "relative",
color: "#fff"
color: "#fff",
backgroundSize: "cover",
},
container: {
paddingRight: "15px",
@@ -179,6 +172,9 @@ const useStyles = makeStyles((theme) => ({
backgroundPosition: "center",
padding: theme.spacing(8, 0, 6)
},
cartoucheJeSuis:{
backgroundColor: "#fff",
},
bloc1: {
backgroundColor: "#1E2327",
// backgroundImage:"/statique/images/recrutement-video.jpg",
@@ -420,13 +416,13 @@ export default function Index() {
<header >
<Hidden smDown>
<div className={classes.heroSection}></div>
<video autoPlay loop muted className={classes.videoBackground}>
<source
src={"/statique/video/modele-offre-emploi-originale.mp4"}
type='video/mp4'/>
<div className={classes.heroSection}>
<video autoPlay loop muted className={classes.videoBackground}>
<source
src={"/statique/video/adoptez-le-recrutement-video.mp4"}
type='video/mp4'/>
</video>
</video>
@@ -463,7 +459,7 @@ export default function Index() {
data-target=".bd-example-modal-lg">JE SUIS TALENT</button> */}
</div>
</div>
</div>
</Hidden>
<Hidden mdUp>
@@ -518,11 +514,11 @@ export default function Index() {
</Container>
</div>
</section>
</section>
</header>
<section >
<div >
<div className={classes.cartoucheJeSuis}>
<Container className={classes.cardGrid} maxWidth="xl">
{/* End hero unit */}
<Grid container spacing={0}>
nextjs/public/statique/images/accueil/adoptez-le-recrutement-video.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 348 KiB

nextjs/public/statique/images/accueil/adoptez-le-recrutement-video_bkp.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

nextjs/public/statique/video/adoptez-le-recrutement-video.mp4
BIN
View File
Binary file not shown.