Compile FranceConnect module with webpacker
This commit is contained in:
Paul Chavard
parent
9d19936f82
commit
eda3dd4215
5 changed files with 117 additions and 146 deletions
|
|
@ -20,7 +20,6 @@
|
|||
//= require leaflet.freedraw
|
||||
//= require smart_listing
|
||||
//= require turf-area
|
||||
//= require franceconnect
|
||||
//= require bootstrap-wysihtml5
|
||||
//= require bootstrap-wysihtml5/locales/fr-FR
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
$(document).on('turbolinks:load', franceconnect_kit);
|
||||
|
||||
function franceconnect_kit() {
|
||||
franceConnectKit.init()
|
||||
}
|
||||
|
|
@ -9,6 +9,7 @@ import '../shared/rails-ujs-fix';
|
|||
import '../shared/safari-11-file-xhr-workaround';
|
||||
import '../shared/autocomplete';
|
||||
import '../shared/remote-input';
|
||||
import '../shared/franceconnect';
|
||||
|
||||
// Start Rails helpers
|
||||
Rails.start();
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ import '../shared/rails-ujs-fix';
|
|||
import '../shared/safari-11-file-xhr-workaround';
|
||||
import '../shared/autocomplete';
|
||||
import '../shared/remote-input';
|
||||
import '../shared/franceconnect';
|
||||
|
||||
import '../new_design/spinner';
|
||||
import '../new_design/dropdown';
|
||||
|
|
|
|||
|
|
@ -1,149 +1,124 @@
|
|||
var franceConnectKit = {};
|
||||
const fconnect = {
|
||||
tracesUrl: '/traces',
|
||||
aboutUrl: ''
|
||||
};
|
||||
const document = window.document;
|
||||
|
||||
(function (window) {
|
||||
var fconnect = {
|
||||
tracesUrl: '/traces',
|
||||
aboutUrl: ''
|
||||
};
|
||||
function init() {
|
||||
fconnect.currentHost = 'fcp.integ01.dev-franceconnect.fr';
|
||||
|
||||
franceConnectKit.init = function () {
|
||||
//initCurrentHostnameSource();
|
||||
//includeFCCss();
|
||||
if (window.location.hostname == 'www.demarches-simplifiees.fr')
|
||||
fconnect.currentHost = 'app.franceconnect.gouv.fr';
|
||||
|
||||
fconnect.currentHost = 'fcp.integ01.dev-franceconnect.fr';
|
||||
var fconnectProfile = document.getElementById('fconnect-profile');
|
||||
if (fconnectProfile) {
|
||||
var linkAccess = document.querySelector('#fconnect-profile > a');
|
||||
var fcLogoutUrl = fconnectProfile.getAttribute('data-fc-logout-url');
|
||||
var access = createFCAccessElement(fcLogoutUrl);
|
||||
fconnectProfile.appendChild(access);
|
||||
linkAccess.onclick = toggleElement.bind(access);
|
||||
}
|
||||
}
|
||||
|
||||
if (window.location.hostname == 'www.demarches-simplifiees.fr')
|
||||
fconnect.currentHost = 'app.franceconnect.gouv.fr';
|
||||
addEventListener('DOMContentLoaded', init);
|
||||
addEventListener('turbolinks:load', init);
|
||||
|
||||
var fconnectProfile = document.getElementById('fconnect-profile');
|
||||
if (fconnectProfile) {
|
||||
var linkAccess = document.querySelector('#fconnect-profile > a');
|
||||
var fcLogoutUrl = fconnectProfile.getAttribute('data-fc-logout-url');
|
||||
var access = createFCAccessElement(fcLogoutUrl);
|
||||
fconnectProfile.appendChild(access);
|
||||
linkAccess.onclick = toggleElement.bind(access);
|
||||
}
|
||||
};
|
||||
function toggleElement(event) {
|
||||
event.preventDefault();
|
||||
if (this.style.display === 'block') {
|
||||
this.style.display = 'none';
|
||||
} else {
|
||||
this.style.display = 'block';
|
||||
}
|
||||
}
|
||||
|
||||
var document = window.document;
|
||||
function closeFCPopin(event) {
|
||||
event.preventDefault();
|
||||
fconnect.popin.className = 'fade-out';
|
||||
setTimeout(function() {
|
||||
document.body.removeChild(fconnect.popin);
|
||||
}, 200);
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
franceConnectKit.init();
|
||||
});
|
||||
function openFCPopin() {
|
||||
fconnect.popin = document.createElement('div');
|
||||
fconnect.popin.id = 'fc-background';
|
||||
|
||||
function initCurrentHostnameSource() {
|
||||
var currentScript = document.querySelector('script[src^="/assets/franceconnect"]').getAttribute('src');
|
||||
var parseUrl = currentScript.split('/');
|
||||
fconnect.currentHost = parseUrl[2];
|
||||
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);
|
||||
}
|
||||
|
||||
function includeFCCss() {
|
||||
var ss = document.styleSheets;
|
||||
for (var i = 0, max = ss.length; i < max; i++) {
|
||||
if (ss[i].href == 'http://' + fconnect.currentHost + '/stylesheets/franceconnect.css' || ss[i].href == 'https://' + fconnect.currentHost + '/stylesheets/franceconnect.css')
|
||||
return;
|
||||
}
|
||||
|
||||
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 toggleElement(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);
|
||||
})(this);
|
||||
},
|
||||
false
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in a new issue