Rajoute les logos institutionnels sur l'iframe

pull/520/head
Johan Girod 2019-04-30 16:57:49 +02:00
parent e5997bf704
commit c17feed5e3
No known key found for this signature in database
GPG Key ID: 9E27B57DA2E8AE12
2 changed files with 55 additions and 30 deletions

View File

@ -6,9 +6,8 @@ export default withRouter(
componentDidMount() {
const script = document.createElement('script')
script.id = 'script-simulateur-embauche'
script.src =
window.location.origin + '/simulateur-iframe-integration.js'
script.dataset.couleur = '#2975D1'
script.src = window.location.origin + '/simulateur-iframe-integration.js'
script.dataset.couleur = '#005aa1'
this.DOMNode.appendChild(script)
}
render() {

View File

@ -1,9 +1,11 @@
import LangSwitcher from 'Components/LangSwitcher';
import React, { Component } from 'react';
import emoji from 'react-easy-emoji';
import { Trans, withTranslation } from 'react-i18next';
import screenfull from 'screenfull';
import { isIE } from '../../../../utils';
import LangSwitcher from 'Components/LangSwitcher'
import marianneSvg from 'Images/marianne.svg'
import urssafSvg from 'Images/urssaf.svg'
import React, { Component } from 'react'
import emoji from 'react-easy-emoji'
import { Trans, withTranslation } from 'react-i18next'
import screenfull from 'screenfull'
import { isIE } from '../../../../utils'
export default withTranslation()(
class IframeFooter extends Component {
@ -13,30 +15,54 @@ export default withTranslation()(
render() {
return (
<div
className="ui__ container"
style={{
textAlign: 'right',
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between'
}}>
<LangSwitcher className="ui__ button simple" />
{screenfull.enabled && !screenfull.isFullscreen && !isIE() && (
<>
<div
style={{
textAlign: 'center',
margin: '2rem 0'
}}>
<a href="https://www.urssaf.fr" target="_blank">
<img
style={{ height: '2.5rem', marginRight: '1rem' }}
src={urssafSvg}
alt="un service fourni par l'Urssaf"
/>
</a>
<a href="https://beta.gouv.fr" target="_blank">
<img
style={{ height: '2.5rem' }}
src={marianneSvg}
alt="un service de lEtat français incubé par beta.gouv.fr"
/>
</a>
</div>
<div
className="ui__ container"
style={{
textAlign: 'right',
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between'
}}>
<LangSwitcher className="ui__ button simple" />
{screenfull.enabled && !screenfull.isFullscreen && !isIE() && (
<button
className="ui__ button small"
onClick={() => {
screenfull.toggle()
}}>
{emoji('🖵')}&nbsp;
<Trans>Plein écran</Trans>
</button>
)}
<button
className="ui__ button small"
onClick={() => {
screenfull.toggle()
}}>
{emoji('🖵')}&nbsp;
<Trans>Plein écran</Trans>
onClick={() => window.print()}>
{emoji('🖨')}
<Trans>Imprimer</Trans>
</button>
)}
<button className="ui__ button small" onClick={() => window.print()}>
{emoji('🖨')}
<Trans>Imprimer</Trans>
</button>
</div>
</div>
</>
)
}
}