Commit ae9aa82a authored by Nicolas's avatar Nicolas

amélioration de l'édition de la boucle

On peut se contenter de cocher l'option boucle sans renseigner ses
paramètres
parent 73a6559e
......@@ -64,6 +64,9 @@ li li {
position:absolute;
width: 450px;
}
.axis-infos-vue{
z-index:1000;
}
.axis-title {
margin: 0.25em;
padding: 0.5em;
......@@ -74,6 +77,14 @@ li li {
.axis-title .handle {
/*display: none; */
display: inline-block;
padding-left: 10px;
}
.axis-title-edit{
text-transform: uppercase;
}
.axis-title-view{
border: none !important;
margin: 0 !important;
}
/*.axis-title:hover .options,
......@@ -115,8 +126,36 @@ li li {
margin-right: 10px;
text-decoration: none !important;
}
sub, sup {
/* Specified in % so that the sup/sup is the
right size relative to the surrounding text */
font-size: 65%;
/* Zero out the line-height so that it doesn't
interfere with the positioning that follows */
line-height: 0;
/* Where the magic happens: makes all browsers position
the sup/sup properly, relative to the surrounding text */
position: relative;
/* Note that if you're using Eric Meyer's reset.css, this
is already set and you can remove this rule */
vertical-align: baseline;
}
sup {
/* Move the superscripted text up */
top: -0.5em;
}
sub {
/* Move the subscripted text down, but only
half as far down as the superscript moved up */
bottom: -0.25em;
}
.view_tag{
font-size: 24px;
/*font-size: 24px;*/
}
.trigger_infos{
background: white;
......
......@@ -71,9 +71,13 @@ window.W = window.W || {};
indications: '',
piece_jointe: '', //url qui pointe vers un document
terme: '', //(str)
// boucle: on teste d'abord si boucle check est true
// si oui y a t'il une durée de n à p
// si non mettre n et p à 0
boucle: false, //de n à p
boucle_n: false,
boucle_p: false,
boucle_check: false,
alternative: false,
alternative_n: false,
alternative_p: false,
......
......@@ -45,6 +45,7 @@ window.W = window.W || {};
// 'mouseout .axis-infos-vue': 'closeInfosVue',
'blur #terme': 'editTextProperty',
'click #boucle': 'editTimeSequence',
//'click #boucle_check': 'setBoucleDefaults',
'click #boucle_ok': 'saveTimeSequence',
'click #boucle_x': 'effaceBoucle',
//'blur #boucle': 'saveTimeSequence',
......@@ -271,44 +272,83 @@ window.W = window.W || {};
// }
},
setBoucleDefaults: function(e){
var $target = $(e.target);
var boucle_div = $target.parent().parent().find('.boucle-infos');
var boucle_check = boucle_div.find("#boucle_check").val();
if(boucle_check){
boucle_div.find("#boucle_n").val('0');
boucle_div.find("#boucle_p").val('0');
}else{
boucle_div.find("#boucle_n").val('');
boucle_div.find("#boucle_p").val('');
}
return false;
},
saveTimeSequence: function(e) {
var $target = $(e.target);
var boucle_div = $target.parent().parent().find('.boucle-infos');
var boucle_n = boucle_div.find("#boucle_n").val();
var boucle_p = boucle_div.find("#boucle_p").val();
var boucle_check = boucle_div.find("#boucle_check").is(':checked');
console.log("boucle check",boucle_check);
var boucle_n = boucle_div.find("#boucle_n").val().trim();
var boucle_p = boucle_div.find("#boucle_p").val().trim();
var str_boucle = "de "+boucle_n+" à "+boucle_p;
console.log(parseInt(boucle_n),isNaN(parseInt(boucle_n)));
if((!isNaN(parseInt(boucle_n)) && !isNaN(parseInt(boucle_p)))){
if(boucle_n == boucle_p){
if(boucle_n == 0){
str_boucle = "boucle";
if(boucle_check){
console.log("boucle_n, boucle_p",boucle_n, boucle_p);
// si on ne coche que le paramètre boucle
if((boucle_n == '') && (boucle_p == '')){
console.log("condition vide");
boucle_n = '0';
boucle_p = '0';
boucle_div.find("#boucle_n").val('0');
boucle_div.find("#boucle_p").val('0');
}
console.log(parseInt(boucle_n),isNaN(parseInt(boucle_n)));
if((!isNaN(parseInt(boucle_n)) && !isNaN(parseInt(boucle_p)))){
if(boucle_n == boucle_p){
if(boucle_n == 0){
str_boucle = "Boucle";
}else{
str_boucle = "Boucle "+boucle_n;
}
//}
}else{
str_boucle = "Boucle "+boucle_n;
if(boucle_n > boucle_p){
alert("le second paramètre est plus petit que le premier.");
boucle_div.find("#boucle_n").val(this.model.get('boucle_n'));
boucle_div.find("#boucle_p").val(this.model.get('boucle_p'));
boucle_div.hide();
return false;
}
}
//}
//}else if(){
}else{
if(boucle_n > boucle_p){
alert("le second paramètre est plus petit que le premier.");
boucle_div.find("#boucle_n").val(this.model.get('boucle_n'));
boucle_div.find("#boucle_p").val(this.model.get('boucle_p'));
boucle_div.hide();
return false;
}
alert("Les éléments de la boucle ne sont pas numériques. Pour effectuer une boucle indéterminée, mettre 0 dans les deux champs.");
boucle_div.find("#boucle_n").val(this.model.get('boucle_n'));
boucle_div.find("#boucle_p").val(this.model.get('boucle_p'));
boucle_div.hide();
return false;
}
//}else if(){
this.model.set({
"boucle_check": true,
"boucle_n": boucle_n,
"boucle_p": boucle_p,
"boucle": str_boucle,
});
}else{
alert("Les éléments de la boucle ne sont pas numériques. Pour effectuer une boucle indéterminée, mettre 0 dans les deux champs.");
boucle_div.find("#boucle_n").val(this.model.get('boucle_n'));
boucle_div.find("#boucle_p").val(this.model.get('boucle_p'));
boucle_div.hide();
return false;
var boucle_n = "";
var boucle_p = "";
var str_boucle = "";
this.model.set({
"boucle_check": false,
"boucle_n": boucle_n,
"boucle_p": boucle_p,
"boucle": str_boucle,
});
}
this.model.set({
"boucle_n": boucle_n,
"boucle_p": boucle_p,
"boucle": str_boucle,
});
boucle_div.hide();
this.render();
return false;
......
......@@ -47,6 +47,7 @@
<script id="score-template-vue" type="text/template">
<header>
<div class="home"><a href="../../">index</a></div>
<h1 id="title"><%- title %></h1>
<div id="stage_set" ><%= stage_set %></div>
<button class="deplieTout">Tout déplier</button>
......@@ -104,13 +105,14 @@
</span>
<div class="boucle-infos" class="invis">
<input type="checkbox" name="boucle_check" id="boucle_check" value="1" <% if (boucle_check) { %>checked<% } %> tabindex="0">
boucle de
<input type="text" value="<% if (boucle_n) { %><%= boucle_n %><% } else { %> <% }%>" id="boucle_n" name="boucle_n" />
à
<input type="text" value="<% if (boucle_p) { %><%= boucle_p %><% } else { %> <% }%>" id="boucle_p" name="boucle_p" />
fois
<input type="button" id="boucle_ok" value="ok" />
<input type="button" id="boucle_x" value="effacer" />
<!-- <input type="button" id="boucle_x" value="effacer" /> -->
</div>
<div class="alt-infos" class="invis">
......@@ -194,14 +196,14 @@
</span>
<span id="boucle">
<% if (boucle) { %><%= boucle %><% } else { %><% }%>
<% if (boucle) { %> &#10560; <sup><% if (boucle_n && !(boucle_p == 0)) { %> <%= boucle_n %><% }if (boucle_p && !(boucle_p == 0)) { %> - <%= boucle_p %><% } %></sup><% } else { %><% }%>
</span>
<!-- <span id="alternative">
<% if (alternative) { %><%= alternative %><% } else { %><% }%>
</span> -->
<span id="condition" class="invis">
<% if (condition) { %><%= condition %><% } else { %><% }%>
<% if (condition && !(condition == 'condition')) { %><%= condition %><% } else { %><% }%>
</span>
<span id="imperative_env" class="invis">
<% if (imperative) { %>impérative<% } %>
......@@ -240,7 +242,6 @@
</div>
<div class="axis-infos axis-infos-vue">
Axe:
<!-- La gestion contingent / modulé est faite par le souligné et le barré, non plus explicitée. -->
<!-- <div>
<input type="checkbox" name="contingent" id="contingent" value="1" <% if (contingent) { %>checked<% } %> tabindex="0"> contingent
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment