Subversion Repositories eFlore/Applications.cel

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
3204 delphine 1
// configuration
3213 idir 2
// prod :
3217 idir 3
/*var urlRacine = 'https://www.tela-botanica.org',
4
    config = {
5
      prod: {
6
        urlWidgetNavigation : urlRacine + '/widget:cel:saisie2',
7
        urlBaseAuth : 'https://www.tela-botanica.org/service:annuaire:auth'
8
      }
9
    };
3213 idir 10
  */
11
// beta (test) :
3217 idir 12
var urlRacine = 'https://beta.tela-botanica.org',
13
    config = {
14
      test: {
15
        urlWidgetNavigation : urlRacine + '/widget:cel:saisie2',
16
        urlBaseAuth : 'https://beta.tela-botanica.org/service:annuaire:auth'
17
      }
18
    };
3213 idir 19
 
20
// dev (localhost):
3217 idir 21
/*var urlRacine = 'http://localhost',
22
    config = {
23
      local: {
24
        urlWidgetNavigation : urlRacine + '/widget:cel:saisie2',
25
        urlBaseAuth : 'https://api.tela-botanica.test/service:annuaire:auth'
26
      }
3239 idir 27
    };*/
28
 
3204 delphine 29
/**
30
 * Charge la barre de navigation depuis le widget:reseau:navigation dans un <div id="tb-navigation"> , s'il existe
31
 * dans la page appelante.
32
 *
33
 * Nécessite jQuery
34
 *
35
 * Utilisation :
36
 *      - prévoir un <div id="tb-navigation"> dans la page, qui accueillera la barre de navigation.
37
 *      - si ce <div> contient déjà quelque chose, son contenu sera reporté à la place de la zone ayant l'id "contenu-source"
38
 *        de la barre de navigation (si une telle zone existe)
39
 *  - si ce <div> contient un attribut "data-courant" et si la valeur de cet attribut correspond à l'id d'un des éléments
40
 *    de navigation, alors cet élément aura la classe "active" (pour localiser la page courante dans les menus)
41
 *  - si ce <div> contient un attribut "data-squelette", alors le widget de navigation sera appelé avec le paramètre
42
 *    "?squelette=contenu-de-data-squelette"; se reporter à la documentation du widget:reseau:navigation
43
 */
44
 
3208 idir 45
$( document ).ready( function() {
46
  var $div = $( '#tb-navigation' );
47
  if ( $div ) {
48
    var squelette = $div.data( 'squelette' ),
49
        courant   = $div.data( 'courant' ),
50
        mode      = $div.data( 'mode' ) || 'prod',
51
        contenu   = $div.html();
3204 delphine 52
 
3208 idir 53
    // chargement de la barre
3217 idir 54
    var urlBaseAuth = config[mode]['urlBaseAuth'];
3208 idir 55
    var urlBarreNavigation = config[mode]['urlWidgetNavigation'];
3217 idir 56
    urlBarreNavigation += ( squelette ) ? '?squelette=' + squelette : '';
3208 idir 57
 
3217 idir 58
    $.ajax({
3208 idir 59
      url: urlBarreNavigation,
60
      type: 'get',
61
      success: function( data ) {
62
        // remplacement de la zone contenu-source
63
        var $zoneSource = $div.find( '#contenu-source' );
64
        if ( $zoneSource ) {
65
          $zoneSource.replaceWith( contenu );
66
          // Chargement des informations de connexion SSO
3217 idir 67
          chargerStatutSSO( urlBaseAuth );
3204 delphine 68
        }
3208 idir 69
      },
70
      error: function() {
71
        $div.html( 'Erreur: impossible de charger la barre de navigation' );
72
      }
73
    });
3217 idir 74
 
75
    $( '#deconnexion a' ).click( function() {
76
      deconnecterUtilisateur( urlBaseAuth );
77
    });
78
 
3208 idir 79
  }
3204 delphine 80
});
81
 
82
/**
83
 * Modifie les liens des boutons de connexion / déconnexion SSO pour prendre ne compte
84
 * l'adresse exacte de la page d'origine (si on fait ça en PHP, on obtient l'URL du
85
 * widget de barre de navigation et pas de la page appelante)
86
 */
87
function definirPageOrigineDansLiens() {
3208 idir 88
  var page = window.location.href;
3217 idir 89
 
3208 idir 90
  $( '#bouton-connexion a' ).attr( 'href', $( '#bouton-connexion a' ).attr( 'href' ) + page );
91
  $( '#deconnexion a' ).attr( 'href', $( '#deconnexion a' ).attr( 'href' ) + page );
3204 delphine 92
}
93
 
94
/**
95
 * Interroge le SSO pour connaître le statut de l'utilisateur, et change le menu
96
 * à droite de la barre en fonction
97
 */
3208 idir 98
function chargerStatutSSO( urlBaseAuth ) {
99
  var urlAuth = urlBaseAuth + '/identite';
3217 idir 100
 
101
  if( 'local' !== $( '#tb-navigation' ).data( 'mode' ) ) {
102
 
103
    connexion( urlAuth, true );
104
 
105
  } else {
106
    urlAuth ='http://localhost/widget:cel:modules/saisie2/test-token.json';
107
    $( '#connexion' ).click( function() {
108
      connexion( urlAuth, true );
109
      return false;
110
    });
111
  }
112
}
113
 
114
/**
115
 * Déconnecte l'utilisateur du SSO
116
 */
117
function deconnecterUtilisateur( urlBaseAuth ) {
118
  if( 'local' === $( '#tb-navigation' ).data( 'mode' ) ) {
119
    definirUtilisateur( undefined );
120
    window.location.reload();
121
    return;
122
  }
123
 
124
  var urlAuth = urlBaseAuth + '/deconnexion';
125
 
126
  connexion( urlAuth, false );
127
}
128
 
129
function connexion( urlAuth, connexionOnOff ) {
3208 idir 130
  $.ajax({
131
    url: urlAuth,
132
    type: "GET",
133
    dataType: 'json',
134
    xhrFields: {
135
      withCredentials: true
136
    }
3217 idir 137
  })
138
  .done( function( data ) {
3208 idir 139
    // connecté
3217 idir 140
    definirUtilisateur( data.token );
141
    if( !connexionOnOff ) {
142
      window.location.reload();
3213 idir 143
    }
3217 idir 144
  })
145
  .fail( function( error ) {
146
    // @TODO gérer l'affichage de l'erreur, mais pas facile à placer
147
    // dans l'interface actuelle sans que ce soit moche
148
    //afficherErreurServeur();
149
    console.log( error );
3208 idir 150
  });
3204 delphine 151
}
152
 
3217 idir 153
 
3208 idir 154
function definirUtilisateur( jeton ) {
3217 idir 155
  var idUtilisateur = '',
156
      nomComplet    = '',
157
      courriel      = '',
158
      prenom        = '',
159
      nom           = '';
160
 
3208 idir 161
  // affichage
3217 idir 162
  if ( undefined !== jeton ) {
163
    // décodage jeton
164
    var jetonDecode = decoderJeton( jeton );
165
    // console.log(jetonDecode);
166
 
167
    idUtilisateur = jetonDecode.id;
168
    nomComplet    = jetonDecode.intitule;
169
    courriel      = jetonDecode.sub;
170
    prenom        = jetonDecode.prenom;
171
    nom           = jetonDecode.nom;
172
 
173
    $( '#courriel, #courriel_confirmation' ).attr( 'disabled', 'disabled' );
174
    $( '#prenom' ).attr( 'disabled', 'disabled' );
175
    $( '#nom' ).attr( 'disabled', 'disabled' );
176
    $( '#bouton-connexion, #creation-compte' ).addClass( 'hidden' );
177
    $( '#utilisateur-connecte, #anonyme, #zone-courriel-confirmation, #zone-prenom-nom' ).removeClass( 'hidden' );
178
    $( '#date-releve' ).focus();
179
  }
180
 
3213 idir 181
  $( '.warning' ).remove();
3217 idir 182
  $( '#nom-complet' ).html( nomComplet );
183
  $( '#courriel, #courriel_confirmation' ).val( courriel );
184
  $( '#id_utilisateur' ).val( idUtilisateur );
185
  $( '#prenom' ).val( prenom );
186
  $( '#nom' ).val( nom );
3204 delphine 187
}
188
 
189
/**
190
 * Décodage à l'arrache d'un jeton JWT, ATTENTION CONSIDERE QUE LE
191
 * JETON EST VALIDE, ne pas décoder n'importe quoi - pas trouvé de lib simple
192
 */
3208 idir 193
function decoderJeton( jeton ) {
3217 idir 194
  parts = jeton.split( '.' );
3208 idir 195
  payload = parts[1];
3217 idir 196
  payload = b64d( payload );
3208 idir 197
  payload = JSON.parse( payload, true );
3204 delphine 198
 
3208 idir 199
  return payload;
200
}
3217 idir 201
 
202
/**
203
 * Décodage "url-safe" des chaînes base64 retournées par le SSO (lib jwt)
204
 */
205
function b64d( input ) {
206
  var remainder = input.length % 4;
207
 
208
  if ( 0 !== remainder ) {
209
    var padlen = 4 - remainder;
210
 
211
    for ( var i = 0; i < padlen; i++ ) {
212
      input += '=';
213
    }
214
  }
215
 
216
  input = input.replace( '-', '+' );
217
  input = input.replace( '_', '/' );
218
 
219
  return atob( input );
220
}