Ajout de la page d'aide.
This commit is contained in:
parent
ea6bf51e87
commit
a247b9815f
|
@ -33,7 +33,8 @@ html, body {
|
|||
background-color: #F0F8D0;
|
||||
}
|
||||
|
||||
.relationBox {
|
||||
.relationB
|
||||
ox {
|
||||
background-color: #F0F8D0;
|
||||
border: thin solid #44AA44;
|
||||
}
|
||||
|
@ -84,7 +85,7 @@ html, body {
|
|||
<div><img class="icon" alt="" src="ressources/img/72/default.png" /></div>
|
||||
<div class="text">Connexion</div>
|
||||
</div>
|
||||
<div class="frontpage-button about">
|
||||
<div class="frontpage-button info">
|
||||
<div><img class="icon" alt="" src="ressources/img/72/default.png" /></div>
|
||||
<div class="text">A Propos</div>
|
||||
</div>
|
||||
|
@ -103,6 +104,40 @@ html, body {
|
|||
<input type="submit" name="connect" id="connect" value="Se connecter" />
|
||||
</form>
|
||||
</div>
|
||||
<div class="screen" id="info">
|
||||
<div class="container">
|
||||
<p>
|
||||
PtiClic a été conçu et développé par Mathieu Lafourcade
|
||||
(LIRMM - Université Montpellier 2) et Virginie Zampa
|
||||
(LIDILEM - Université Stendhal Grenoble 3)
|
||||
</p>
|
||||
<p>
|
||||
La présente version pour SmartPhone sous Android, en cours
|
||||
de développement a été conçue et réalisée par des
|
||||
étudiants en Master 1 à l'Université Montpellier II :
|
||||
Yoann BONAVERO, Bertrand BRUN, John CHARRON et
|
||||
Georges DUPÉRON.
|
||||
</p>
|
||||
<p>
|
||||
Cette version du PtiClic est une version Alpha. Elle n'est
|
||||
pas exempte de bogues.
|
||||
</p>
|
||||
<p>
|
||||
Si vous souhaitez participer au projet en tant que
|
||||
Bêta-testeur, rendez-vous sur le site
|
||||
<a href="http://pticlic.fr/">http://pticlic.fr</a>
|
||||
pour vous y inscrire.
|
||||
</p>
|
||||
<p>
|
||||
Si vous souhaitez signaler des bogues ou nous faire part
|
||||
de vos commentaires, vous pouvez nous contacter par
|
||||
courriel à l'adresse suivante : <a href="mailto:pticlic.android.beta@gmail.com">pticlic.android.beta@gmail.com</a>
|
||||
</p>
|
||||
<p id="info-back-p">
|
||||
<input id="info-back" type="button" value="Retour" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="templates" style="display: none;">
|
||||
<div class="relationBox">
|
||||
<div class="relation"><img class="icon" alt="" src="ressources/img/72/default.png" /><span class="text"></span></div>
|
||||
|
@ -114,3 +149,4 @@ html, body {
|
|||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<html>
|
||||
|
|
|
@ -45,27 +45,30 @@ $.fn.sumHeight = function() {
|
|||
} catch(e) {alert("Error sumHeight");alert(e);}
|
||||
}
|
||||
|
||||
$.fn.fitFont = function(w, h, minFont, maxFont) {
|
||||
$.fn.fitFont = function(w, h, minFont, maxFont, noContainer) {
|
||||
try {
|
||||
var oldpos = this.css("position");
|
||||
this.css({
|
||||
position: "absolute",
|
||||
maxWidth: w
|
||||
});
|
||||
var wrappers = this.wrapInner("<span/>").children();
|
||||
if (noContainer) {
|
||||
var wrappers = this;
|
||||
} else {
|
||||
var wrappers = this.wrapInner("<span/>").children();
|
||||
}
|
||||
|
||||
var that = this;
|
||||
this.css("font-size", dichotomy(parseInt(this.css("font-size"), 10), function(x) {
|
||||
try {
|
||||
that.css("fontSize", x);
|
||||
fubar = wrappers;
|
||||
return (wrappers.maxHeight() > h || wrappers.maxWidth() > w);
|
||||
} catch(e) {alert("Error anonymous in $.fn.fitFont");alert(e);}
|
||||
},this).clip(minFont || 0, maxFont || Infinity));
|
||||
|
||||
// Restore stuff
|
||||
this.css("position", oldpos);
|
||||
//wrappers.children().unwrap();
|
||||
if (!noContainer) wrappers.children().unwrap();
|
||||
return this;
|
||||
} catch(e) {alert("Error $.fn.fitFont");alert(e);}
|
||||
}
|
||||
|
|
|
@ -249,7 +249,7 @@ frontpage.jss = function(w, h, iconSize) {
|
|||
$fp(".game .icon").data('image', 'mode_normal');
|
||||
$fp(".prefs .icon").data('image', 'config');
|
||||
$fp(".connection .icon").data('image', 'config');
|
||||
$fp(".about .icon").data('image', 'aide');
|
||||
$fp(".info .icon").data('image', 'aide');
|
||||
|
||||
$fp(".frontpage-button")
|
||||
.css('text-align', 'center')
|
||||
|
@ -279,6 +279,7 @@ frontpage.enter = function () {
|
|||
if (location.hash != '') state.commit();
|
||||
$("#frontpage .frontpage-button.game").clickOnce(frontpage.click.goGame);
|
||||
$("#frontpage .frontpage-button.connection").clickOnce(frontpage.click.goConnection);
|
||||
$("#frontpage .frontpage-button.info").clickOnce(frontpage.click.goInfo);
|
||||
jss();
|
||||
UI().dismiss();
|
||||
} catch(e) {alert("Error frontpage.enter");alert(e);}
|
||||
|
@ -298,6 +299,13 @@ frontpage.click.goConnection = function() {
|
|||
} catch(e) {alert("Error frontpage.click.goConnection");alert(e);}
|
||||
};
|
||||
|
||||
frontpage.click.goInfo = function() {
|
||||
try {
|
||||
UI().show("PtiClic", "Chargement…");
|
||||
state.set('screen', 'info').commit().validate();
|
||||
} catch(e) {alert("Error frontpage.click.goInfo");alert(e);}
|
||||
};
|
||||
|
||||
|
||||
// ==== Code métier pour le jeu
|
||||
game = {};
|
||||
|
@ -625,4 +633,27 @@ connection.connectFetched = function(data) {
|
|||
}
|
||||
state.set('screen', 'frontpage').validate();
|
||||
} catch(e) {alert("Error connection.connectFetched");alert(e);}
|
||||
}
|
||||
}
|
||||
|
||||
// ==== Code métier pour la page d'info
|
||||
info = {};
|
||||
|
||||
info.jss = function(w,h,iconSize) {
|
||||
$("#info-back-p").css('text-align', 'center');
|
||||
$("#info.screen .container input").css('font-size', 'inherit');
|
||||
$("#info.screen .container")
|
||||
.fitFont(w*0.9, h*0.9, null, null, true)
|
||||
.center($("#info.screen"));
|
||||
}
|
||||
|
||||
info.enter = function() {
|
||||
try {
|
||||
jss();
|
||||
$("#info-back").clickOnce(function(){
|
||||
try {
|
||||
state.set('screen', 'frontpage').validate();
|
||||
} catch(e) {alert("Error anonymous in info.enter");alert(e);}
|
||||
});
|
||||
UI().dismiss();
|
||||
} catch(e) {alert("Error info.enter");alert(e);}
|
||||
};
|
||||
|
|
Loading…
Reference in New Issue
Block a user