Line 1... |
Line 1... |
1 |
// configuration
|
1 |
// configuration
|
2 |
var urlRacine = 'https://www.tela-botanica.org',
|
2 |
var urlRacine = 'https://www.tela-botanica.org',
|
- |
|
3 |
config = {
|
- |
|
4 |
prod: {
|
- |
|
5 |
urlWidgetNavigation : urlRacine + '/widget:cel:saisie2',
|
- |
|
6 |
urlBaseAuth : 'https://www.tela-botanica.org/service:annuaire:auth'
|
- |
|
7 |
},
|
- |
|
8 |
test: {
|
- |
|
9 |
urlWidgetNavigation : urlRacine + '/widget-test:cel:saisie2',
|
- |
|
10 |
urlBaseAuth : 'https://www.tela-botanica.org/service:annuaire-test:auth'
|
- |
|
11 |
},
|
- |
|
12 |
local: {
|
- |
|
13 |
urlWidgetNavigation : 'https://localhost/widget:cel:saisie2',
|
- |
|
14 |
urlBaseAuth : 'https://localhost/service:annuaire:auth'
|
- |
|
15 |
}
|
- |
|
16 |
}
|
- |
|
17 |
// // Prod: décommenter ci-dessus et commenter ou supprimer ci-dessous
|
- |
|
18 |
// var urlRacine = 'http://localhost',
|
3 |
config = {
|
19 |
// config = {
|
4 |
prod: {
|
20 |
// prod: {
|
5 |
urlWidgetNavigation : urlRacine + '/widget:cel:saisie2',
|
21 |
// urlWidgetNavigation : urlRacine + '/widget:cel:saisie2',
|
6 |
urlBaseAuth : 'https://www.tela-botanica.org/service:annuaire:auth'
|
22 |
// urlBaseAuth : 'https://www.tela-botanica.org/service:annuaire:auth'
|
7 |
},
|
23 |
// },
|
8 |
test: {
|
24 |
// test: {
|
9 |
urlWidgetNavigation : urlRacine + '/widget-test:cel:saisie2',
|
25 |
// urlWidgetNavigation : urlRacine + '/widget:cel:saisie2',
|
10 |
urlBaseAuth : 'https://www.tela-botanica.org/service:annuaire-test:auth'
|
26 |
// urlBaseAuth : 'https://api.tela-botanica.test/service:annuaire:auth'
|
11 |
},
|
27 |
// },
|
12 |
local: {
|
28 |
// local: {
|
13 |
urlWidgetNavigation : 'https://localhost/widget:cel:saisie2',
|
29 |
// urlWidgetNavigation : 'https://localhost/widget:cel:saisie2',
|
14 |
urlBaseAuth : 'https://localhost/service:annuaire:auth'
|
30 |
// urlBaseAuth : 'https://localhost/service:annuaire:auth'
|
15 |
}
|
31 |
// }
|
16 |
}
|
32 |
// }
|
Line 17... |
Line 33... |
17 |
|
33 |
|
18 |
/**
|
34 |
/**
|
19 |
* Charge la barre de navigation depuis le widget:reseau:navigation dans un <div id="tb-navigation"> , s'il existe
|
35 |
* Charge la barre de navigation depuis le widget:reseau:navigation dans un <div id="tb-navigation"> , s'il existe
|
20 |
* dans la page appelante.
|
36 |
* dans la page appelante.
|
Line 29... |
Line 45... |
29 |
* de navigation, alors cet élément aura la classe "active" (pour localiser la page courante dans les menus)
|
45 |
* de navigation, alors cet élément aura la classe "active" (pour localiser la page courante dans les menus)
|
30 |
* - si ce <div> contient un attribut "data-squelette", alors le widget de navigation sera appelé avec le paramètre
|
46 |
* - si ce <div> contient un attribut "data-squelette", alors le widget de navigation sera appelé avec le paramètre
|
31 |
* "?squelette=contenu-de-data-squelette"; se reporter à la documentation du widget:reseau:navigation
|
47 |
* "?squelette=contenu-de-data-squelette"; se reporter à la documentation du widget:reseau:navigation
|
32 |
*/
|
48 |
*/
|
Line 33... |
Line 49... |
33 |
|
49 |
|
34 |
$(document).ready(function() {
|
50 |
$( document ).ready( function() {
|
35 |
var div = $('#tb-navigation');
|
51 |
var $div = $( '#tb-navigation' );
|
36 |
if (div) {
|
52 |
if ( $div ) {
|
37 |
var squelette = div.data('squelette'),
|
53 |
var squelette = $div.data( 'squelette' ),
|
38 |
courant = div.data('courant'),
|
54 |
courant = $div.data( 'courant' ),
|
39 |
mode = div.data('mode') || 'prod',
|
55 |
mode = $div.data( 'mode' ) || 'prod',
|
40 |
contenu = div.html();
|
56 |
contenu = $div.html();
|
41 |
|
57 |
|
42 |
// chargement de la barre
|
58 |
// chargement de la barre
|
- |
|
59 |
var urlBarreNavigation = config[mode]['urlWidgetNavigation'];
|
43 |
var urlBarreNavigation = config[mode]['urlWidgetNavigation'];
|
60 |
|
44 |
if (squelette) {
|
61 |
if ( squelette ) {
|
45 |
urlBarreNavigation += '?squelette=' + squelette;
|
62 |
urlBarreNavigation += '?squelette=' + squelette;
|
- |
|
63 |
}
|
46 |
}
|
64 |
|
47 |
htmlBarre = $.ajax({
|
65 |
htmlBarre = $.ajax({
|
48 |
url: urlBarreNavigation,
|
66 |
url: urlBarreNavigation,
|
49 |
type: 'get',
|
67 |
type: 'get',
|
50 |
success: function(data) {
|
68 |
success: function( data ) {
|
51 |
// remplacement de la zone contenu-source
|
69 |
// remplacement de la zone contenu-source
|
52 |
var zoneSource = div.find('#contenu-source');
|
70 |
var $zoneSource = $div.find( '#contenu-source' );
|
53 |
if (zoneSource) {
|
71 |
if ( $zoneSource ) {
|
54 |
zoneSource.replaceWith(contenu);
|
72 |
$zoneSource.replaceWith( contenu );
|
55 |
// Chargement de sinformations de connexion SSO
|
73 |
// Chargement des informations de connexion SSO
|
56 |
var urlBaseAuth = config[mode]['urlBaseAuth'];
|
74 |
var urlBaseAuth = config[mode]['urlBaseAuth'];
|
57 |
chargerStatutSSO(urlBaseAuth);
|
- |
|
58 |
}
|
- |
|
59 |
},
|
- |
|
60 |
error: function() {
|
- |
|
61 |
div.html('Erreur: impossible de charger la barre de navigation');
|
- |
|
62 |
}
|
- |
|
63 |
});
|
75 |
chargerStatutSSO( urlBaseAuth );
|
- |
|
76 |
}
|
- |
|
77 |
},
|
- |
|
78 |
error: function() {
|
- |
|
79 |
$div.html( 'Erreur: impossible de charger la barre de navigation' );
|
- |
|
80 |
}
|
- |
|
81 |
});
|
64 |
}
|
82 |
}
|
Line 65... |
Line 83... |
65 |
});
|
83 |
});
|
66 |
|
84 |
|
67 |
/**
|
85 |
/**
|
68 |
* Modifie les liens des boutons de connexion / déconnexion SSO pour prendre ne compte
|
86 |
* Modifie les liens des boutons de connexion / déconnexion SSO pour prendre ne compte
|
69 |
* l'adresse exacte de la page d'origine (si on fait ça en PHP, on obtient l'URL du
|
87 |
* l'adresse exacte de la page d'origine (si on fait ça en PHP, on obtient l'URL du
|
70 |
* widget de barre de navigation et pas de la page appelante)
|
88 |
* widget de barre de navigation et pas de la page appelante)
|
71 |
*/
|
89 |
*/
|
72 |
function definirPageOrigineDansLiens() {
|
90 |
function definirPageOrigineDansLiens() {
|
73 |
var page = window.location.href;
|
91 |
var page = window.location.href;
|
74 |
$('#bouton-connexion a').attr('href', $('#bouton-connexion a').attr('href') + page);
|
92 |
$( '#bouton-connexion a' ).attr( 'href', $( '#bouton-connexion a' ).attr( 'href' ) + page );
|
Line 75... |
Line 93... |
75 |
$('#deconnexion a').attr('href', $('#deconnexion a').attr('href') + page);
|
93 |
$( '#deconnexion a' ).attr( 'href', $( '#deconnexion a' ).attr( 'href' ) + page );
|
76 |
}
|
94 |
}
|
77 |
|
95 |
|
78 |
/**
|
96 |
/**
|
79 |
* Interroge le SSO pour connaître le statut de l'utilisateur, et change le menu
|
97 |
* Interroge le SSO pour connaître le statut de l'utilisateur, et change le menu
|
80 |
* à droite de la barre en fonction
|
98 |
* à droite de la barre en fonction
|
81 |
*/
|
99 |
*/
|
- |
|
100 |
function chargerStatutSSO( urlBaseAuth ) {
|
- |
|
101 |
var urlAuth = urlBaseAuth + '/identite';
|
82 |
function chargerStatutSSO(urlBaseAuth) {
|
102 |
// definirUtilisateur( 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwczpcL1wvd3d3LnRlbGEtYm90YW5pY2Eub3JnIiwidG9rZW5faWQiOiJ0Yl9hdXRoIiwic3ViIjoiaWRpckB0ZWxhLWJvdGFuaWNhLm9yZyIsImlhdCI6MTU0Mjk3MjIxNiwiZXhwIjoxNTQyOTg0NDQ1LCJzY29wZXMiOlsidGVsYS1ib3RhbmljYS5vcmciXSwiaWQiOiI0NDA4NCIsInByZW5vbSI6IklkaXIiLCJub20iOiJBbGxpY2hlIiwicHNldWRvIjoiSWRpciBBbGxpY2hlIiwicHNldWRvVXRpbGlzZSI6dHJ1ZSwiaW50aXR1bGUiOiJJZGlyIEFsbGljaGUiLCJhdmF0YXIiOiJcL1wvd3d3LmdyYXZhdGFyLmNvbVwvYXZhdGFyXC83ODU3ZmY2MWE5Yjk5NWE4NjIyMzdkMmEyYzYxODAyMT9zPTUwJnI9ZyZkPW1tIiwiZ3JvdXBlcyI6W10sInBlcm1pc3Npb25zIjpbImVkaXRvciJdLCJub21XaWtpIjoiSWRpckFsbGljaGUiLCJkYXRlRGVybmllcmVNb2RpZiI6MTQ5NTIwNjM3Nn0.D3rySwuCDsSl6JAmjncwgwg4gUJijZjeaYeDYHsw3uI' );
|
83 |
var urlAuth = urlBaseAuth + '/identite';
|
103 |
// Prod: décommenter $.ajax ci-dessous et supprimer la ligne ci-dessus
|
84 |
$.ajax({
|
104 |
$.ajax({
|
85 |
url: urlAuth,
|
105 |
url: urlAuth,
|
86 |
type: "GET",
|
106 |
type: "GET",
|
87 |
dataType: 'json',
|
107 |
dataType: 'json',
|
88 |
xhrFields: {
|
108 |
xhrFields: {
|
89 |
withCredentials: true
|
109 |
withCredentials: true
|
90 |
}
|
110 |
}
|
91 |
}).done(function(data) {
|
111 |
}).done( function( data ) {
|
92 |
// connecté
|
112 |
// connecté
|
Line 93... |
Line 113... |
93 |
definirUtilisateur(data.token);
|
113 |
definirUtilisateur( data.token );
|
94 |
});
|
114 |
});
|
- |
|
115 |
}
|
- |
|
116 |
|
- |
|
117 |
function definirUtilisateur( jeton ) {
|
- |
|
118 |
var nomComplet = '',
|
95 |
}
|
119 |
idUtilisateur = '',
|
96 |
|
120 |
courriel = '',
|
97 |
function definirUtilisateur(jeton) {
|
121 |
nom = '',
|
98 |
var nomComplet = '';
|
122 |
prenom = '';
|
- |
|
123 |
if ( undefined !== jeton ) {
|
- |
|
124 |
// décodage jeton
|
- |
|
125 |
var jetonDecode = decoderJeton( jeton );
|
- |
|
126 |
nomComplet = jetonDecode.intitule;
|
- |
|
127 |
idUtilisateur = jetonDecode.id;
|
99 |
if (jeton != undefined) {
|
128 |
courriel = jetonDecode.sub;
|
100 |
// décodage jeton
|
129 |
nom = jetonDecode.nom;
|
101 |
var jetonDecode = decoderJeton(jeton);
|
130 |
prenom = jetonDecode.prenom;
|
102 |
nomComplet = jetonDecode.intitule;
|
131 |
// console.log(jetonDecode);
|
103 |
}
|
132 |
}
|
- |
|
133 |
// affichage
|
- |
|
134 |
$( '#bouton-connexion, #creation-compte' ).addClass( 'hidden' );
|
- |
|
135 |
$( '#utilisateur-connecte, #anonyme, #zone-courriel-confirmation, #zone-prenom-nom' ).removeClass( 'hidden' );
|
- |
|
136 |
$( '#nom-complet' ).html( nomComplet );
|
- |
|
137 |
$( '#courriel, #courriel_confirmation' ).val( courriel ).attr( 'disabled', 'disabled' );
|
104 |
// affichage
|
138 |
$( '#id_utilisateur' ).val( idUtilisateur );
|
Line 105... |
Line 139... |
105 |
$('#bouton-connexion').hide();
|
139 |
$( '#prenom' ).val( prenom ).attr( 'disabled', 'disabled' );
|
106 |
$('#utilisateur-connecte').show();
|
140 |
$( '#nom' ).val( nom ).attr( 'disabled', 'disabled' );
|
107 |
$('#nom-complet').html(nomComplet);
|
141 |
$( '#date-releve' ).focus();
|
108 |
}
|
142 |
}
|
109 |
|
143 |
|
110 |
/**
|
144 |
/**
|
111 |
* Décodage à l'arrache d'un jeton JWT, ATTENTION CONSIDERE QUE LE
|
145 |
* Décodage à l'arrache d'un jeton JWT, ATTENTION CONSIDERE QUE LE
|
112 |
* JETON EST VALIDE, ne pas décoder n'importe quoi - pas trouvé de lib simple
|
146 |
* JETON EST VALIDE, ne pas décoder n'importe quoi - pas trouvé de lib simple
|
113 |
* Si pb de cross-browser, tenter ceci : https://code.google.com/p/javascriptbase64/
|
147 |
* Si pb de cross-browser, tenter ceci : https://code.google.com/p/javascriptbase64/
|
114 |
* ou ceci : https://code.google.com/p/crypto-js
|
148 |
* ou ceci : https://code.google.com/p/crypto-js
|
115 |
*/
|
149 |
*/
|
Line 116... |
Line -... |
116 |
function decoderJeton(jeton) {
|
- |
|
117 |
parts = jeton.split('.');
|
- |
|
118 |
payload = parts[1];
|
150 |
function decoderJeton( jeton ) {
|
- |
|
151 |
parts = jeton.split( '.' );
|
- |
|
152 |
payload = parts[1];
|