133 lines
3.8 KiB
JavaScript
133 lines
3.8 KiB
JavaScript
$(document).on('page:load', franceconnect_kit);
|
|
$(document).ready(franceconnect_kit);
|
|
|
|
function franceconnect_kit() {
|
|
init_franceconnect_kit();
|
|
}
|
|
|
|
var fconnect = {
|
|
tracesUrl: '/traces',
|
|
aboutUrl: ''
|
|
};
|
|
|
|
function init_franceconnect_kit() {
|
|
initCurrentHostnameSource();
|
|
includeFCCss();
|
|
var fconnectProfile = document.getElementById('fconnect-profile');
|
|
if (fconnectProfile) {
|
|
var fcLogoutUrl = fconnectProfile.getAttribute('data-fc-logout-url');
|
|
var access = createFCAccessElement(fcLogoutUrl);
|
|
fconnectProfile.parentNode.appendChild(access);
|
|
fconnectProfile.onclick = toogleElement.bind(access);
|
|
}
|
|
}
|
|
|
|
function initCurrentHostnameSource() {
|
|
var currentScript = 'https://fcp.integ01.dev-franceconnect.fr/js/franceconnect.js';
|
|
var parseUrl = currentScript.split('/');
|
|
fconnect.currentHost = parseUrl[2];
|
|
}
|
|
|
|
function includeFCCss() {
|
|
var linkCss = document.createElement('link');
|
|
linkCss.rel = 'stylesheet';
|
|
linkCss.href = '//' + fconnect.currentHost + '/stylesheets/franceconnect.css';
|
|
linkCss.type = 'text/css';
|
|
linkCss.media = 'screen';
|
|
|
|
document.getElementsByTagName('head')[0].appendChild(linkCss);
|
|
}
|
|
|
|
function toogleElement(event) {
|
|
event.preventDefault();
|
|
if (this.style.display === "block") {
|
|
this.style.display = "none";
|
|
} else {
|
|
this.style.display = "block";
|
|
}
|
|
}
|
|
|
|
function closeFCPopin(event) {
|
|
event.preventDefault();
|
|
fconnect.popin.className = 'fade-out';
|
|
setTimeout(function() {
|
|
document.body.removeChild(fconnect.popin);
|
|
}, 200);
|
|
}
|
|
|
|
function openFCPopin() {
|
|
fconnect.popin = document.createElement('div');
|
|
fconnect.popin.id = 'fc-background';
|
|
|
|
var iframe = createFCIframe();
|
|
|
|
document.body.appendChild(fconnect.popin);
|
|
|
|
fconnect.popin.appendChild(iframe);
|
|
|
|
setTimeout(function() {
|
|
fconnect.popin.className = 'fade-in';
|
|
}, 200);
|
|
}
|
|
|
|
function createFCIframe() {
|
|
var iframe = document.createElement("iframe");
|
|
iframe.setAttribute('id', 'fconnect-iframe');
|
|
iframe.frameBorder = 0;
|
|
iframe.name = 'fconnect-iframe';
|
|
return iframe;
|
|
}
|
|
|
|
function createFCAccessElement(logoutUrl) {
|
|
var access = document.createElement('div');
|
|
access.id = 'fconnect-access';
|
|
access.innerHTML = '<h5>Vous êtes identifié grâce à FranceConnect</h5>';
|
|
access.appendChild(createAboutLink());
|
|
access.appendChild(document.createElement('hr'));
|
|
access.appendChild(createHistoryLink());
|
|
access.appendChild(createLogoutElement(logoutUrl));
|
|
return access;
|
|
}
|
|
|
|
function createHistoryLink() {
|
|
|
|
var historyLink = document.createElement('a');
|
|
historyLink.target = 'fconnect-iframe';
|
|
historyLink.href = '//' + fconnect.currentHost + fconnect.tracesUrl;
|
|
historyLink.onclick = openFCPopin;
|
|
historyLink.innerHTML = 'Historique des connexions/échanges de données';
|
|
|
|
return historyLink;
|
|
}
|
|
|
|
function createAboutLink() {
|
|
var aboutLink = document.createElement('a');
|
|
aboutLink.href = fconnect.aboutUrl ? '//' + fconnect.currentHost + fconnect.aboutUrl : '#';
|
|
if (fconnect.aboutUrl) {
|
|
aboutLink.target = 'fconnect-iframe';
|
|
aboutLink.onclick = openFCPopin;
|
|
}
|
|
aboutLink.innerHTML = 'Qu\'est-ce-que FranceConnect ?';
|
|
|
|
return aboutLink;
|
|
}
|
|
|
|
function createLogoutElement(logoutUrl) {
|
|
var elm = document.createElement('div');
|
|
elm.className = 'logout';
|
|
elm.innerHTML = '<a class="btn btn-default" href="' + logoutUrl + '">Se déconnecter</a>'
|
|
return elm;
|
|
}
|
|
|
|
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
|
|
var eventer = window[eventMethod];
|
|
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
|
|
|
|
// Listen to message from child window
|
|
eventer(messageEvent,function(e) {
|
|
var key = e.message ? "message" : "data";
|
|
var data = e[key];
|
|
if(data === 'close_popup'){
|
|
closeFCPopin(e);
|
|
}
|
|
},false);
|