309 lines
9.7 KiB
HTML
309 lines
9.7 KiB
HTML
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<title>Lier votre compte DKFéID avec Arcopole</title>
|
|
|
|
<script src="${static_url}/js/jquery-1.11.1.min.js" type="text/javascript"></script>
|
|
<script>
|
|
mjQuery = jQuery.noConflict( true );
|
|
</script>
|
|
|
|
<link href="favicon.ico" rel="shortcut icon">
|
|
<link href="./css/accueil.css" rel="stylesheet" type="text/css" />
|
|
|
|
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
|
|
<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>
|
|
<script type="text/javascript" src="js/jquery.base64.min.js"></script>
|
|
|
|
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
|
|
<script type="text/javascript" src="js/functions.js"></script>
|
|
<script type="text/javascript" src="js/jquery.pngfix.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
/**
|
|
* JQuery init function
|
|
*/
|
|
$(function() {
|
|
// Dialog
|
|
$('#login-box').dialog({
|
|
autoOpen : true,
|
|
width : 380,
|
|
modal : true,
|
|
resizable: false,
|
|
buttons : {
|
|
"Lier mon compte" : function() {
|
|
$('#login-form').submit();
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
|
|
// hide the original submit button if javascript is active
|
|
$('#login-box form input[type=submit]').hide();
|
|
|
|
// register a click handler on checkboxes text
|
|
// add automatic check on username when checking password
|
|
$('#mem-user').click(function() {
|
|
if ($('#chbx-mem-user').attr('checked')) {
|
|
$('#chbx-mem-user').attr('checked', true);
|
|
} else {
|
|
$('#chbx-mem-user').attr('checked', false);
|
|
$('#chbx-mem-pass').attr('checked', false);
|
|
}
|
|
});
|
|
$('#mem-pass').click(function() {
|
|
if ($('#chbx-mem-pass').attr('checked')) {
|
|
$('#chbx-mem-pass').attr('checked', true);
|
|
$('#chbx-mem-user').attr('checked', true);
|
|
} else {
|
|
$('#chbx-mem-pass').attr('checked', false);
|
|
}
|
|
});
|
|
|
|
// register a submit handler to submit the form asynchronously
|
|
$('#login-form')
|
|
.submit(
|
|
function() {
|
|
// idem password avec encodage base64
|
|
$('#password').val(
|
|
$.base64.encode($.trim($('#password').val())));
|
|
});
|
|
|
|
$('#user-box form')
|
|
.submit(
|
|
function() {
|
|
$.post($(this).attr('action'), $(this).serialize(),
|
|
resultOfLogoutAttempt, "jsonp")
|
|
.error(
|
|
function() {
|
|
alert("Error à l'exécution de la reqûete de déconnexion (AJAX)");
|
|
});
|
|
return false;
|
|
});
|
|
|
|
// register a keypress handler
|
|
$('#login-box form').find('input').keypress(function(e) {
|
|
if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
|
|
$('#login-form').submit();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
// Dialog Link
|
|
$('#dialog_link').click(function() {
|
|
$('#login-box').dialog('open');
|
|
return false;
|
|
});
|
|
|
|
// Logout link
|
|
$('#logout_link').click(function() {
|
|
$('#user-box form').submit();
|
|
return false;
|
|
});
|
|
|
|
// image de chargment ajax en cours
|
|
$('#loadingDiv').hide() // hide it initially
|
|
.ajaxStart(function() {
|
|
$(this).show();
|
|
}).ajaxStop(function() {
|
|
$(this).hide();
|
|
});
|
|
|
|
// un appid a ete fourni, afficahge du masque de connexion
|
|
|
|
});
|
|
|
|
/*
|
|
* handle login :
|
|
* succes affichage du username du formulaire dans la zone info
|
|
*/
|
|
function resultOfLoginAttempt(data) {
|
|
if (data.error != null) {
|
|
//alert("C'est bien un erreur d'authntification");
|
|
$("#login-box-error").html(data.error);
|
|
$("#login-box-error").show();
|
|
} else {
|
|
$('#userinfo-username').html($.trim($('#username-clair').val()));
|
|
$("#userinfo").show();
|
|
$("#connect").hide();
|
|
$('#login-box').dialog("close");
|
|
majApplications();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* handle logout action
|
|
*/
|
|
function resultOfLogoutAttempt(data) {
|
|
if (data.error != null) {
|
|
alert(data.error);
|
|
} else {
|
|
$("#userinfo").hide();
|
|
$('#userinfo-username').html("");
|
|
$("#connect").show();
|
|
$('#login-box').dialog("close");
|
|
majApplications();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* requete ajax de maj de la liste des applications de l'utilisateur en session
|
|
* la servlet retourne les appli public en l'absence de session
|
|
*/
|
|
function majApplications() {
|
|
$.ajax({
|
|
type : "POST",
|
|
url : "apps",
|
|
dataType : "text"
|
|
|
|
}).done(function(data) {
|
|
$('#arcopole-app').html("");
|
|
$('#arcopole-app').html(data);
|
|
|
|
var $spans = $('li');
|
|
var n = $('#arcopole-app').find($spans).length;
|
|
|
|
// User messages
|
|
var msgStart = "<span style=\"text-align: center; line-height:10em;\"><h5>";
|
|
var msgEnd ="</h5></span>";
|
|
|
|
// un appid a ete fourni ? et l'authentification n'est pas requise ?
|
|
// attention un mix de jsp (server) et javascript ( client )!!!
|
|
|
|
|
|
// a moins d'une redirection vers cet accueil depuis une appli lancé:
|
|
|
|
// sinon y a t il une seule application pour un utilisateur
|
|
// authentifié
|
|
if( $('#userinfo-username').html() != "" ) {
|
|
if( n == 1 ) {
|
|
$('#arcopole-app a').click();
|
|
} else {
|
|
// si le studio est la: click = lancement
|
|
$('#TFA').click();
|
|
}
|
|
}
|
|
|
|
|
|
});
|
|
}
|
|
|
|
/**
|
|
* requete ajax de maj de la liste des applications de l'utilisateur en session
|
|
* la servlet retourne les appli public en l'absence de session
|
|
*/
|
|
function majUserInfo() {
|
|
$.ajax({
|
|
type : "POST",
|
|
url : "orion/userinfo?token=__session_token",
|
|
dataType : "json"
|
|
}).done(function(data) {
|
|
if (data.username != "anonymous") {
|
|
$("#userinfo").show();
|
|
$("#connect").hide();
|
|
$('#userinfo-username').html(data.username);
|
|
} else {
|
|
$("#userinfo").hide();
|
|
$("#connect").show();
|
|
$('#userinfo-username').html("");
|
|
}
|
|
majApplications();
|
|
}).fail(function(jqXHR, textStatus){
|
|
$("#userinfo").hide();
|
|
$("#connect").show();
|
|
$('#userinfo-username').html("");
|
|
majApplications();
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Fin chargement de la page:
|
|
* -> verification du username => source servlet session
|
|
* -> maj des applications : correlation entre app affichées et user en session
|
|
* => anonymous si pas de session
|
|
*/
|
|
function load() {
|
|
majUserInfo();
|
|
}
|
|
</script>
|
|
<script src="${static_url}/js/toolbar.js" type="text/javascript"></script>
|
|
<link rel="stylesheet" type="text/css" href="${static_url}/css/toolbar.css">
|
|
</head>
|
|
<body onload="javascript:load();">
|
|
|
|
<div class="contener">
|
|
<div class="content_gauche">
|
|
<div class="logo">
|
|
<img src="img/v_avatar.jpg" title="Votre logo ici" alt="esri France" />
|
|
</div>
|
|
<div class="welcome">
|
|
<h4>Bienvenue <span id="userinfo-username" style="word-wrap: break-word;"></span></h4>
|
|
<p><!--Message accueil ArcOpole--></p>
|
|
</div>
|
|
|
|
<div id="user-box">
|
|
<div id="userinfo">
|
|
<div id="userinfo-username-old"></div>
|
|
<form action="login">
|
|
<input id="logout" name="action" type="hidden" value="logout" />
|
|
</form>
|
|
<p>
|
|
<a href="#" id="logout_link" class="b_deconnecter" title="Se déconnecter à arcOpole Studio" alt="Se déconnecter"></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- VERSION -->
|
|
<div id="version">
|
|
arcOpole Studio v3.2.0.1
|
|
</div>
|
|
|
|
|
|
<!-- APPS -->
|
|
<div id="arcopole-app" class="content_center"></div>
|
|
</div>
|
|
|
|
<div id="loadingDiv" style="display: none">
|
|
<img src="./img/loading.gif" alt="Loader" />
|
|
<!-- Patientez... -->
|
|
</div>
|
|
|
|
<div id="login-box" title="Lier arcOpole Studio avec DKFéID">
|
|
<form id="login-form" action="mandayeassociate?next_url=/studio/accueil" method="post">
|
|
<p>Veuillez saisir votre identifiant et votre mot de passe afin de les lier avec votre compte DKFéID.
|
|
La prochaine fois que vous vous connecterez sur arcOpole via DKFéID, vous serez directement authentifié sur arcOpole.</p>
|
|
% if type == 'badlogin':
|
|
<p style="color: red;">
|
|
Le mot de passe saisi est incorrect, vérifiez la syntaxe et réessayez.
|
|
</p>
|
|
% endif
|
|
% if type == 'failed':
|
|
<p style="color: red;">
|
|
Vos identifiants pour arcOpole ne fonctionnent plus ! Merci de les ressaisir.
|
|
</p>
|
|
% endif
|
|
|
|
<div id="login-box-error" class="authent-error"></div>
|
|
<div id="login-box-name">Utilisateur:</div>
|
|
<div id="login-box-field">
|
|
<input id="username-clair" name="username" class="form-login required"
|
|
value=""
|
|
size="30" maxlength="132" /> <label for="username-clair"
|
|
class="error">Ce champ est obligatoire.</label>
|
|
</div>
|
|
<div id="login-box-name">Mot de passe:</div>
|
|
<div id="login-box-field">
|
|
<input id="password" name="password" type="password"
|
|
class="form-login required"
|
|
value=""
|
|
size="30" maxlength="132" /> <label for="password-clair"
|
|
class="error">Ce champ est obligatoire.</label>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|