|
|
@ -1,5 +1,5 @@ |
|
|
|
var sankoreLang = { |
|
|
|
var sankoreLang = { |
|
|
|
display: "Afficher",
|
|
|
|
display: "Fermer",
|
|
|
|
edit: "Modifier",
|
|
|
|
edit: "Modifier",
|
|
|
|
short_desc: "Ecoutez le son et replacer les lettres dans l'ordre.",
|
|
|
|
short_desc: "Ecoutez le son et replacer les lettres dans l'ordre.",
|
|
|
|
add: "Nouveau bloc", |
|
|
|
add: "Nouveau bloc", |
|
|
@ -31,7 +31,8 @@ var sankoreLang = { |
|
|
|
|
|
|
|
|
|
|
|
"<p>Pour supprimer un exercice, cliquez sur la croix à gauche du numéro de l’exercice.</p>"+ |
|
|
|
"<p>Pour supprimer un exercice, cliquez sur la croix à gauche du numéro de l’exercice.</p>"+ |
|
|
|
|
|
|
|
|
|
|
|
"<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>" |
|
|
|
"<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>", |
|
|
|
|
|
|
|
theme: "Thème" |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
//main function
|
|
|
|
//main function
|
|
|
@ -43,9 +44,11 @@ function start(){ |
|
|
|
$("#wgt_reload").text(sankoreLang.reload); |
|
|
|
$("#wgt_reload").text(sankoreLang.reload); |
|
|
|
$("#wgt_help").text(sankoreLang.help); |
|
|
|
$("#wgt_help").text(sankoreLang.help); |
|
|
|
$("#help").html(sankoreLang.help_content); |
|
|
|
$("#help").html(sankoreLang.help_content); |
|
|
|
$(".style_select option[value='1']").text(sankoreLang.slate); |
|
|
|
$("#style_select option[value='1']").text(sankoreLang.slate); |
|
|
|
$(".style_select option[value='2']").text(sankoreLang.pad); |
|
|
|
$("#style_select option[value='2']").text(sankoreLang.pad); |
|
|
|
$(".style_select option[value='3']").text(sankoreLang.none); |
|
|
|
$("#style_select option[value='3']").text(sankoreLang.none); |
|
|
|
|
|
|
|
var tmpl = $("div.inline label").html(); |
|
|
|
|
|
|
|
$("div.inline label").html(sankoreLang.theme + tmpl) |
|
|
|
|
|
|
|
|
|
|
|
if(window.sankore){ |
|
|
|
if(window.sankore){ |
|
|
|
if(sankore.preference("associer_sound","")){ |
|
|
|
if(sankore.preference("associer_sound","")){ |
|
|
@ -56,7 +59,7 @@ function start(){ |
|
|
|
showExample(); |
|
|
|
showExample(); |
|
|
|
if(sankore.preference("ord_let_style","")){ |
|
|
|
if(sankore.preference("ord_let_style","")){ |
|
|
|
changeStyle(sankore.preference("ord_let_style","")); |
|
|
|
changeStyle(sankore.preference("ord_let_style","")); |
|
|
|
$(".style_select").val(sankore.preference("ord_let_style","")); |
|
|
|
$("#style_select").val(sankore.preference("ord_let_style","")); |
|
|
|
} else |
|
|
|
} else |
|
|
|
changeStyle("3") |
|
|
|
changeStyle("3") |
|
|
|
}
|
|
|
|
}
|
|
|
@ -66,18 +69,20 @@ function start(){ |
|
|
|
if (window.widget) { |
|
|
|
if (window.widget) { |
|
|
|
window.widget.onleave = function(){ |
|
|
|
window.widget.onleave = function(){ |
|
|
|
exportData(); |
|
|
|
exportData(); |
|
|
|
sankore.setPreference("ord_let_style", $(".style_select").find("option:selected").val()); |
|
|
|
sankore.setPreference("ord_let_style", $("#style_select").find("option:selected").val()); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
$("#wgt_help").click(function(){ |
|
|
|
$("#wgt_help").click(function(){ |
|
|
|
var tmp = $(this); |
|
|
|
var tmp = $(this); |
|
|
|
if($(this).hasClass("open")){ |
|
|
|
if($(this).hasClass("open")){ |
|
|
|
|
|
|
|
$(this).removeClass("help_pad").removeClass("help_wood") |
|
|
|
$("#help").slideUp("100", function(){ |
|
|
|
$("#help").slideUp("100", function(){ |
|
|
|
tmp.removeClass("open"); |
|
|
|
tmp.removeClass("open"); |
|
|
|
$("#data").show(); |
|
|
|
$("#data").show(); |
|
|
|
}); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
|
|
|
|
($("#style_select").val() == 1)?$(this).removeClass("help_pad").addClass("help_wood"):$(this).removeClass("help_wood").addClass("help_pad"); |
|
|
|
$("#data").hide(); |
|
|
|
$("#data").hide(); |
|
|
|
$("#help").slideDown("100", function(){ |
|
|
|
$("#help").slideDown("100", function(){ |
|
|
|
tmp.addClass("open"); |
|
|
|
tmp.addClass("open"); |
|
|
@ -98,7 +103,7 @@ function start(){ |
|
|
|
exportData(); |
|
|
|
exportData(); |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
$(".style_select").change(function (event){ |
|
|
|
$("#style_select").change(function (event){ |
|
|
|
changeStyle($(this).find("option:selected").val()); |
|
|
|
changeStyle($(this).find("option:selected").val()); |
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
@ -109,7 +114,7 @@ function start(){ |
|
|
|
sankore.enableDropOnWidget(false); |
|
|
|
sankore.enableDropOnWidget(false); |
|
|
|
$(this).addClass("selected"); |
|
|
|
$(this).addClass("selected"); |
|
|
|
$("#wgt_edit").removeClass("selected"); |
|
|
|
$("#wgt_edit").removeClass("selected"); |
|
|
|
$(".style_select").css("display","none"); |
|
|
|
$("#parameters").css("display","none"); |
|
|
|
$(".add_block").remove(); |
|
|
|
$(".add_block").remove(); |
|
|
|
$(".cont").each(function(){ |
|
|
|
$(".cont").each(function(){ |
|
|
|
var container = $(this); |
|
|
|
var container = $(this); |
|
|
@ -133,7 +138,11 @@ function start(){ |
|
|
|
tmp_array = shuffle(tmp_array); |
|
|
|
tmp_array = shuffle(tmp_array); |
|
|
|
for(var i = 0; i<tmp_array.length;i++) |
|
|
|
for(var i = 0; i<tmp_array.length;i++) |
|
|
|
tmp_array[i].appendTo(ul_cont); |
|
|
|
tmp_array[i].appendTo(ul_cont); |
|
|
|
ul_cont.sortable({revert: true, placeholder: "highlight", update: checkResult}); |
|
|
|
ul_cont.sortable({ |
|
|
|
|
|
|
|
revert: true,
|
|
|
|
|
|
|
|
placeholder: "highlight",
|
|
|
|
|
|
|
|
update: checkResult |
|
|
|
|
|
|
|
}); |
|
|
|
}); |
|
|
|
}); |
|
|
|
$(this).css("display", "none"); |
|
|
|
$(this).css("display", "none"); |
|
|
|
$("#wgt_edit").css("display", "block"); |
|
|
|
$("#wgt_edit").css("display", "block"); |
|
|
@ -144,7 +153,7 @@ function start(){ |
|
|
|
sankore.enableDropOnWidget(true); |
|
|
|
sankore.enableDropOnWidget(true); |
|
|
|
$(this).addClass("selected"); |
|
|
|
$(this).addClass("selected"); |
|
|
|
$("#wgt_display").removeClass("selected"); |
|
|
|
$("#wgt_display").removeClass("selected"); |
|
|
|
$(".style_select").css("display","block"); |
|
|
|
$("#parameters").css("display","block"); |
|
|
|
$(".cont").each(function(){ |
|
|
|
$(".cont").each(function(){ |
|
|
|
var container = $(this); |
|
|
|
var container = $(this); |
|
|
|
$("<div class='close_cont'>").appendTo(container); |
|
|
|
$("<div class='close_cont'>").appendTo(container); |
|
|
@ -300,7 +309,7 @@ function importData(data){ |
|
|
|
var audio_block = $("<div class='audio_block'>").appendTo(text); |
|
|
|
var audio_block = $("<div class='audio_block'>").appendTo(text); |
|
|
|
$("<div class='play'>").appendTo(audio_block); |
|
|
|
$("<div class='play'>").appendTo(audio_block); |
|
|
|
$("<div class='replay'>").appendTo(audio_block); |
|
|
|
$("<div class='replay'>").appendTo(audio_block); |
|
|
|
var source = $("<source/>").attr("src", "../../" + data[i].audio); |
|
|
|
var source = $("<source/>").attr("src", data[i].audio); |
|
|
|
var audio = $("<audio>").appendTo(audio_block); |
|
|
|
var audio = $("<audio>").appendTo(audio_block); |
|
|
|
audio.append(source); |
|
|
|
audio.append(source); |
|
|
|
$("<input type='hidden'/>").appendTo(audio_block); |
|
|
|
$("<input type='hidden'/>").appendTo(audio_block); |
|
|
@ -326,7 +335,10 @@ function importData(data){ |
|
|
|
for(j = 0; j<tmp_array.length;j++) |
|
|
|
for(j = 0; j<tmp_array.length;j++) |
|
|
|
tmp_array[j].appendTo(imgs_container); |
|
|
|
tmp_array[j].appendTo(imgs_container); |
|
|
|
|
|
|
|
|
|
|
|
imgs_container.sortable({revert: true, placeholder: "highlight"}).bind('sortupdate', function(event, ui) { |
|
|
|
imgs_container.sortable({ |
|
|
|
|
|
|
|
revert: true,
|
|
|
|
|
|
|
|
placeholder: "highlight" |
|
|
|
|
|
|
|
}).bind('sortupdate', function(event, ui) { |
|
|
|
checkResult(event); |
|
|
|
checkResult(event); |
|
|
|
});
|
|
|
|
});
|
|
|
|
if(data[i].cur_answer) |
|
|
|
if(data[i].cur_answer) |
|
|
@ -347,7 +359,7 @@ function showExample(){ |
|
|
|
var audio_block = $("<div class='audio_block'>").appendTo(text); |
|
|
|
var audio_block = $("<div class='audio_block'>").appendTo(text); |
|
|
|
$("<div class='play'>").appendTo(audio_block); |
|
|
|
$("<div class='play'>").appendTo(audio_block); |
|
|
|
$("<div class='replay'>").appendTo(audio_block); |
|
|
|
$("<div class='replay'>").appendTo(audio_block); |
|
|
|
var source = $("<source/>").attr("src", "objects/beep.mp3"); |
|
|
|
var source = $("<source/>").attr("src", "objects/exemple.mp3"); |
|
|
|
var audio = $("<audio>").appendTo(audio_block); |
|
|
|
var audio = $("<audio>").appendTo(audio_block); |
|
|
|
audio.append(source); |
|
|
|
audio.append(source); |
|
|
|
$("<input type='hidden'/>").appendTo(audio_block); |
|
|
|
$("<input type='hidden'/>").appendTo(audio_block); |
|
|
@ -363,7 +375,10 @@ function showExample(){ |
|
|
|
tmp_array = shuffle(tmp_array); |
|
|
|
tmp_array = shuffle(tmp_array); |
|
|
|
for(var i = 0; i<tmp_array.length;i++) |
|
|
|
for(var i = 0; i<tmp_array.length;i++) |
|
|
|
tmp_array[i].appendTo(imgs_container); |
|
|
|
tmp_array[i].appendTo(imgs_container); |
|
|
|
imgs_container.sortable({revert: true, placeholder: "highlight"}).bind('sortupdate', function(event, ui) { |
|
|
|
imgs_container.sortable({ |
|
|
|
|
|
|
|
revert: true,
|
|
|
|
|
|
|
|
placeholder: "highlight" |
|
|
|
|
|
|
|
}).bind('sortupdate', function(event, ui) { |
|
|
|
checkResult(event); |
|
|
|
checkResult(event); |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
@ -460,10 +475,10 @@ function changeStyle(val){ |
|
|
|
$("#wgt_reload").removeClass("pad_color").removeClass("pad_reload"); |
|
|
|
$("#wgt_reload").removeClass("pad_color").removeClass("pad_reload"); |
|
|
|
$("#wgt_help").removeClass("pad_color").removeClass("pad_help"); |
|
|
|
$("#wgt_help").removeClass("pad_color").removeClass("pad_help"); |
|
|
|
$("#wgt_edit").removeClass("pad_color").removeClass("pad_edit"); |
|
|
|
$("#wgt_edit").removeClass("pad_color").removeClass("pad_edit"); |
|
|
|
$("#wgt_display").removeClass("pad_color").removeClass("pad_edit"); |
|
|
|
|
|
|
|
$("#wgt_name").removeClass("pad_color"); |
|
|
|
$("#wgt_name").removeClass("pad_color"); |
|
|
|
$(".style_select").removeClass("pad_select").removeClass("none_select").val(val); |
|
|
|
$("#wgt_display").addClass("display_wood"); |
|
|
|
$("body, html").removeClass("without_radius"); |
|
|
|
$("#style_select").val(val); |
|
|
|
|
|
|
|
$("body, html").removeClass("without_radius").addClass("radius_ft"); |
|
|
|
break; |
|
|
|
break; |
|
|
|
case "2": |
|
|
|
case "2": |
|
|
|
$(".b_top_left").addClass("btl_pad").removeClass("without_back"); |
|
|
|
$(".b_top_left").addClass("btl_pad").removeClass("without_back"); |
|
|
@ -477,10 +492,10 @@ function changeStyle(val){ |
|
|
|
$("#wgt_reload").addClass("pad_color").addClass("pad_reload"); |
|
|
|
$("#wgt_reload").addClass("pad_color").addClass("pad_reload"); |
|
|
|
$("#wgt_help").addClass("pad_color").addClass("pad_help"); |
|
|
|
$("#wgt_help").addClass("pad_color").addClass("pad_help"); |
|
|
|
$("#wgt_edit").addClass("pad_color").addClass("pad_edit"); |
|
|
|
$("#wgt_edit").addClass("pad_color").addClass("pad_edit"); |
|
|
|
$("#wgt_display").addClass("pad_color").addClass("pad_edit"); |
|
|
|
|
|
|
|
$("#wgt_name").addClass("pad_color"); |
|
|
|
$("#wgt_name").addClass("pad_color"); |
|
|
|
$(".style_select").addClass("pad_select").removeClass("none_select").val(val); |
|
|
|
$("#wgt_display").removeClass("display_wood"); |
|
|
|
$("body, html").removeClass("without_radius"); |
|
|
|
$("#style_select").val(val); |
|
|
|
|
|
|
|
$("body, html").removeClass("without_radius").removeClass("radius_ft"); |
|
|
|
break; |
|
|
|
break; |
|
|
|
case "3": |
|
|
|
case "3": |
|
|
|
$(".b_top_left").addClass("without_back").removeClass("btl_pad"); |
|
|
|
$(".b_top_left").addClass("without_back").removeClass("btl_pad"); |
|
|
@ -494,10 +509,10 @@ function changeStyle(val){ |
|
|
|
$("#wgt_help").addClass("pad_color").addClass("pad_help"); |
|
|
|
$("#wgt_help").addClass("pad_color").addClass("pad_help"); |
|
|
|
$("#wgt_reload").addClass("pad_color").addClass("pad_reload"); |
|
|
|
$("#wgt_reload").addClass("pad_color").addClass("pad_reload"); |
|
|
|
$("#wgt_edit").addClass("pad_color").addClass("pad_edit"); |
|
|
|
$("#wgt_edit").addClass("pad_color").addClass("pad_edit"); |
|
|
|
$("#wgt_display").addClass("pad_color").addClass("pad_edit"); |
|
|
|
|
|
|
|
$("#wgt_name").addClass("pad_color"); |
|
|
|
$("#wgt_name").addClass("pad_color"); |
|
|
|
$(".style_select").addClass("none_select").val(val); |
|
|
|
$("#wgt_display").removeClass("display_wood"); |
|
|
|
$("body, html").addClass("without_radius"); |
|
|
|
$("#style_select").val(val); |
|
|
|
|
|
|
|
$("body, html").addClass("without_radius").removeClass("radius_ft"); |
|
|
|
break; |
|
|
|
break; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|