nemunaire/pa4home
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Version 0.3: replace Prototype by JQuery and use bootstrap

Browse source
This commit is contained in:
nemunaire 2013-12-30 12:26:30 +01:00
commit ad51d9da73
39 changed files with 19615 additions and 8436 deletions
Download patch file Download diff file Expand all files Collapse all files

17
onyx2/include/pages/aproposdusite.xml
View file

@ -3,14 +3,17 @@
<display value="titre">aproposdusite.png</display>
<display value="body">
<![CDATA[
<h2>A propos de Pommultimedia for Home</h2>
<h3>Pommultimedia for Home<br />
Version 0.2 du 22/04/2011</h3>
<h3>Ce site a été développé avec Emacs et Eclipse (plug-in Aptana) sur un serveur utilisant la technologie <a href="http://www.php.net/">PHP</a>.</h3>
<br />
<h3>Navigateurs conseillés : <a href="www.mozilla.org/firefox/">Mozilla Firefox</a> et <a href="http://www.google.com/chrome/">Google Chrome</a>.</h3>
<br />
<h2>À propos de Pommultimedia for Home</h2>
<h3>Pommultimédia for Home<br>Version 0.3 du 30/12/2013</h3>
<h3>Ce site a été développé avec <a href="https://www.gnu.org/software/emacs/">Emacs</a> et <a href="https://www.eclipse.org">Eclipse</a> (plug-in <a href="http://www.aptana.org/">Aptana</a>) sur un serveur utilisant la technologie <a href="http://www.php.net/">PHP</a>.</h3>
<br>
<h3>Navigateur conseillé : <a href="http://www.mozilla.org/firefox/">Mozilla Firefox</a>.</h3>
<br>
<h3>Historique des versions :</h3>
<h4>Version 0.3 du 30/12/2013</h4>
<ul>
<li>Utilisation de JQuery au lieu de Prototype</li>
</ul>
<h4>Version 0.2 du 22/04/2011</h4>
<ul>
<li>Factorisation du code JavaScript du framework</li>

84
onyx2/include/pages/connexion.xml
View file

@ -5,57 +5,59 @@
<![CDATA[
<h1>Bienvenue sur le serveur <em>Pommultimédia for home</em> !</h1>
<h2>Pour vous connecter au serveur, veuillez indiquer votre nom d'utilisateur ainsi que votre mot de passe.</h2>
<form action="#" method="post">
<fieldset class="connexion">
<label for="pseudo">Nom d'utilisateur :</label>
<input type="text" id="pseudo" maxlength="32"><br>
<label for="mdp">Mot de passe :</label>
<input type="password" id="mdp" maxlength="32"><br>
<input type="submit" value="Connexion">
<form action="#" method="post" class="form-horizontal" id="login-form">
<fieldset class="col-md-4 col-md-offset-4 well">
<div class="form-group">
<label for="pseudo" class="col-sm-6 control-label">Nom d'utilisateur :</label>
<div class="col-sm-6"><input type="text" id="pseudo" maxlength="32" class="form-control"></div>
</div>
<div class="form-group">
<label for="mdp" class="col-sm-6 control-label">Mot de passe :</label>
<div class="col-sm-6"><input type="password" id="mdp" maxlength="32" class="form-control"></div>
</div>
<div class="form-group"><div class="col-sm-offset-6 col-sm-6"><button type="submit" id="submit" class="btn btn-primary">Connexion</button></div></div>
<div id="erreur" style="text-align: center"></div>
</fieldset>
</form>
<p id="erreur"></p>
]]>
</display>
<display value="js">
<![CDATA[
function connexion(nom, pass)
{
printEtat(4);
$('pseudo').disabled = "disabled";
$('mdp').disabled = "disabled";
new Ajax.Request(
'ajax.php?d=connecte',
{
method: 'post',
parameters: {name: nom, mdp: pass},
onSuccess: function(transport, json)
{
if (json.statut == 1)
{
printEtat(2);
username = nom.toLowerCase();
page_accueil();
}
else
{
$('pseudo').disabled = "";
$('mdp').disabled = "";
$('pseudo').className = "erreur";
$('mdp').className = "erreur";
$('erreur').innerHTML = "Nom d'utilisateur ou mot de passe incorrect !";
$('pseudo').focus();
$('pseudo').select();
printEtat(0);
}
},
onFailure: function() { printEtat(3); }
}
);
printState(4);
$('#pseudo').prop("disabled", true);
$('#mdp').prop("disabled", true);
$.ajax({
url: "ajax.php?d=connecte",
type: "POST",
data: {name: nom, mdp: pass}
}).done(function(data) {
if (data.documentElement.getAttribute("statut") == 1)
{
printState(2);
username = nom.toLowerCase();
page_accueil();
}
else
{
$('#pseudo').prop("disabled", false);
$('#mdp').prop("disabled", false);
$('#pseudo').parent().parent().addClass("has-error");
$('#mdp').parent().parent().addClass("has-error");
$('#erreur').html('<div class="alert alert-danger">Nom d\'utilisateur ou mot de passe incorrect !</div>');
$('#pseudo').focus();
$('#pseudo').select();
printState(0);
}
}).fail(function(jqXHR, textStatus) {
printState(7, textStatus);
});
}
$('corps').getElementsByTagName("form")[0].onsubmit = function() { connexion($('pseudo').value, $('mdp').value); return false; };
$('pseudo').focus();
$('#login-form').submit(function() { connexion($('#pseudo').val(), $('#mdp').val()); return false; });
$('#pseudo').focus();
]]>
</display>