Commit 651d0cb5 authored by Nicolas's avatar Nicolas

séries de bugs édition

éditer titre et mise
boucle indéterminée (la boucle se comporte comme l'alternative)
alternative sans bouton inclusive/exclusive
bouton ajouter ne passe plus par un prompt
parent 10d5521a
......@@ -50,6 +50,12 @@ li li {
position:absolute;
/*width: 450px;*/
}
#alt_mode{
display:none;
}
#alt_n, #alt_p, #boucle_n, #boucle_p{
width: 10px;
}
.axis-infos{
background: white;
border: 1px solid blue;
......@@ -79,6 +85,14 @@ li li {
.axis-focus{
display: inline-block !important;
}
.boucle-infos{
background: white;
border: 1px solid blue;
display: none;
padding: 5px;
position:absolute;
/*width: 450px;*/
}
.el_tag{
/*display:none;*/
}
......
......@@ -33,7 +33,9 @@ window.W = window.W || {};
'click .axis-fermer-infos': 'closeInfos',
'blur #terme': 'editTextProperty',
'click #boucle': 'editTimeSequence',
'blur #boucle': 'saveTimeSequence',
'click #boucle_ok': 'saveTimeSequence',
'click #boucle_x': 'effaceBoucle',
//'blur #boucle': 'saveTimeSequence',
'click #alternative': 'editAlternative',
'click #alt_ok': 'closeAlternative',
'click #alt_x': 'effaceAlternative',
......@@ -141,35 +143,46 @@ window.W = window.W || {};
var alt_div = $target.parent();
var alt_n = alt_div.find("#alt_n").val();
var alt_p = alt_div.find("#alt_p").val();
if((parseInt(alt_n) && parseInt(alt_p))){
var alt_mode = alt_div.find("#alt_mode").val();
var alt_str = "entre "+alt_n+" et "+alt_p+" axes";
var alt_symbole = "V"+alt_n+"-"+alt_p;
if(alt_mode == "exclusive"){
//alt_n = 1;
//alt_p = 1;
alt_symbole = "V-1";
if(!isNaN(parseInt(alt_n)) && !isNaN(parseInt(alt_p))){
var alt_mode = "inclusive";
var alt_str = "entre "+alt_n+" et "+alt_p+" axes";
var alt_symbole = "V"+alt_n+"-"+alt_p;
if(parseInt(alt_n) == parseInt(alt_p)){
//alt_n = 1;
//alt_p = 1;
alt_mode = "exclusive";
alt_symbole = "V"+alt_n;
}
if(parseInt(alt_n) > parseInt(alt_p)){
alt_div.hide();
console.log(alt_n, alt_p);
alert("le premier paramètre est plus grand que le second.");
alt_div.find("#alt_n").val(this.model.get('alternative_n'));
alt_div.find("#alt_p").val(this.model.get('alternative_p'));
return false;
}
// this.model.set("aspect", selected_a);
console.log(alt_str);
this.model.set({
"alternative_n": alt_n,
"alternative_p": alt_p,
"alternative_mode": alt_mode,
"alternative": alt_str,
//"alternative_symbole": alt_symbole
});
this.addLinesAlternative(alt_p, alt_symbole);
alt_div.hide();
this.render();
return false;
}else{
var $target = $(e.target);
var alt_div = $target.parent();
alt_div.hide();
alt_div.find("#alt_n").val(this.model.get('alternative_n'));
alt_div.find("#alt_p").val(this.model.get('alternative_p'));
alert("les paramètres doivent être numériques");
}
// this.model.set("aspect", selected_a);
console.log(alt_str);
this.model.set({
"alternative_n": alt_n,
"alternative_p": alt_p,
"alternative_mode": alt_mode,
"alternative": alt_str,
//"alternative_symbole": alt_symbole
});
this.addLinesAlternative(alt_p, alt_symbole);
alt_div.hide();
this.render();
return false;
}else{
var $target = $(e.target);
var alt_div = $target.parent();
alt_div.hide();
alert("les paramètres doivent être numériques");
}
//console.log(infos);
},
......@@ -227,34 +240,77 @@ window.W = window.W || {};
editTimeSequence: function(e) {
var $target = $(e.target);
var boucle_div = $target.parent().parent().find('.boucle-infos');
// console.log(infos);
boucle_div.show();
boucle_div.css('top', $target.offset().top);
boucle_div.css('left', $target.offset().left);
return false;
//console.log('value: ', $target.val(), $target.attr('id'));
//console.log(e);
//console.log($target.text());
if ($.trim($target.text()) == 'boucle') {
$target.text("de...n...à...p...");
//console.log(e);
}
// if ($.trim($target.text()) == 'boucle') {
// $target.text("de...n...à...p...");
// //console.log(e);
// }
},
saveTimeSequence: function(e) {
var $target = $(e.target);
if ($.trim($target.text()) == 'de...n...à...p...') {
$target.text("boucle");
//console.log(e);
} else {
this.model.set("boucle", $target.text());
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 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";
}else{
str_boucle = "Boucle "+boucle_n;
}
//}
}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;
}
}
//}else if(){
}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;
}
this.model.set({
"boucle_n": boucle_n,
"boucle_p": boucle_p,
"boucle": str_boucle,
});
boucle_div.hide();
this.render();
return false;
},
addLine: function() {
var title = prompt("Saisir le nouveau titre", "");
//var title = prompt("Saisir le nouveau titre", "");
var sublines = this.model.get("sublines");
var incr = sublines.length +1;
var title = "Sous axe "+incr;
var title2 = "Sous axe "+(incr+1);
var sublines = this.model.get("sublines")
if (sublines.length == 0) {
sublines.add([{
title: title
}, {}]);
}, {title: title2}]);
} else {
sublines.add({
title: title
......@@ -316,7 +372,8 @@ window.W = window.W || {};
//console.log(this.$el);
if (!hasparent) {
this.$el.find(".el_tag").addClass("invis_root");
}else if(this.model.get("alternative_symbole") == "V-1"){
}else if(hasparent.get("alternative_mode") == "exclusive"){
console.log("exclusive");
this.$el.find("#tag").removeClass("vis");
this.$el.find("#tag").addClass("invis");
}else{
......@@ -371,6 +428,18 @@ window.W = window.W || {};
triggers: {
'click .save': 'save'
},
events: {
'blur #title' : 'editTextProperty',
'blur #stage_set': 'editTextProperty'
},
editTextProperty: function(e) {
console.log('íci');
var $target = $(e.target);
console.log('value: ', $target.text(), $target.attr('id'));
this.model.set($target.attr('id'), $.trim($target.text()));
console.log(this.model.get($target.attr('id')));
//return false;
},
onSave: function(event) {
console.log("ok");
......
......@@ -66,6 +66,15 @@
<button class="add">Ajouter</button>
<button class="toggle">(Dé)plier</button>
</span>
<div class="boucle-infos" class="invis">
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" />
</div>
<div class="alt-infos" class="invis">
entre
......
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