Subversion Repositories eFlore/Applications.cel

// configuration

// configuration

  config = {

  config = {

    prod: {

    prod: {

      urlWidgetNavigation : urlRacine + '/widget:cel:saisie2',

      urlWidgetNavigation : urlRacine + '/widget:cel:saisie2',

      urlBaseAuth : 'https://www.tela-botanica.org/service:annuaire:auth'

      urlBaseAuth : 'https://www.tela-botanica.org/service:annuaire:auth'

    },

    },

    test: {

    test: {

      urlWidgetNavigation : urlRacine + '/widget-test:cel:saisie2',

      urlWidgetNavigation : urlRacine + '/widget-test:cel:saisie2',

      urlBaseAuth : 'https://www.tela-botanica.org/service:annuaire-test:auth'

      urlBaseAuth : 'https://www.tela-botanica.org/service:annuaire-test:auth'

    },

    },

    local: {

    local: {

      urlWidgetNavigation : 'https://localhost/widget:cel:saisie2',

      urlWidgetNavigation : 'https://localhost/widget:cel:saisie2',

      urlBaseAuth : 'https://localhost/service:annuaire:auth'

      urlBaseAuth : 'https://localhost/service:annuaire:auth'

    }

    }

  }

  }

// // Prod: décommenter ci-dessus et commenter ou supprimer ci-dessous

// // Prod: décommenter ci-dessus et commenter ou supprimer ci-dessous

/**

/**

 * Charge la barre de navigation depuis le widget:reseau:navigation dans un <div id="tb-navigation"> , s'il existe

 * Charge la barre de navigation depuis le widget:reseau:navigation dans un <div id="tb-navigation"> , s'il existe

 * dans la page appelante.

 * dans la page appelante.

 *

 *

 * Nécessite jQuery

 * Nécessite jQuery

 *

 *

 * Utilisation :

 * Utilisation :

 *      - prévoir un <div id="tb-navigation"> dans la page, qui accueillera la barre de navigation.

 *      - prévoir un <div id="tb-navigation"> dans la page, qui accueillera la barre de navigation.

 *      - si ce <div> contient déjà quelque chose, son contenu sera reporté à la place de la zone ayant l'id "contenu-source"

 *      - si ce <div> contient déjà quelque chose, son contenu sera reporté à la place de la zone ayant l'id "contenu-source"

 *        de la barre de navigation (si une telle zone existe)

 *        de la barre de navigation (si une telle zone existe)

 *  - si ce <div> contient un attribut "data-courant" et si la valeur de cet attribut correspond à l'id d'un des éléments

 *  - si ce <div> contient un attribut "data-courant" et si la valeur de cet attribut correspond à l'id d'un des éléments

 *    de navigation, alors cet élément aura la classe "active" (pour localiser la page courante dans les menus)

 *    de navigation, alors cet élément aura la classe "active" (pour localiser la page courante dans les menus)

 *  - si ce <div> contient un attribut "data-squelette", alors le widget de navigation sera appelé avec le paramètre

 *  - si ce <div> contient un attribut "data-squelette", alors le widget de navigation sera appelé avec le paramètre

 *    "?squelette=contenu-de-data-squelette"; se reporter à la documentation du widget:reseau:navigation

 *    "?squelette=contenu-de-data-squelette"; se reporter à la documentation du widget:reseau:navigation

 */

 */

$( document ).ready( function() {

$( document ).ready( function() {

  var $div = $( '#tb-navigation' );

  var $div = $( '#tb-navigation' );

  if ( $div ) {

  if ( $div ) {

    var squelette = $div.data( 'squelette' ),

    var squelette = $div.data( 'squelette' ),

        courant   = $div.data( 'courant' ),

        courant   = $div.data( 'courant' ),

        mode      = $div.data( 'mode' ) || 'prod',

        mode      = $div.data( 'mode' ) || 'prod',

        contenu   = $div.html();

        contenu   = $div.html();

    // chargement de la barre

    // chargement de la barre

    var urlBarreNavigation = config[mode]['urlWidgetNavigation'];

    var urlBarreNavigation = config[mode]['urlWidgetNavigation'];

    if ( squelette ) {

    if ( squelette ) {

      urlBarreNavigation += '?squelette=' + squelette;

      urlBarreNavigation += '?squelette=' + squelette;

    }

    }

    htmlBarre = $.ajax({

    htmlBarre = $.ajax({

      url: urlBarreNavigation,

      url: urlBarreNavigation,

      type: 'get',

      type: 'get',

      success: function( data ) {

      success: function( data ) {

        // remplacement de la zone contenu-source

        // remplacement de la zone contenu-source

        var $zoneSource = $div.find( '#contenu-source' );

        var $zoneSource = $div.find( '#contenu-source' );

        if ( $zoneSource ) {

        if ( $zoneSource ) {

          $zoneSource.replaceWith( contenu );

          $zoneSource.replaceWith( contenu );

          // Chargement des informations de connexion SSO

          // Chargement des informations de connexion SSO

          var urlBaseAuth = config[mode]['urlBaseAuth'];

          var urlBaseAuth = config[mode]['urlBaseAuth'];

          chargerStatutSSO( urlBaseAuth );

          chargerStatutSSO( urlBaseAuth );

        }

        }

      },

      },

      error: function() {

      error: function() {

        $div.html( 'Erreur: impossible de charger la barre de navigation' );

        $div.html( 'Erreur: impossible de charger la barre de navigation' );

      }

      }

    });

    });

  }

  }

});

});

/**

/**

 * Modifie les liens des boutons de connexion / déconnexion SSO pour prendre ne compte

 * Modifie les liens des boutons de connexion / déconnexion SSO pour prendre ne compte

 * l'adresse exacte de la page d'origine (si on fait ça en PHP, on obtient l'URL du

 * l'adresse exacte de la page d'origine (si on fait ça en PHP, on obtient l'URL du

 * widget de barre de navigation et pas de la page appelante)

 * widget de barre de navigation et pas de la page appelante)

 */

 */

function definirPageOrigineDansLiens() {

function definirPageOrigineDansLiens() {

  var page = window.location.href;

  var page = window.location.href;

  $( '#bouton-connexion a' ).attr( 'href', $( '#bouton-connexion a' ).attr( 'href' ) + page );

  $( '#bouton-connexion a' ).attr( 'href', $( '#bouton-connexion a' ).attr( 'href' ) + page );

  $( '#deconnexion a' ).attr( 'href', $( '#deconnexion a' ).attr( 'href' ) + page );

  $( '#deconnexion a' ).attr( 'href', $( '#deconnexion a' ).attr( 'href' ) + page );

}

}

/**

/**

 * Interroge le SSO pour connaître le statut de l'utilisateur, et change le menu

 * Interroge le SSO pour connaître le statut de l'utilisateur, et change le menu

 * à droite de la barre en fonction

 * à droite de la barre en fonction

 */

 */

function chargerStatutSSO( urlBaseAuth ) {

function chargerStatutSSO( urlBaseAuth ) {

  var urlAuth = urlBaseAuth + '/identite';

  var urlAuth = urlBaseAuth + '/identite';

  // Prod: décommenter $.ajax ci-dessous et supprimer la ligne ci-dessus

  // Prod: décommenter $.ajax ci-dessous et supprimer la ligne ci-dessus

  $.ajax({

  $.ajax({

    url: urlAuth,

    url: urlAuth,

    type: "GET",

    type: "GET",

    dataType: 'json',

    dataType: 'json',

    xhrFields: {

    xhrFields: {

      withCredentials: true

      withCredentials: true

    }

    }

  }).done( function( data ) {

  }).done( function( data ) {

    // connecté

    // connecté

    definirUtilisateur( data.token );

    definirUtilisateur( data.token );

  });

  });

}

}

function definirUtilisateur( jeton ) {

function definirUtilisateur( jeton ) {

  var nomComplet = '',

  var nomComplet = '',

      idUtilisateur = '',

      idUtilisateur = '',

      courriel = '',

      courriel = '',

      nom = '',

      nom = '',

      prenom = '';

      prenom = '';

  if ( undefined !== jeton ) {

  if ( undefined !== jeton ) {

    // décodage jeton

    // décodage jeton

    var jetonDecode = decoderJeton( jeton );

    var jetonDecode = decoderJeton( jeton );

    nomComplet = jetonDecode.intitule;

    nomComplet = jetonDecode.intitule;

    idUtilisateur = jetonDecode.id;

    idUtilisateur = jetonDecode.id;

    courriel = jetonDecode.sub;

    courriel = jetonDecode.sub;

    nom = jetonDecode.nom;

    nom = jetonDecode.nom;

    prenom = jetonDecode.prenom;

    prenom = jetonDecode.prenom;

    // console.log(jetonDecode);

    // console.log(jetonDecode);

  }

  }

  // affichage

  // affichage

  $( '#bouton-connexion, #creation-compte' ).addClass( 'hidden' );

  $( '#bouton-connexion, #creation-compte' ).addClass( 'hidden' );

  $( '#utilisateur-connecte, #anonyme, #zone-courriel-confirmation, #zone-prenom-nom' ).removeClass( 'hidden' );

  $( '#utilisateur-connecte, #anonyme, #zone-courriel-confirmation, #zone-prenom-nom' ).removeClass( 'hidden' );

  $( '#nom-complet' ).html( nomComplet );

  $( '#nom-complet' ).html( nomComplet );

  $( '#courriel, #courriel_confirmation' ).val( courriel ).attr( 'disabled', 'disabled' );

  $( '#courriel, #courriel_confirmation' ).val( courriel ).attr( 'disabled', 'disabled' );

  $( '#id_utilisateur' ).val( idUtilisateur );

  $( '#id_utilisateur' ).val( idUtilisateur );

  $( '#prenom' ).val( prenom ).attr( 'disabled', 'disabled' );

  $( '#prenom' ).val( prenom ).attr( 'disabled', 'disabled' );

  $( '#nom' ).val( nom ).attr( 'disabled', 'disabled' );

  $( '#nom' ).val( nom ).attr( 'disabled', 'disabled' );

  $( '#date-releve' ).focus();

  $( '#date-releve' ).focus();

}

}

/**

/**

 * Décodage à l'arrache d'un jeton JWT, ATTENTION CONSIDERE QUE LE

 * Décodage à l'arrache d'un jeton JWT, ATTENTION CONSIDERE QUE LE

 * JETON EST VALIDE, ne pas décoder n'importe quoi - pas trouvé de lib simple

 * JETON EST VALIDE, ne pas décoder n'importe quoi - pas trouvé de lib simple

 * Si pb de cross-browser, tenter ceci : https://code.google.com/p/javascriptbase64/

 * Si pb de cross-browser, tenter ceci : https://code.google.com/p/javascriptbase64/

 * ou ceci : https://code.google.com/p/crypto-js

 * ou ceci : https://code.google.com/p/crypto-js

 */

 */

function decoderJeton( jeton ) {

function decoderJeton( jeton ) {

  parts   = jeton.split( '.' );

  parts   = jeton.split( '.' );

  payload = parts[1];

  payload = parts[1];

  payload = atob( payload );

  payload = atob( payload );

  payload = JSON.parse( payload, true );

  payload = JSON.parse( payload, true );

  return payload;

  return payload;

}

}