From ab689ce2891feaa9c9609e78c99834a960fe5d83 Mon Sep 17 00:00:00 2001 From: Claudio Valerio Date: Fri, 12 Jul 2013 10:12:30 +0200 Subject: [PATCH] imported changes made on Sankore --- .../interactivities/Ass images.wgt/config.xml | 34 +- .../interactivities/Ass images.wgt/index.html | 87 +- .../locales/en/img/drop_img.png | Bin 0 -> 1618 bytes .../Ass images.wgt/locales/en/index.html | 60 ++ .../Ass images.wgt/locales/en/js/script.js | 806 +++++++++++++++ .../Ass images.wgt/locales/fr/js/script.js | 88 +- .../Ass images.wgt/locales/ru/js/script.js | 71 +- .../interactivities/Ass sons.wgt/config.xml | 33 +- .../Ass sons.wgt/css/basic.css | 939 +++++++++--------- .../interactivities/Ass sons.wgt/index.html | 80 +- .../Ass sons.wgt/locales/en/img/drop_img.png | Bin 0 -> 1618 bytes .../Ass sons.wgt/locales/en/index.html | 60 ++ .../Ass sons.wgt/locales/en/js/script.js | 918 +++++++++++++++++ .../Ass sons.wgt/locales/fr/js/script.js | 145 +-- .../Ass sons.wgt/locales/ru/js/script.js | 124 ++- .../Balance.wgt/css/ubw-main.css | 307 +++--- .../interactivities/Cadran.wgt/config.xml | 2 +- .../interactivities/Cadran.wgt/css/main.css | 2 +- .../Cadran.wgt/css/ubw-main.css | 307 +++--- .../interactivities/Cadran.wgt/index.html | 153 +-- .../Cadran.wgt/js/help-template.js | 3 +- .../interactivities/Calcul.wgt/config.xml | 2 +- .../Calcul.wgt/css/ubw-main.css | 308 +++--- .../Calcul.wgt/js/help-template.js | 2 +- .../Calcul.wgt/js/help_fr-template.js | 2 +- .../interactivities/Cat images.wgt/config.xml | 2 +- .../interactivities/Cat images.wgt/index.html | 82 +- .../Cat images.wgt/locales/en/index.html | 60 ++ .../Cat images.wgt/locales/en/js/script.js | 811 +++++++++++++++ .../Cat images.wgt/locales/fr/js/script.js | 149 ++- .../Cat images.wgt/locales/ru/js/script.js | 134 ++- .../interactivities/Cat text.wgt/config.xml | 4 +- .../interactivities/Cat text.wgt/index.html | 82 +- .../Cat text.wgt/locales/en/index.html | 60 ++ .../Cat text.wgt/locales/en/js/script.js | 747 ++++++++++++++ .../Cat text.wgt/locales/fr/js/script.js | 110 +- .../Cat text.wgt/locales/ru/js/script.js | 90 +- .../interactivities/Choisir.wgt/config.xml | 4 +- .../interactivities/Choisir.wgt/css/basic.css | 3 + .../interactivities/Choisir.wgt/index.html | 86 +- .../Choisir.wgt/locales/en/index.html | 59 ++ .../locales/en/scripts/selQuestionApp.js | 792 +++++++++++++++ .../Choisir.wgt/locales/fr/index.html | 4 - .../locales/fr/scripts/selQuestionApp.js | 91 +- .../locales/ru/scripts/selQuestionApp.js | 78 +- .../interactivities/Contraste.wgt/config.xml | 2 +- .../Contraste.wgt/css/basic.css | 13 +- .../interactivities/Contraste.wgt/index.html | 86 +- .../Contraste.wgt/locales/en/index.html | 66 ++ .../locales/en/scripts/blackYellow.js | 625 ++++++++++++ .../Contraste.wgt/locales/fr/index.html | 2 +- .../Contraste.wgt/locales/ru/index.html | 2 +- .../Des.wgt/js/help-template.js | 2 +- .../Des.wgt/js/help_fr-template.js | 2 +- .../interactivities/Des.wgt/js/templates.js | 1 + .../interactivities/Enveloppe.wgt/config.xml | 6 +- .../Enveloppe.wgt/css/ubw-main.css | 627 ++++++------ .../Enveloppe.wgt/js/templates.js | 62 +- .../interactivities/Etudier.wgt/config.xml | 2 +- .../interactivities/Etudier.wgt/index.html | 86 +- .../Etudier.wgt/locales/en/index.html | 64 ++ .../Etudier.wgt/locales/en/js/script.js | 686 +++++++++++++ .../interactivities/Memory.wgt/config.xml | 6 +- .../Ordre images.wgt/config.xml | 2 +- .../Ordre images.wgt/index.html | 82 +- .../locales/en/img/drop_img.png | Bin 0 -> 1618 bytes .../Ordre images.wgt/locales/en/index.html | 61 ++ .../Ordre images.wgt/locales/en/js/script.js | 565 +++++++++++ .../Ordre images.wgt/locales/fr/js/script.js | 123 +-- .../Ordre images.wgt/locales/ru/js/script.js | 102 +- .../Ordre lettres.wgt/config.xml | 4 +- .../Ordre lettres.wgt/index.html | 82 +- .../Ordre lettres.wgt/locales/en/index.html | 60 ++ .../Ordre lettres.wgt/locales/en/js/script.js | 564 +++++++++++ .../Ordre lettres.wgt/locales/fr/js/script.js | 107 +- .../Ordre lettres.wgt/locales/ru/js/script.js | 94 +- .../Ordre lettres.wgt/objects/example_en.mp3 | Bin 0 -> 5570 bytes .../Ordre lettres.wgt/objects/example_fr.mp3 | Bin 0 -> 6302 bytes .../Ordre lettres.wgt/objects/example_ru.mp3 | Bin 0 -> 4630 bytes .../interactivities/Ordre mots.wgt/config.xml | 2 +- .../interactivities/Ordre mots.wgt/index.html | 88 +- .../Ordre mots.wgt/locales/en/index.html | 68 ++ .../locales/en/scripts/template2.js | 435 ++++++++ .../Ordre phrase.wgt/config.xml | 4 +- .../Ordre phrase.wgt/index.html | 90 +- .../Ordre phrase.wgt/locales/en/index.html | 68 ++ .../locales/en/script/template2.js | 389 ++++++++ .../Selectionner.wgt/config.xml | 4 +- .../Selectionner.wgt/index.html | 82 +- .../Selectionner.wgt/locales/en/index.html | 60 ++ .../Selectionner.wgt/locales/en/js/script.js | 559 +++++++++++ .../Selectionner.wgt/locales/fr/js/script.js | 99 +- .../Selectionner.wgt/locales/ru/js/script.js | 82 +- .../Separe phrase.wgt/config.xml | 2 +- .../Separe phrase.wgt/index.html | 83 +- .../Separe phrase.wgt/locales/en/index.html | 70 ++ .../locales/en/scripts/wcontainer.js | 210 ++++ .../locales/fr/scripts/wcontainer.js | 6 +- .../Separe texte.wgt/config.xml | 2 +- .../Separe texte.wgt/index.html | 90 +- .../Separe texte.wgt/locales/en/index.html | 70 ++ .../locales/en/scripts/wcontainer.js | 207 ++++ .../locales/fr/scripts/wcontainer.js | 6 +- .../interactivities/Syllabes.wgt/config.xml | 2 +- .../interactivities/Syllabes.wgt/index.html | 91 +- .../Syllabes.wgt/locales/en/index.html | 69 ++ .../locales/en/scripts/wcontainer.js | 205 ++++ .../locales/fr/scripts/wcontainer.js | 6 +- .../Tables.wgt/css/ubw-main.css | 1 + .../Train.wgt/css/ubw-main.css | 307 +++--- .../Transformation.wgt/config.xml | 30 +- .../Transformation.wgt/css/ubw-main.css | 627 ++++++------ .../Transformation.wgt/help.html | 116 +-- .../Transformation.wgt/images/boeuf.png | Bin 0 -> 25631 bytes .../Transformation.wgt/images/coq.png | Bin 0 -> 32494 bytes .../Transformation.wgt/images/poule.png | Bin 0 -> 12798 bytes .../Transformation.wgt/images/vache.png | Bin 0 -> 15973 bytes .../Transformation.wgt/index.html | 78 +- .../Transformation.wgt/js/lib/ubw-main.js | 478 ++++----- .../Transformation.wgt/js/main.js | 31 +- .../Transformation.wgt/js/templates.js | 48 +- 121 files changed, 12859 insertions(+), 4173 deletions(-) create mode 100644 resources/library/interactivities/Ass images.wgt/locales/en/img/drop_img.png create mode 100644 resources/library/interactivities/Ass images.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Ass images.wgt/locales/en/js/script.js create mode 100644 resources/library/interactivities/Ass sons.wgt/locales/en/img/drop_img.png create mode 100644 resources/library/interactivities/Ass sons.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Ass sons.wgt/locales/en/js/script.js create mode 100644 resources/library/interactivities/Cat images.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Cat images.wgt/locales/en/js/script.js create mode 100644 resources/library/interactivities/Cat text.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Cat text.wgt/locales/en/js/script.js create mode 100644 resources/library/interactivities/Choisir.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Choisir.wgt/locales/en/scripts/selQuestionApp.js create mode 100644 resources/library/interactivities/Contraste.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Contraste.wgt/locales/en/scripts/blackYellow.js create mode 100644 resources/library/interactivities/Etudier.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Etudier.wgt/locales/en/js/script.js create mode 100644 resources/library/interactivities/Ordre images.wgt/locales/en/img/drop_img.png create mode 100644 resources/library/interactivities/Ordre images.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Ordre images.wgt/locales/en/js/script.js create mode 100644 resources/library/interactivities/Ordre lettres.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Ordre lettres.wgt/locales/en/js/script.js create mode 100644 resources/library/interactivities/Ordre lettres.wgt/objects/example_en.mp3 create mode 100644 resources/library/interactivities/Ordre lettres.wgt/objects/example_fr.mp3 create mode 100644 resources/library/interactivities/Ordre lettres.wgt/objects/example_ru.mp3 create mode 100644 resources/library/interactivities/Ordre mots.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Ordre mots.wgt/locales/en/scripts/template2.js create mode 100644 resources/library/interactivities/Ordre phrase.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Ordre phrase.wgt/locales/en/script/template2.js create mode 100644 resources/library/interactivities/Selectionner.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Selectionner.wgt/locales/en/js/script.js create mode 100644 resources/library/interactivities/Separe phrase.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Separe phrase.wgt/locales/en/scripts/wcontainer.js create mode 100644 resources/library/interactivities/Separe texte.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Separe texte.wgt/locales/en/scripts/wcontainer.js create mode 100644 resources/library/interactivities/Syllabes.wgt/locales/en/index.html create mode 100644 resources/library/interactivities/Syllabes.wgt/locales/en/scripts/wcontainer.js create mode 100644 resources/library/interactivities/Transformation.wgt/images/boeuf.png create mode 100644 resources/library/interactivities/Transformation.wgt/images/coq.png create mode 100644 resources/library/interactivities/Transformation.wgt/images/poule.png create mode 100644 resources/library/interactivities/Transformation.wgt/images/vache.png diff --git a/resources/library/interactivities/Ass images.wgt/config.xml b/resources/library/interactivities/Ass images.wgt/config.xml index b30123b4..61630a88 100644 --- a/resources/library/interactivities/Ass images.wgt/config.xml +++ b/resources/library/interactivities/Ass images.wgt/config.xml @@ -1,16 +1,18 @@ - - - - Notes - Mnemis SA - Associer images - - - + + + + Notes + Mnemis SA + Associer images + + + diff --git a/resources/library/interactivities/Ass images.wgt/index.html b/resources/library/interactivities/Ass images.wgt/index.html index db2fbf19..f63843fb 100644 --- a/resources/library/interactivities/Ass images.wgt/index.html +++ b/resources/library/interactivities/Ass images.wgt/index.html @@ -3,89 +3,30 @@ D'n'd - - - - - - - - - - - - - - - - - - - - - -
  -
-
-
-
-
- 		 
  -
-
-
-
- -
-
-
- 		 
   
+ diff --git a/resources/library/interactivities/Ass images.wgt/locales/en/img/drop_img.png b/resources/library/interactivities/Ass images.wgt/locales/en/img/drop_img.png new file mode 100644 index 0000000000000000000000000000000000000000..17024f03bb5b3ce7a4ce3a052029b9744489a365 GIT binary patch literal 1618 zcmaJ?dpOez82%yC)|Mi-irj~UFmbI{nc<=Q)3T@B6*a^L>B4&-;Bj{=OIlY&{GB00hZ1UbZtX_|Pd*6qwO`yWWxwBx}H^AES7Aq5Xd z^};^Ggdgu}=D{mDXQ$boPklx(&+YcCFxSktk{T^EJr;75+2>=B=BFR1T~&zJ9Pu}? z4FV=}?IyE!4=$7iJR4)&7p=R_Lb|4GQ0YIEEf?4q-g7L|_0u}r$BuY&bCn5qu{_f& zZk7%o@6p|4(ZmwRwsHT|{f;9oQX_;R(#{CYHKT z)B~c3x2W1OxU)T+@7(L%`WiA51Wp-qXSAqccMKPITXrl3EbN!TdxL47mDYRM?TxPP z;WOWz#Ii?x3a(@q9};b}+pSr>(mD5_&dJ4vu8p(9K28AdWJ}wv&o)y51=Qy4VZ#>Q15V zS78N3^lk0a63(~7)5bJ3j>zgBO*MrLC*)A7&>4OBo^((5)o6{E_PlF7_PC81Bbn?t zg(StJy-FzM7wX z(T~|#CbB(V7|78Zm;*Okj($aCI=?PD1bysBp6JM9s$?rN2f=FZ>lFNULp9}yW9%ho z8*(WgtgeMH<#Ny)%o3=Jk(zpSJB~QA8VH|^uLhHwTE+2Ue8JfdXQ5Jdbi0~Mf!H<96N+d3*tUf9q|wRi$w zT4Zkp{FpB9tZpGStauam_0H=m&3@k$lexd`gPFq!RwLi5@j%)@nfiPB zw}X*(*Bh@OP__DLy;NT=eYG{ly;^53OIH_ZC zOLfGCW}ID21*`$n!QD=fjUa?4tP!T7eFj}U`a}2PZ|C>2=vZ3g-gy*{LlVP|GS>Qr za9=n&LDPM`JLjeZ38v4f+n!_}>XkGV4a%dKk3O$6oudzVszrtla&O}}&GEbmx4kOS zPv(>sN@{D`yX#N`Hs%{UjT~yqYx_a@llWwn$a8ZicoZYt*i=p;A5wX4a~*1(u%MOc zGdun+VDh51s!Bn+fKYB7x>|Os^hLuE)M7~b5Z})ddHKPaz%3oj8wlPfOW)M1OX*Go%cVo2=6#KmcD z>8(1+>4edYVAH1< + + + D'n'd + + + + + + + + + + + + + + + + + + + + + + + + + + +
  +
+
+
+
+
+ 		 
  +
+
+
+
+ +
+
+
+ 		 
   
+ + diff --git a/resources/library/interactivities/Ass images.wgt/locales/en/js/script.js b/resources/library/interactivities/Ass images.wgt/locales/en/js/script.js new file mode 100644 index 00000000..210ec7e4 --- /dev/null +++ b/resources/library/interactivities/Ass images.wgt/locales/en/js/script.js @@ -0,0 +1,806 @@ +var sankoreLang = { + display: "Display", + edit: "Edit", + short_desc: "Select the number \"three\".", + add: "Add new block", + enter: "Enter your instruction here ...", + wgt_name: "Associate images", + reload: "Reload", + slate: "slate", + pad: "pad", + none: "none", + help: "Help", + help_content: +"

Associate images

" + +"

Choose the correct picture

" + +"

Drag and drop the image in the correct area. If the result is incorrect, the area turns in red. If the result is correct, the area turns in green.

"+ +"

Reload “button” resets the exercises.

" + +"

Enter the “Edit” mode to :

" + +"
  • choose the theme of the App : pad, slate, or none (by default : none),
    • " + +"
  • modify the exercise.
" + + +"

In edition mode :

" + +"
  • click on the text field to change the instruction,
    • " + +"
  • add picture frames clicking on the “+”,
    • " + +"
  • drag an drop pictures from your library,
    • " + +"
  • set the correct image of your activity clicking on the submit button “v” on the frame,
    • " + +"
  • delete a frame clicking on the cross button on the frame,
    • " + +"
  • replace a picture clicking on the reload icon on the frame,
    • " + +"
  • “Display” button comes back to the activity.
", + theme: "Theme" +}; + +//main function +function start(){ + + $("#wgt_display").text(sankoreLang.display); + $("#wgt_edit").text(sankoreLang.edit); + $("#wgt_name").text(sankoreLang.wgt_name); + $("#wgt_reload").text(sankoreLang.reload); + $("#wgt_help").text(sankoreLang.help); + $("#help").html(sankoreLang.help_content); + $("#style_select option[value='1']").text(sankoreLang.slate); + $("#style_select option[value='2']").text(sankoreLang.pad); + $("#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(sankore.preference("associer","")){ + var data = jQuery.parseJSON(sankore.preference("associer","")); + importData(data); + } else { + showExample(); + } + } + else + showExample(); + //events + if (window.widget) { + window.widget.onleave = function(){ + exportData(); + } + } + + $("#wgt_help").click(function(){ + var tmp = $(this); + if($(this).hasClass("open")){ + $(this).removeClass("help_pad").removeClass("help_wood") + $("#help").slideUp("100", function(){ + tmp.removeClass("open"); + $("#data").show(); + }); + } else { + ($("#style_select").val() == 1)?$(this).removeClass("help_pad").addClass("help_wood"):$(this).removeClass("help_wood").addClass("help_pad"); + $("#data").hide(); + $("#help").slideDown("100", function(){ + tmp.addClass("open"); + }); + } + }); + + $("#wgt_reload").click(function(){ + if($("#wgt_display").hasClass("selected")){ + $("#wgt_edit").trigger("click"); + $("#wgt_display").trigger("click"); + } else { + $("#wgt_display").trigger("click"); + } + }); + + $("#wgt_reload, #wgt_display, #wgt_edit").mouseover(function(){ + exportData(); + }); + + $("#style_select").change(function (event){ + changeStyle($(this).find("option:selected").val()); + }) + + $("#wgt_display, #wgt_edit").click(function(event){ + if(this.id == "wgt_display"){ + if(!$(this).hasClass("selected")){ + if(window.sankore) + sankore.enableDropOnWidget(false); + $(this).addClass("selected"); + $("#wgt_edit").removeClass("selected"); + $("#parameters").css("display", "none"); +// $(".add_block").remove(); + $(".cont").each(function(){ + var container = $(this); + var tmp_i = 0; + var tmp_array = []; + + container.find(".text_cont").removeAttr("contenteditable"); + container.find(".add_img").remove(); +// container.find(".close_cont").remove(); + container.find(".img_block").each(function(){ + if($(this).find("img").attr("src") != "img/drop_img.png"){ + $(this).find(".close_img").remove(); + $(this).find(".clear_img").remove(); + $(this).find(".true_img").remove(); + $(this).find(".false_img").remove(); + $(this).removeAttr("ondragenter") + .removeAttr("ondragleave") + .removeAttr("ondragover") + .removeAttr("ondrop") + .addClass("img_gray"); + } else + $(this).remove(); + }); + var img_answers = $("
").insertAfter(container.find(".sub_cont")); + container.find(".img_block").each(function(){ + $(this).css("float",""); + tmp_array.push($(this)); + }); + tmp_array = shuffle(tmp_array); + for(var i = 0; i"); + var answers = ""; + $(this).parent().find(".imgs_answers .img_block").each(function(){ + answers += $(this).find("input").val(); + }); + if(tmp_cont.children()[0].tagName == "IMG") + tmp_cont.removeClass("imgs_answers_green") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_gray"); + else + if(tmp_cont.children().length == 1){ + if(tmp_cont.children().find("input").val() == "1") + tmp_cont.removeClass("imgs_answers_gray") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_green"); + else + tmp_cont.removeClass("imgs_answers_gray") + .removeClass("imgs_answers_green") + .addClass("imgs_answers_red"); + } + } + } + } + }); + }); + + $(this).css("display", "none"); + $("#wgt_edit").css("display", "block"); + } + } else { + if(!$(this).hasClass("selected")){ + if(window.sankore) + sankore.enableDropOnWidget(true); + $(this).addClass("selected"); + $("#wgt_display").removeClass("selected"); + $("#parameters").css("display", "block"); + $(".cont").each(function(){ + var container = $(this); + container.find(".imgs_answers").find(".img_block").each(function(){ + $(this).appendTo(container.find(".imgs_cont")) + }); + container.find(".imgs_answers").remove(); +// $("
").appendTo(container); + container.find(".text_cont").attr("contenteditable","true"); + + var add_img = $("
"); + container.find(".img_block").each(function(){ + $(this).draggable("destroy"); + $(this).attr("ondragenter", "return false;") + .attr("ondragleave", "$(this).css(\"background-color\",\"\"); return false;") + .attr("ondragover", "$(this).css(\"background-color\",\"#ccc\"); return false;") + .attr("ondrop", "$(this).css(\"background-color\",\"\"); return onDropTarget(this,event);") + .css("float","left"); + $("
").appendTo($(this)); + $("
").appendTo($(this)); + if($(this).find("input").val() == "1"){ + $("
").appendTo($(this)); + } + else{ + $("
").appendTo($(this)); + } + }); + container.find(".imgs_cont").append(add_img) + }); + +// $("
" + sankoreLang.add + "
").appendTo("#data"); + $(this).css("display", "none"); + $("#wgt_display").css("display", "block"); + } + } + }); + + //add new block +// $(".add_block").live("click", function(){ +// addContainer(); +// }); + + //adding new img + $(".add_img").live("click", function(){ + addImgBlock($(this)); + }); + + //deleting a block +// $(".close_cont").live("click",function(){ +// $(this).parent().remove(); +// refreshBlockNumbers(); +// }); + + //deleting the img block + $(".close_img").live("click", function(){ + var i = 0; + var tmp_obj = $(this).parent().parent(); + $(this).parent().remove(); + }); + + //cleaning an image + $(".clear_img").live("click",function(){ + $(this).parent().find("img").attr("src","img/drop_img.png"); + }); + + //correct image + $(".true_img").live("click",function(){ + $(this).parent().parent().find(".img_block").each(function(){ + $(this).find("input").val(0); + var tmp_div = $(this).find(".false_img"); + if(tmp_div) + tmp_div.removeClass("false_img").addClass("true_img"); + }) + $(this).parent().find("input").val(1); + $(this).removeClass("true_img").addClass("false_img"); + }); + + //wrong image + $(".false_img").live("click",function(){ + $(this).parent().find("input").val(0); + $(this).removeClass("false_img").addClass("true_img"); + }); +} + +//export +function exportData(){ + var array_to_export = []; + if($("#wgt_edit").hasClass("selected")){ + $(".cont").each(function(){ + var cont_obj = new Object(); + cont_obj.style = $("#style_select").find("option:selected").val(); + cont_obj.text = $(this).find(".text_cont").text(); + cont_obj.mode = "edit"; + cont_obj.imgs = []; + $(this).find(".img_block").each(function(){ + var img_obj = new Object(); + img_obj.value = $(this).find("input").val(); + img_obj.link = $(this).find("img").attr("src").replace("../../",""); + img_obj.ht = $(this).find("img").height(); + img_obj.wd = $(this).find("img").width(); + cont_obj.imgs.push(img_obj); + }); + array_to_export.push(cont_obj); + }); + } else { + $(".cont").each(function(){ + var cont_obj = new Object(); + cont_obj.style = $("#style_select").find("option:selected").val(); + cont_obj.text = $(this).find(".text_cont").text(); + cont_obj.mode = "display"; + cont_obj.imgs = []; + if($(this).find(".imgs_answers").children()[0].tagName == "DIV"){ + var tmp_cont = $(this).find(".imgs_answers").find(".img_block"); + var img_obj = new Object(); + img_obj.value = tmp_cont.find("input").val(); + img_obj.link = tmp_cont.find("img").attr("src").replace("../../",""); + img_obj.ht = tmp_cont.find("img").height(); + img_obj.wd = tmp_cont.find("img").width(); + img_obj.cont = "answers"; + cont_obj.imgs.push(img_obj); + } + $(this).find(".imgs_cont .img_block").each(function(){ + var img_obj = new Object(); + img_obj.value = $(this).find("input").val(); + img_obj.link = $(this).find("img").attr("src").replace("../../",""); + img_obj.ht = $(this).find("img").height(); + img_obj.wd = $(this).find("img").width(); + img_obj.cont = "cont"; + cont_obj.imgs.push(img_obj); + }); + array_to_export.push(cont_obj); + }); + } + + if($(".cont").size() == 0){ + var cont_obj = new Object(); + cont_obj.style = $("#style_select").find("option:selected").val(); + cont_obj.tmp = "clear"; + array_to_export.push(cont_obj); + } + + if(window.sankore) + sankore.setPreference("associer", JSON.stringify(array_to_export)); +} + +//import +function importData(data){ + for(var i in data){ + if(data[i].tmp){ + changeStyle(data[i].style); + $("#style_select").val(data[i].style); + } else { + if(i == 0){ + changeStyle(data[i].style); + $("#style_select").val(data[i].style); + } + if(data[i].mode == "edit"){ + var tmp_array = []; + var container = $("
"); + var sub_container = $("
").appendTo(container); + var imgs_answers = $("
").appendTo(container); + var imgs_container = $("
").appendTo(container); + +// var number = $("
"+ (++tmp) +"
").appendTo(sub_container); + var text = $("
" + data[i].text + "
").appendTo(sub_container); + + for(var j in data[i].imgs){ + var img_block = $("
"); + var img = $(""); + img.height(data[i].imgs[j].ht); + if((120 - data[i].imgs[j].ht) > 0) + img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0"); + var hidden_input = $("").val(data[i].imgs[j].value); + img_block.append(hidden_input).append(img); + tmp_array.push(img_block); + } + tmp_array = shuffle(tmp_array); + for(j in tmp_array){ + tmp_array[j].draggable({ + helper:'clone', + zIndex:100, + appendTo: '#data' + }); + tmp_array[j].appendTo(imgs_container); + } + imgs_answers.droppable({ + hoverClass: 'dropHere', + drop: function(event, ui) { + if($(ui.draggable).parent().parent().html() == $(this).parent().html()){ + if($(this).children()[0].tagName == "IMG") + $(this).children().remove(); + else + $(ui.draggable).parent().append($(this).children()); + $(this).append($(ui.draggable)); + if($(this).children().length == 1){ + if($(this).children().find("input").val() == "1") + $(this).removeClass("imgs_answers_gray") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_green"); + else + $(this).removeClass("imgs_answers_gray") + .removeClass("imgs_answers_green") + .addClass("imgs_answers_red"); + } + } + } + }); + imgs_container.droppable({ + hoverClass: 'dropBack', + drop: function(event, ui) { + if($(ui.draggable).parent().parent().html() == $(this).parent().html()){ + if(this != $(ui.draggable).parent()[0]){ + var tmp_cont = $(ui.draggable).parent(); + $(this).append($(ui.draggable)); + tmp_cont.append(""); + var answers = ""; + $(this).parent().find(".imgs_answers .img_block").each(function(){ + answers += $(this).find("input").val(); + }); + if(tmp_cont.children()[0].tagName == "IMG") + tmp_cont.removeClass("imgs_answers_green") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_gray"); + else + if(tmp_cont.children().length == 1){ + if(tmp_cont.children().find("input").val() == "1") + tmp_cont.removeClass("imgs_answers_gray") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_green"); + else + tmp_cont.removeClass("imgs_answers_gray") + .removeClass("imgs_answers_green") + .addClass("imgs_answers_red"); + } + } + } + } + }); + container.appendTo("#data"); + } else { + container = $("
"); + sub_container = $("
").appendTo(container); + imgs_answers = $("
").appendTo(container); + $("").appendTo(imgs_answers); + imgs_container = $("
").appendTo(container); + +// number = $("
"+ (++tmp) +"
").appendTo(sub_container); + text = $("
" + data[i].text + "
").appendTo(sub_container); + + for(j in data[i].imgs){ + img_block = $("
"); + img = $(""); + img.height(data[i].imgs[j].ht); + if((120 - data[i].imgs[j].ht) > 0) + img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0"); + hidden_input = $("").val(data[i].imgs[j].value); + img_block.append(hidden_input).append(img); + img_block.draggable({ + helper:'clone', + zIndex:100, + appendTo: '#data' + }); + if(data[i].imgs[j].cont == "cont") + img_block.appendTo(imgs_container); + else{ + imgs_answers.empty(); + img_block.appendTo(imgs_answers); + if(data[i].imgs[j].value == "1") + imgs_answers.addClass("imgs_answers_green"); + else + imgs_answers.addClass("imgs_answers_red"); + } + } + + imgs_answers.droppable({ + hoverClass: 'dropHere', + drop: function(event, ui) { + if($(ui.draggable).parent().parent().html() == $(this).parent().html()){ + if($(this).children()[0].tagName == "IMG") + $(this).children().remove(); + else + $(ui.draggable).parent().append($(this).children()); + $(this).append($(ui.draggable)); + if($(this).children().length == 1){ + if($(this).children().find("input").val() == "1") + $(this).removeClass("imgs_answers_gray") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_green"); + else + $(this).removeClass("imgs_answers_gray") + .removeClass("imgs_answers_green") + .addClass("imgs_answers_red"); + } + } + } + }); + imgs_container.droppable({ + hoverClass: 'dropBack', + drop: function(event, ui) { + if($(ui.draggable).parent().parent().html() == $(this).parent().html()){ + if(this != $(ui.draggable).parent()[0]){ + var tmp_cont = $(ui.draggable).parent(); + $(this).append($(ui.draggable)); + tmp_cont.append(""); + var answers = ""; + $(this).parent().find(".imgs_answers .img_block").each(function(){ + answers += $(this).find("input").val(); + }); + if(tmp_cont.children()[0].tagName == "IMG") + tmp_cont.removeClass("imgs_answers_green") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_gray"); + else + if(tmp_cont.children().length == 1){ + if(tmp_cont.children().find("input").val() == "1") + tmp_cont.removeClass("imgs_answers_gray") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_green"); + else + tmp_cont.removeClass("imgs_answers_gray") + .removeClass("imgs_answers_green") + .addClass("imgs_answers_red"); + } + } + } + } + }); + container.appendTo("#data"); + } + } + } +} + +//example +function showExample(){ + + changeStyle("3"); + var tmp_array = []; + + var container = $("
").appendTo("#data"); + var sub_container = $("
").appendTo(container); + var imgs_answers = $("
").appendTo(container); + var imgs_container = $("
").appendTo(container); + +// var number = $("
1
").appendTo(sub_container); + var text = $("
" + sankoreLang.short_desc + "
").appendTo(sub_container); + + $("").appendTo(imgs_container); + + var img1 = $("
"); + $("").appendTo(img1); + $("").appendTo(img1); + var img2 = $("
"); + $("").appendTo(img2); + $("").appendTo(img2); + var img3 = $("
"); + $("").appendTo(img3); + $("").appendTo(img3); + var img4 = $("
"); + $("").appendTo(img4); + $("").appendTo(img4); + var img5 = $("
"); + $("").appendTo(img5); + $("").appendTo(img5); + + tmp_array.push(img1, img2, img3, img4, img5); + tmp_array = shuffle(tmp_array); + for(var i = 0; i"); + var answers = ""; + $(this).parent().find(".imgs_answers .img_block").each(function(){ + answers += $(this).find("input").val(); + }); + if(tmp_cont.children()[0].tagName == "IMG") + tmp_cont.removeClass("imgs_answers_green") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_gray"); + else + if(tmp_cont.children().length == 1){ + if(tmp_cont.children().find("input").val() == "1") + tmp_cont.removeClass("imgs_answers_gray") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_green"); + else + tmp_cont.removeClass("imgs_answers_gray") + .removeClass("imgs_answers_green") + .addClass("imgs_answers_red"); + } + } + } + } + }); +} + +//changing the style +function changeStyle(val){ + switch(val){ + case "1": + $(".b_top_left").removeClass("btl_pad").removeClass("without_back"); + $(".b_top_center").removeClass("btc_pad").removeClass("without_back"); + $(".b_top_right").removeClass("btr_pad").removeClass("without_back"); + $(".b_center_left").removeClass("bcl_pad").removeClass("without_back"); + $(".b_center_right").removeClass("bcr_pad").removeClass("without_back"); + $(".b_bottom_right").removeClass("bbr_pad").removeClass("without_back"); + $(".b_bottom_left").removeClass("bbl_pad").removeClass("without_back"); + $(".b_bottom_center").removeClass("bbc_pad").removeClass("without_back"); + $("#wgt_reload").removeClass("pad_color").removeClass("pad_reload"); + $("#wgt_help").removeClass("pad_color").removeClass("pad_help"); + $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit"); + $("#wgt_name").removeClass("pad_color"); + $("#wgt_display").addClass("display_wood"); + $("#style_select").val(val); + $("body, html").removeClass("without_radius").addClass("radius_ft"); + break; + case "2": + $(".b_top_left").addClass("btl_pad").removeClass("without_back"); + $(".b_top_center").addClass("btc_pad").removeClass("without_back"); + $(".b_top_right").addClass("btr_pad").removeClass("without_back"); + $(".b_center_left").addClass("bcl_pad").removeClass("without_back"); + $(".b_center_right").addClass("bcr_pad").removeClass("without_back"); + $(".b_bottom_right").addClass("bbr_pad").removeClass("without_back"); + $(".b_bottom_left").addClass("bbl_pad").removeClass("without_back"); + $(".b_bottom_center").addClass("bbc_pad").removeClass("without_back"); + $("#wgt_reload").addClass("pad_color").addClass("pad_reload"); + $("#wgt_help").addClass("pad_color").addClass("pad_help"); + $("#wgt_edit").addClass("pad_color").addClass("pad_edit"); + $("#wgt_name").addClass("pad_color"); + $("#wgt_display").removeClass("display_wood"); + $("#style_select").val(val); + $("body, html").removeClass("without_radius").removeClass("radius_ft"); + break; + case "3": + $(".b_top_left").addClass("without_back").removeClass("btl_pad"); + $(".b_top_center").addClass("without_back").removeClass("btc_pad"); + $(".b_top_right").addClass("without_back").removeClass("btr_pad"); + $(".b_center_left").addClass("without_back").removeClass("bcl_pad"); + $(".b_center_right").addClass("without_back").removeClass("bcr_pad"); + $(".b_bottom_right").addClass("without_back").removeClass("bbr_pad"); + $(".b_bottom_left").addClass("without_back").removeClass("bbl_pad"); + $(".b_bottom_center").addClass("without_back").removeClass("bbc_pad"); + $("#wgt_help").addClass("pad_color").addClass("pad_help"); + $("#wgt_reload").addClass("pad_color").addClass("pad_reload"); + $("#wgt_edit").addClass("pad_color").addClass("pad_edit"); + $("#wgt_name").addClass("pad_color"); + $("#wgt_display").removeClass("display_wood"); + $("#style_select").val(val); + $("body, html").addClass("without_radius").removeClass("radius_ft"); + break; + } +} + + +//check result +function checkResult(event) +{ + var str = ""; + var right_str = $(event.target).find("input").val(); + $(event.target).find(".img_block").each(function(){ + str += $(this).find("input").val() + "*"; + }); + if(str == right_str) + $(event.target).css("background-color","#9f9"); +} + +//add new container +//function addContainer(){ +// var container = $("
"); +// var sub_container = $("
").appendTo(container); +// var imgs_container = $("
").appendTo(container); +// +// var close = $("
").appendTo(container); +// var number = $("
"+ ($(".cont").size() + 1) +"
").appendTo(sub_container); +// var text = $("
" + sankoreLang.enter + "
").appendTo(sub_container); +// +// $("").appendTo(imgs_container); +// var add_img = $("
").appendTo(imgs_container); +// container.insertBefore($(".add_block")); +//} + +//add new img block +function addImgBlock(dest){ + var img_block = $("
").insertBefore(dest); + $("
").appendTo(img_block); + $("
").appendTo(img_block); + $("
").appendTo(img_block); + $("").appendTo(img_block); + $("").appendTo(img_block); +} + +//function refreshBlockNumbers(){ +// var i = 0; +// $(".cont").each(function(){ +// $(this).find(".number_cont").text(++i); +// }) +//} + +//shuffles an array +function shuffle( arr ) +{ + var pos, tmp; + + for( var i = 0; i < arr.length; i++ ) + { + pos = Math.round( Math.random() * ( arr.length - 1 ) ); + tmp = arr[pos]; + arr[pos] = arr[i]; + arr[i] = tmp; + } + return arr; +} + + +function stringToXML(text){ + if (window.ActiveXObject){ + var doc=new ActiveXObject('Microsoft.XMLDOM'); + doc.async='false'; + doc.loadXML(text); + } else { + var parser=new DOMParser(); + doc=parser.parseFromString(text,'text/xml'); + } + return doc; +} + +function onDropTarget(obj, event) { + $(obj).find("img").remove(); + if (event.dataTransfer) { + var format = "text/plain"; + var textData = event.dataTransfer.getData(format); + if (!textData) { + alert(":("); + } + textData = stringToXML(textData); + var tmp = textData.getElementsByTagName("path")[0].firstChild.textContent; + var tmp_img = $("").attr("src", "../../" + tmp); + $(obj).append(tmp_img); + setTimeout(function(){ + if(tmp_img.height() >= tmp_img.width()) + tmp_img.attr("height", "120"); + else{ + tmp_img.attr("width","120"); + var h = tmp_img.height(); + tmp_img.attr("height",h); + tmp_img.css("margin",(120 - tmp_img.height())/2 + "px 0"); + } + }, 6) + + } + else { + alert ("Your browser does not support the dataTransfer object."); + } + + if (event.stopPropagation) { + event.stopPropagation (); + } + else { + event.cancelBubble = true; + } + return false; +} + diff --git a/resources/library/interactivities/Ass images.wgt/locales/fr/js/script.js b/resources/library/interactivities/Ass images.wgt/locales/fr/js/script.js index 3895c032..bd04b5eb 100644 --- a/resources/library/interactivities/Ass images.wgt/locales/fr/js/script.js +++ b/resources/library/interactivities/Ass images.wgt/locales/fr/js/script.js @@ -19,19 +19,16 @@ var sankoreLang = { "

Le bouton “Modifier” vous permet :

"+ "
  • de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun),
    • "+ - "
  • de modifier un exercice ou d’en créer de nouveaux dans la même activité.
"+ + "
  • de modifier l'exercice.
    • "+ - "

    En mode édition, pour créer un nouvel exercice, cliquez sur “Nouveau bloc” en bas, puis

    "+ - "
    • insérez une consigne en cliquant sur le champ de texte “Saisir la consigne ici ...”,
      • "+ + "

      En mode édition :

      "+ + "
      • changez la consigne en cliquant sur le champ de texte,
        • "+ "
      • ajoutez des zones image en cliquant sur le gros signe + en dessous,
        • "+ "
      • insérez des images dans ces zones par glisser-déposer des images à partir de votre bibliothèque,
        • "+ - "
      • définissez l’image correcte de l’interactivité en cliquant sur le bouton valider “v” situé en bas à droite de l’image concernée.
      "+ - "

      Pour supprimer une zone image, cliquez sur la croix située dans le coin supérieur droit de l’image.

      "+ - "

      Pour changer d’image, cliquez sur l’icône située au milieu à droite de l’image.

      "+ - - "

      Pour supprimer un exercice, cliquez sur la croix à gauche du numéro de l’exercice.

      "+ - - "

      Le bouton “Afficher” vous permet d’utiliser l’activité.

      ", + "
    • définissez l’image correcte de l’interactivité en cliquant sur le bouton valider “v” situé en bas à droite de l’image concernée,
      • "+ + "
    • supprimez une zone image, en cliquant sur la croix située dans son coin supérieur droit,
      • "+ + "
    • changez d’image en cliquant sur l’icône située au milieu à droite de celle-ci,
      • "+ + "
    • le bouton “Afficher” vous permet d’utiliser l’activité.
    ", theme: "Thème" }; @@ -108,7 +105,7 @@ function start(){ $(this).addClass("selected"); $("#wgt_edit").removeClass("selected"); $("#parameters").css("display", "none"); - $(".add_block").remove(); +// $(".add_block").remove(); $(".cont").each(function(){ var container = $(this); var tmp_i = 0; @@ -116,7 +113,7 @@ function start(){ container.find(".text_cont").removeAttr("contenteditable"); container.find(".add_img").remove(); - container.find(".close_cont").remove(); +// container.find(".close_cont").remove(); container.find(".img_block").each(function(){ if($(this).find("img").attr("src") != "img/drop_img.png"){ $(this).find(".close_img").remove(); @@ -218,7 +215,7 @@ function start(){ $(this).appendTo(container.find(".imgs_cont")) }); container.find(".imgs_answers").remove(); - $("
    ").appendTo(container); +// $("
    ").appendTo(container); container.find(".text_cont").attr("contenteditable","true"); var add_img = $("
    "); @@ -241,7 +238,7 @@ function start(){ container.find(".imgs_cont").append(add_img) }); - $("
    " + sankoreLang.add + "
    ").appendTo("#data"); +// $("
    " + sankoreLang.add + "
    ").appendTo("#data"); $(this).css("display", "none"); $("#wgt_display").css("display", "block"); } @@ -249,20 +246,20 @@ function start(){ }); //add new block - $(".add_block").live("click", function(){ - addContainer(); - }); - +// $(".add_block").live("click", function(){ +// addContainer(); +// }); +// //adding new img $(".add_img").live("click", function(){ addImgBlock($(this)); }); //deleting a block - $(".close_cont").live("click",function(){ - $(this).parent().remove(); - refreshBlockNumbers(); - }); +// $(".close_cont").live("click",function(){ +// $(this).parent().remove(); +// refreshBlockNumbers(); +// }); //deleting the img block $(".close_img").live("click", function(){ @@ -357,8 +354,7 @@ function exportData(){ //import function importData(data){ - - var tmp = 0; + for(var i in data){ if(data[i].tmp){ changeStyle(data[i].style); @@ -375,7 +371,7 @@ function importData(data){ var imgs_answers = $("
    ").appendTo(container); var imgs_container = $("
    ").appendTo(container); - var number = $("
    "+ (++tmp) +"
    ").appendTo(sub_container); +// var number = $("
    "+ (++tmp) +"
    ").appendTo(sub_container); var text = $("
    " + data[i].text + "
    ").appendTo(sub_container); for(var j in data[i].imgs){ @@ -458,7 +454,7 @@ function importData(data){ $("").appendTo(imgs_answers); imgs_container = $("
    ").appendTo(container); - number = $("
    "+ (++tmp) +"
    ").appendTo(sub_container); +// number = $("
    "+ (++tmp) +"
    ").appendTo(sub_container); text = $("
    " + data[i].text + "
    ").appendTo(sub_container); for(j in data[i].imgs){ @@ -556,7 +552,7 @@ function showExample(){ var imgs_answers = $("
    ").appendTo(container); var imgs_container = $("
    ").appendTo(container); - var number = $("
    1
    ").appendTo(sub_container); +// var number = $("
    1
    ").appendTo(sub_container); var text = $("
    " + sankoreLang.short_desc + "
    ").appendTo(sub_container); $("").appendTo(imgs_container); @@ -713,19 +709,19 @@ function checkResult(event) } //add new container -function addContainer(){ - var container = $("
    "); - var sub_container = $("
    ").appendTo(container); - var imgs_container = $("
    ").appendTo(container); - - var close = $("
    ").appendTo(container); - var number = $("
    "+ ($(".cont").size() + 1) +"
    ").appendTo(sub_container); - var text = $("
    " + sankoreLang.enter + "
    ").appendTo(sub_container); - - $("").appendTo(imgs_container); - var add_img = $("
    ").appendTo(imgs_container); - container.insertBefore($(".add_block")); -} +//function addContainer(){ +// var container = $("
    "); +// var sub_container = $("
    ").appendTo(container); +// var imgs_container = $("
    ").appendTo(container); +// +// var close = $("
    ").appendTo(container); +// var number = $("
    "+ ($(".cont").size() + 1) +"
    ").appendTo(sub_container); +// var text = $("
    " + sankoreLang.enter + "
    ").appendTo(sub_container); +// +// $("").appendTo(imgs_container); +// var add_img = $("
    ").appendTo(imgs_container); +// container.insertBefore($(".add_block")); +//} //add new img block function addImgBlock(dest){ @@ -737,12 +733,12 @@ function addImgBlock(dest){ $("").appendTo(img_block); } -function refreshBlockNumbers(){ - var i = 0; - $(".cont").each(function(){ - $(this).find(".number_cont").text(++i); - }) -} +//function refreshBlockNumbers(){ +// var i = 0; +// $(".cont").each(function(){ +// $(this).find(".number_cont").text(++i); +// }) +//} //shuffles an array function shuffle( arr ) diff --git a/resources/library/interactivities/Ass images.wgt/locales/ru/js/script.js b/resources/library/interactivities/Ass images.wgt/locales/ru/js/script.js index 1ada2d43..7d0b9554 100644 --- a/resources/library/interactivities/Ass images.wgt/locales/ru/js/script.js +++ b/resources/library/interactivities/Ass images.wgt/locales/ru/js/script.js @@ -88,7 +88,7 @@ function start(){ $(this).addClass("selected"); $("#wgt_edit").removeClass("selected"); $("#parameters").css("display", "none"); - $(".add_block").remove(); +// $(".add_block").remove(); $(".cont").each(function(){ var container = $(this); var tmp_i = 0; @@ -96,7 +96,7 @@ function start(){ container.find(".text_cont").removeAttr("contenteditable"); container.find(".add_img").remove(); - container.find(".close_cont").remove(); +// container.find(".close_cont").remove(); container.find(".img_block").each(function(){ if($(this).find("img").attr("src") != "img/drop_img.png"){ $(this).find(".close_img").remove(); @@ -198,7 +198,7 @@ function start(){ $(this).appendTo(container.find(".imgs_cont")) }); container.find(".imgs_answers").remove(); - $("
    ").appendTo(container); +// $("
    ").appendTo(container); container.find(".text_cont").attr("contenteditable","true"); var add_img = $("
    "); @@ -221,7 +221,7 @@ function start(){ container.find(".imgs_cont").append(add_img) }); - $("
    " + sankoreLang.add + "
    ").appendTo("#data"); +// $("
    " + sankoreLang.add + "
    ").appendTo("#data"); $(this).css("display", "none"); $("#wgt_display").css("display", "block"); } @@ -229,20 +229,20 @@ function start(){ }); //add new block - $(".add_block").live("click", function(){ - addContainer(); - }); - +// $(".add_block").live("click", function(){ +// addContainer(); +// }); +// //adding new img $(".add_img").live("click", function(){ addImgBlock($(this)); }); //deleting a block - $(".close_cont").live("click",function(){ - $(this).parent().remove(); - refreshBlockNumbers(); - }); +// $(".close_cont").live("click",function(){ +// $(this).parent().remove(); +// refreshBlockNumbers(); +// }); //deleting the img block $(".close_img").live("click", function(){ @@ -337,8 +337,7 @@ function exportData(){ //import function importData(data){ - - var tmp = 0; + for(var i in data){ if(data[i].tmp){ changeStyle(data[i].style); @@ -355,7 +354,7 @@ function importData(data){ var imgs_answers = $("
    ").appendTo(container); var imgs_container = $("
    ").appendTo(container); - var number = $("
    "+ (++tmp) +"
    ").appendTo(sub_container); +// var number = $("
    "+ (++tmp) +"
    ").appendTo(sub_container); var text = $("
    " + data[i].text + "
    ").appendTo(sub_container); for(var j in data[i].imgs){ @@ -438,7 +437,7 @@ function importData(data){ $("").appendTo(imgs_answers); imgs_container = $("
    ").appendTo(container); - number = $("
    "+ (++tmp) +"
    ").appendTo(sub_container); +// number = $("
    "+ (++tmp) +"
    ").appendTo(sub_container); text = $("
    " + data[i].text + "
    ").appendTo(sub_container); for(j in data[i].imgs){ @@ -536,7 +535,7 @@ function showExample(){ var imgs_answers = $("
    ").appendTo(container); var imgs_container = $("
    ").appendTo(container); - var number = $("
    1
    ").appendTo(sub_container); +// var number = $("
    1
    ").appendTo(sub_container); var text = $("
    " + sankoreLang.short_desc + "
    ").appendTo(sub_container); $("").appendTo(imgs_container); @@ -693,19 +692,19 @@ function checkResult(event) } //add new container -function addContainer(){ - var container = $("
    "); - var sub_container = $("
    ").appendTo(container); - var imgs_container = $("
    ").appendTo(container); - - var close = $("
    ").appendTo(container); - var number = $("
    "+ ($(".cont").size() + 1) +"
    ").appendTo(sub_container); - var text = $("
    " + sankoreLang.enter + "
    ").appendTo(sub_container); - - $("").appendTo(imgs_container); - var add_img = $("
    ").appendTo(imgs_container); - container.insertBefore($(".add_block")); -} +//function addContainer(){ +// var container = $("
    "); +// var sub_container = $("
    ").appendTo(container); +// var imgs_container = $("
    ").appendTo(container); +// +// var close = $("
    ").appendTo(container); +// var number = $("
    "+ ($(".cont").size() + 1) +"
    ").appendTo(sub_container); +// var text = $("
    " + sankoreLang.enter + "
    ").appendTo(sub_container); +// +// $("").appendTo(imgs_container); +// var add_img = $("
    ").appendTo(imgs_container); +// container.insertBefore($(".add_block")); +//} //add new img block function addImgBlock(dest){ @@ -717,12 +716,12 @@ function addImgBlock(dest){ $("").appendTo(img_block); } -function refreshBlockNumbers(){ - var i = 0; - $(".cont").each(function(){ - $(this).find(".number_cont").text(++i); - }) -} +//function refreshBlockNumbers(){ +// var i = 0; +// $(".cont").each(function(){ +// $(this).find(".number_cont").text(++i); +// }) +//} //shuffles an array function shuffle( arr ) diff --git a/resources/library/interactivities/Ass sons.wgt/config.xml b/resources/library/interactivities/Ass sons.wgt/config.xml index b30123b4..8dc12995 100644 --- a/resources/library/interactivities/Ass sons.wgt/config.xml +++ b/resources/library/interactivities/Ass sons.wgt/config.xml @@ -1,16 +1,17 @@ - - - - Notes - Mnemis SA - Associer images - - - + + + Notes + Mnemis SA + Associer images + + + diff --git a/resources/library/interactivities/Ass sons.wgt/css/basic.css b/resources/library/interactivities/Ass sons.wgt/css/basic.css index d6bfe053..2ac889dc 100644 --- a/resources/library/interactivities/Ass sons.wgt/css/basic.css +++ b/resources/library/interactivities/Ass sons.wgt/css/basic.css @@ -1,471 +1,470 @@ -html, body{ - width: 100%; - height: 100%; - margin: 0; - padding: 0; - border-radius: 35px; - overflow: hidden; - font-family: sans-serif; -} - -body{ - background-image: url(../img/bg.png); -} - -.toggle_mode{ - width: 100%; - height: 25px; - border-bottom: 1px solid black; - background-color: #ccc; - position: fixed; - top: 0; - left: 0; - z-index: 2; -} - -#display_img, #edit_img{ - width: 15px; - height: 15px; - margin: 5px 10px; -} - -#display_text, #edit_text{ - height: 19px; - padding: 3px 0 0 0; -} - -.selected{ - -} - -#display:hover, #edit:hover{ - background-color: #999; -} - -.cont{ - width: 100%; - border-bottom: 1px solid black; - margin: 0; - padding: 0; - position: relative; -} - -.sub_cont{ - width: 100%; - padding: 0; - margin: 20px 0 0 0; - min-height: 60px; -} - -.imgs_cont{ - width: 100%; - min-height: 142px; - margin: 0; -} - -.imgs_answers{ - width: 162px; - margin: 0 auto; - margin-bottom: 10px; - min-height: 142px; - border: 2px dashed #ccc; - text-align: center; -} - -.imgs_answers_gray{ - -} - -.imgs_answers_green{ - background-color: #9f9; -} - -.imgs_answers_red{ - background-color: #f99; -} - -.number_cont{ - width: 40px; - height: 33px; - margin-left: 40px; - margin-right: 10px; - background-image: url(../img/circle.png); - background-repeat: no-repeat; - text-align: center; - float: left; - font-size: 130%; - padding-top: 7px; - font-weight: bold; -} - -.text_cont{ - width: 80%; - min-height: 40px; - max-height: 60px; - float: right; - background-color: #999; - border-top-left-radius: 20px; - border-bottom-left-radius: 20px; -} - -.close_cont{ - width: 20px; - height: 20px; - background-image: url(../img/close_cont.png); - cursor: pointer; - position: absolute; - top: -15px; - left: 5px; -} - -.add_img{ - width: 120px; - height: 120px; - margin: 10px 20px; - background-image: url(../img/add_img.png); - background-position: center; - background-repeat: no-repeat; - cursor: pointer; - display: inline-block; -} - -.img_block{ - width: 120px; - height: 120px; - margin: 10px 20px; - cursor: pointer; - display: inline-block; - position: relative; -} - -.img_gray{ - border: 1px solid #ccc; - -moz-box-shadow: #ccc -1px 0 4px; - -webkit-box-shadow: #ccc -1px 0 4px; - box-shadow: #ccc -1px 0 4px; -} - -.close_img, .true_img, .false_img{ - width: 30px; - height: 30px; - background-repeat: no-repeat; - position: absolute; - right: -15px; - cursor: pointer; -} - -.close_img{ - background-image: url(../img/close_img.png); - top: -15px; -} - -.true_img{ - background-image: url(../img/false.png); - top: 15px; -} - -.false_img{ - background-image: url(../img/true.png); - top: 15px; -} - -.add_block{ - margin: 20px 0 0 20px; - width: 110px; - height: 25px; - background-image: url(../img/add_block.png); - background-repeat: no-repeat; - padding-left: 40px; - padding-top: 5px; - cursor: pointer; - background-color: #ccc; - -webkit-border-radius: 15px; - border-radius: 15px; -} - -.dropHere{ - background-color: #ccc; -} - -.dropBack{ - -} - -.audio_block{ - width: 120px; - height: 30px; - padding: 5px 0 5px 10px; - float: left; - border-right: 3px solid white; -} - -.audio_gray{ - border-top-left-radius: 15px; - border-bottom-left-radius: 15px; - background-color: white; -} - -.audio_desc{ - width: 73%; - max-height: 40px; - overflow-x: hidden; - float: right; - margin-left: 20px; - word-break: break-all; -} - -.play, .stop{ - height: 30px; - width: 70px; - float: left; - cursor: pointer; -} - -.play{ - background-image: url(../img/play.png); -} - -.stop{ - background-image: url(../img/stop.png); -} - -.replay{ - height: 30px; - width: 32px; - margin-left: 10px; - float: left; - background-image: url(../img/replay.png); - background-repeat: no-repeat; - cursor: pointer; -} - -.gray{ - background-color: #ccc; -} - -/*new design*/ - -.body_table{ - width: 100%; - height: 100%; - border-spacing: 0; -} - -/*top*/ - -.b_top_left{ - width: 54px; - background-image: url(../img/top_left.png); - background-repeat: no-repeat; -} - -.b_top_right{ - width: 54px; - background-image: url(../img/top_right.png); - background-repeat: no-repeat; -} - -.b_top_center{ - height: 54px; - background-image: url(../img/top.png); - background-repeat: repeat-x; -} - -/*bottom*/ - -.b_bottom_left{ - width: 54px; - background-image: url(../img/bottom_left.png); - background-repeat: no-repeat; -} - -.b_bottom_right{ - width: 54px; - background-image: url(../img/bottom_right.png); - background-repeat: no-repeat; -} - -.b_bottom_center{ - background-image: url(../img/bottom.png); - background-repeat: repeat-x; -} - -/*center*/ - -.b_center_left{ - width: 54px; - background-image: url(../img/left.png); - background-repeat: repeat-y; -} - -.b_center_right{ - width: 54px; - background-image: url(../img/right.png); - background-repeat: repeat-y; -} - -#data{ - width: 100%; - height: 100%; - min-height: 250px; - overflow: auto; -} - -#wgt_name{ - height: 44px; - margin: 10px 10px 0 10px; - padding: 0; - float: left; - font-family: sans-serif; - font-size: 24px; - color: #7F613F; - text-shadow: #FFDCA9 0 1px 0; -} - -#wgt_reload, #wgt_edit, #wgt_display, #wgt_help{ - cursor: pointer; - margin: 10px 10px 0 0; - float: right; - font-family: sans-serif; - font-size: 24px; - line-height: 32px; -} - -#wgt_display{ - padding-left: 35px; - background: url(../img/toolbar-edit.png) left -32px no-repeat; - color: white; - display: none; -} - -#wgt_edit{ - padding-left: 35px; - background: url(../img/slate-toolbar-edit.png) left top no-repeat; - color: #7F613F; - text-shadow: #FFDCA9 0 1px 0; -} - -#wgt_reload{ - padding-left: 35px; - background: url(../img/slate-toolbar-reload.png) left top no-repeat; - color: #7F613F; - text-shadow: #FFDCA9 0 1px 0; -} - -.btl_pad{ - background-image: url(../img/pad-top-left.png) !important; -} - -.btc_pad{ - background-image: url(../img/pad-top.png) !important; -} - -.btr_pad{ - background-image: url(../img/pad-top-right.png) !important; -} - -.bcl_pad{ - background-image: url(../img/pad-left.png) !important; -} - -.bcr_pad{ - background-image: url(../img/pad-right.png) !important; -} - -.bbl_pad{ - background-image: url(../img/pad-bottom-left.png) !important; -} - -.bbc_pad{ - background-image: url(../img/pad-bottom.png) !important; -} - -.bbr_pad{ - background-image: url(../img/pad-bottom-right.png) !important; -} - -.without_radius{ - border-radius: 0 !important; -} - -.without_back{ - background: none !important; -} - -.pad_color{ - color: #FC9 !important; - text-shadow: none !important; -} - -.pad_reload{ - background: url(../img/toolbar-reload.png) left top no-repeat !important; -} - -.pad_edit{ - background: url(../img/toolbar-edit.png) left top no-repeat !important; -} - -.pad_help{ - background: url(../img/toolbar-help.png) left top no-repeat !important; -} - -.help_wood{ - background: url(../img/slate-toolbar-help.png) left -32px no-repeat !important; - color: white !important; - text-shadow: #7F613F 0 -1px 0 !important; -} - -.help_pad{ - background: url(../img/toolbar-help.png) left -32px no-repeat !important; - color: white !important; -} - -#wgt_help{ - padding-left: 35px; - background: url(../img/slate-toolbar-help.png) left top no-repeat; - color: #7F613F; - text-shadow: #FFDCA9 0 1px 0; -} - -#help{ - height: 100%; - overflow: auto; - display: none; - background-color: #ccc; - padding: 5px; -} - -.open{ - -} - -#parameters{ - display: none; - padding: 10px 20px; - background: url("../img/parameters-bg.png"); - border-radius: 4px 4px 0 0; -} - -.inline{ - display: inline-block; - font-family: sans-serif; - font-size: 14px; - color: #666; -} - -#parameters label { - font-style: italic; -} - -#style_select{ - margin-left: 10px; -} - -.display_wood{ - background: url(../img/slate-toolbar-edit.png) left -32px no-repeat !important; - text-shadow: #7F613F 0 -1px 0; -} - -.radius_ft{ - border-radius: 45px !important; +html, body{ + width: 100%; + height: 100%; + margin: 0; + padding: 0; + border-radius: 35px; + overflow: hidden; + font-family: sans-serif; +} + +body{ + background-image: url(../img/bg.png); +} + +.toggle_mode{ + width: 100%; + height: 25px; + border-bottom: 1px solid black; + background-color: #ccc; + position: fixed; + top: 0; + left: 0; + z-index: 2; +} + +#display_img, #edit_img{ + width: 15px; + height: 15px; + margin: 5px 10px; +} + +#display_text, #edit_text{ + height: 19px; + padding: 3px 0 0 0; +} + +.selected{ + +} + +#display:hover, #edit:hover{ + background-color: #999; +} + +.cont{ + width: 100%; + border-bottom: 1px solid black; + margin: 0; + padding: 0; + position: relative; +} + +.sub_cont{ + width: 100%; + padding: 0; + margin: 20px 0 0 0; + min-height: 60px; +} + +.imgs_cont{ + width: 100%; + min-height: 142px; + margin: 0; +} + +.imgs_answers{ + width: 162px; + margin: 0 auto; + margin-bottom: 10px; + min-height: 142px; + border: 2px dashed #ccc; + text-align: center; +} + +.imgs_answers_gray{ + +} + +.imgs_answers_green{ + background-color: #9f9; +} + +.imgs_answers_red{ + background-color: #f99; +} + +.number_cont{ + width: 40px; + height: 33px; + margin-left: 40px; + margin-right: 10px; + background-image: url(../img/circle.png); + background-repeat: no-repeat; + text-align: center; + float: left; + font-size: 130%; + padding-top: 7px; + font-weight: bold; +} + +.text_cont{ + width: 80%; + min-height: 40px; + max-height: 60px; + float: right; + background-color: #999; + border-top-left-radius: 20px; + border-bottom-left-radius: 20px; +} + +.close_cont{ + width: 20px; + height: 20px; + background-image: url(../img/close_cont.png); + cursor: pointer; + position: absolute; + top: -15px; + left: 5px; +} + +.add_img{ + width: 120px; + height: 120px; + margin: 10px 20px; + background-image: url(../img/add_img.png); + background-position: center; + background-repeat: no-repeat; + cursor: pointer; + display: inline-block; +} + +.img_block{ + width: 120px; + height: 120px; + margin: 10px 20px; + cursor: pointer; + display: inline-block; + position: relative; +} + +.img_gray{ + border: 1px solid #ccc; + -moz-box-shadow: #ccc -1px 0 4px; + -webkit-box-shadow: #ccc -1px 0 4px; + box-shadow: #ccc -1px 0 4px; +} + +.close_img, .true_img, .false_img{ + width: 30px; + height: 30px; + background-repeat: no-repeat; + position: absolute; + right: -15px; + cursor: pointer; +} + +.close_img{ + background-image: url(../img/close_img.png); + top: -15px; +} + +.true_img{ + background-image: url(../img/false.png); + top: 15px; +} + +.false_img{ + background-image: url(../img/true.png); + top: 15px; +} + +.add_block{ + margin: 20px 0 0 20px; + width: 110px; + height: 25px; + background-image: url(../img/add_block.png); + background-repeat: no-repeat; + padding-left: 40px; + padding-top: 5px; + cursor: pointer; + background-color: #ccc; + -webkit-border-radius: 15px; + border-radius: 15px; +} + +.dropHere{ + background-color: #ccc; +} + +.dropBack{ + +} + +.audio_block{ + width: 120px; + height: 30px; + padding: 5px 0 5px 10px; + float: left; + border-right: 3px solid white; +} + +.audio_gray{ + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; + background-color: white; +} + +.audio_desc{ + width: 70%; + max-height: 40px; + overflow-x: hidden; + float: right; + word-break: break-all; +} + +.play, .stop{ + height: 30px; + width: 70px; + float: left; + cursor: pointer; +} + +.play{ + background-image: url(../img/play.png); +} + +.stop{ + background-image: url(../img/stop.png); +} + +.replay{ + height: 30px; + width: 32px; + margin-left: 10px; + float: left; + background-image: url(../img/replay.png); + background-repeat: no-repeat; + cursor: pointer; +} + +.gray{ + background-color: #ccc; +} + +/*new design*/ + +.body_table{ + width: 100%; + height: 100%; + border-spacing: 0; +} + +/*top*/ + +.b_top_left{ + width: 54px; + background-image: url(../img/top_left.png); + background-repeat: no-repeat; +} + +.b_top_right{ + width: 54px; + background-image: url(../img/top_right.png); + background-repeat: no-repeat; +} + +.b_top_center{ + height: 54px; + background-image: url(../img/top.png); + background-repeat: repeat-x; +} + +/*bottom*/ + +.b_bottom_left{ + width: 54px; + background-image: url(../img/bottom_left.png); + background-repeat: no-repeat; +} + +.b_bottom_right{ + width: 54px; + background-image: url(../img/bottom_right.png); + background-repeat: no-repeat; +} + +.b_bottom_center{ + background-image: url(../img/bottom.png); + background-repeat: repeat-x; +} + +/*center*/ + +.b_center_left{ + width: 54px; + background-image: url(../img/left.png); + background-repeat: repeat-y; +} + +.b_center_right{ + width: 54px; + background-image: url(../img/right.png); + background-repeat: repeat-y; +} + +#data{ + width: 100%; + height: 100%; + min-height: 250px; + overflow: auto; +} + +#wgt_name{ + height: 44px; + margin: 10px 10px 0 10px; + padding: 0; + float: left; + font-family: sans-serif; + font-size: 24px; + color: #7F613F; + text-shadow: #FFDCA9 0 1px 0; +} + +#wgt_reload, #wgt_edit, #wgt_display, #wgt_help{ + cursor: pointer; + margin: 10px 10px 0 0; + float: right; + font-family: sans-serif; + font-size: 24px; + line-height: 32px; +} + +#wgt_display{ + padding-left: 35px; + background: url(../img/toolbar-edit.png) left -32px no-repeat; + color: white; + display: none; +} + +#wgt_edit{ + padding-left: 35px; + background: url(../img/slate-toolbar-edit.png) left top no-repeat; + color: #7F613F; + text-shadow: #FFDCA9 0 1px 0; +} + +#wgt_reload{ + padding-left: 35px; + background: url(../img/slate-toolbar-reload.png) left top no-repeat; + color: #7F613F; + text-shadow: #FFDCA9 0 1px 0; +} + +.btl_pad{ + background-image: url(../img/pad-top-left.png) !important; +} + +.btc_pad{ + background-image: url(../img/pad-top.png) !important; +} + +.btr_pad{ + background-image: url(../img/pad-top-right.png) !important; +} + +.bcl_pad{ + background-image: url(../img/pad-left.png) !important; +} + +.bcr_pad{ + background-image: url(../img/pad-right.png) !important; +} + +.bbl_pad{ + background-image: url(../img/pad-bottom-left.png) !important; +} + +.bbc_pad{ + background-image: url(../img/pad-bottom.png) !important; +} + +.bbr_pad{ + background-image: url(../img/pad-bottom-right.png) !important; +} + +.without_radius{ + border-radius: 0 !important; +} + +.without_back{ + background: none !important; +} + +.pad_color{ + color: #FC9 !important; + text-shadow: none !important; +} + +.pad_reload{ + background: url(../img/toolbar-reload.png) left top no-repeat !important; +} + +.pad_edit{ + background: url(../img/toolbar-edit.png) left top no-repeat !important; +} + +.pad_help{ + background: url(../img/toolbar-help.png) left top no-repeat !important; +} + +.help_wood{ + background: url(../img/slate-toolbar-help.png) left -32px no-repeat !important; + color: white !important; + text-shadow: #7F613F 0 -1px 0 !important; +} + +.help_pad{ + background: url(../img/toolbar-help.png) left -32px no-repeat !important; + color: white !important; +} + +#wgt_help{ + padding-left: 35px; + background: url(../img/slate-toolbar-help.png) left top no-repeat; + color: #7F613F; + text-shadow: #FFDCA9 0 1px 0; +} + +#help{ + height: 100%; + overflow: auto; + display: none; + background-color: #ccc; + padding: 5px; +} + +.open{ + +} + +#parameters{ + display: none; + padding: 10px 20px; + background: url("../img/parameters-bg.png"); + border-radius: 4px 4px 0 0; +} + +.inline{ + display: inline-block; + font-family: sans-serif; + font-size: 14px; + color: #666; +} + +#parameters label { + font-style: italic; +} + +#style_select{ + margin-left: 10px; +} + +.display_wood{ + background: url(../img/slate-toolbar-edit.png) left -32px no-repeat !important; + text-shadow: #7F613F 0 -1px 0; +} + +.radius_ft{ + border-radius: 45px !important; } \ No newline at end of file diff --git a/resources/library/interactivities/Ass sons.wgt/index.html b/resources/library/interactivities/Ass sons.wgt/index.html index 7cc90402..67a98ead 100644 --- a/resources/library/interactivities/Ass sons.wgt/index.html +++ b/resources/library/interactivities/Ass sons.wgt/index.html @@ -3,86 +3,30 @@ D'n'd - - - - - - - - - - - - - - - - - - - - -
      -
    -
    -
    -
    -
    -     		 
      -
    -
    -
    -
    - -
    -
    -
    -     		 
       
    diff --git a/resources/library/interactivities/Ass sons.wgt/locales/en/img/drop_img.png b/resources/library/interactivities/Ass sons.wgt/locales/en/img/drop_img.png new file mode 100644 index 0000000000000000000000000000000000000000..17024f03bb5b3ce7a4ce3a052029b9744489a365 GIT binary patch literal 1618 zcmaJ?dpOez82%yC)|Mi-irj~UFmbI{nc<=Q)3T@B6*a^L>B4&-;Bj{=OIlY&{GB00hZ1UbZtX_|Pd*6qwO`yWWxwBx}H^AES7Aq5Xd z^};^Ggdgu}=D{mDXQ$boPklx(&+YcCFxSktk{T^EJr;75+2>=B=BFR1T~&zJ9Pu}? z4FV=}?IyE!4=$7iJR4)&7p=R_Lb|4GQ0YIEEf?4q-g7L|_0u}r$BuY&bCn5qu{_f& zZk7%o@6p|4(ZmwRwsHT|{f;9oQX_;R(#{CYHKT z)B~c3x2W1OxU)T+@7(L%`WiA51Wp-qXSAqccMKPITXrl3EbN!TdxL47mDYRM?TxPP z;WOWz#Ii?x3a(@q9};b}+pSr>(mD5_&dJ4vu8p(9K28AdWJ}wv&o)y51=Qy4VZ#>Q15V zS78N3^lk0a63(~7)5bJ3j>zgBO*MrLC*)A7&>4OBo^((5)o6{E_PlF7_PC81Bbn?t zg(StJy-FzM7wX z(T~|#CbB(V7|78Zm;*Okj($aCI=?PD1bysBp6JM9s$?rN2f=FZ>lFNULp9}yW9%ho z8*(WgtgeMH<#Ny)%o3=Jk(zpSJB~QA8VH|^uLhHwTE+2Ue8JfdXQ5Jdbi0~Mf!H<96N+d3*tUf9q|wRi$w zT4Zkp{FpB9tZpGStauam_0H=m&3@k$lexd`gPFq!RwLi5@j%)@nfiPB zw}X*(*Bh@OP__DLy;NT=eYG{ly;^53OIH_ZC zOLfGCW}ID21*`$n!QD=fjUa?4tP!T7eFj}U`a}2PZ|C>2=vZ3g-gy*{LlVP|GS>Qr za9=n&LDPM`JLjeZ38v4f+n!_}>XkGV4a%dKk3O$6oudzVszrtla&O}}&GEbmx4kOS zPv(>sN@{D`yX#N`Hs%{UjT~yqYx_a@llWwn$a8ZicoZYt*i=p;A5wX4a~*1(u%MOc zGdun+VDh51s!Bn+fKYB7x>|Os^hLuE)M7~b5Z})ddHKPaz%3oj8wlPfOW)M1OX*Go%cVo2=6#KmcD z>8(1+>4edYVAH1< + + + D'n'd + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
    +
    +
    +
    +
    +     		 
      +
    +
    +
    +
    + +
    +
    +
    +     		 
       
    + + diff --git a/resources/library/interactivities/Ass sons.wgt/locales/en/js/script.js b/resources/library/interactivities/Ass sons.wgt/locales/en/js/script.js new file mode 100644 index 00000000..4f851f27 --- /dev/null +++ b/resources/library/interactivities/Ass sons.wgt/locales/en/js/script.js @@ -0,0 +1,918 @@ +var sankoreLang = { + display: "Display", + edit: "Edit", + short_desc: "How many signals do you hear?", + add: "Add new block", + enter: "Enter your instruction here ...", + wgt_name: "Associate to the audio", + reload: "Reload", + slate: "slate", + pad: "pad", + none: "none", + help: "Help", + help_content: +"

    Associate to the audio

    " + +"

    Match a picture to a sound

    " + +"

    Drag and drop the image in the correct area. If the result is incorrect, the area turns in red. If the result is correct, the area turns in green.

    "+ +"

    Reload “button” resets the exercises.

    " + +"

    Enter the “Edit” mode to : " + +"

    • choose the theme of the App : pad, slate, or none (by default : none),
      • " + +"
    • modify the exercise.
    " + + +"

    In edition mode :

    " + +"
    • modify the instruction clicking on the field,
      • " + +"
    • replace the audio file, dragging and dropping a new one from your library,
      • " + +"
    • add picture frames clicking on the “+”,
      • " + +"
    • drag an drop pictures from your library,
      • " + +"
    • set the correct image of your activity clicking on the submit button “v” on the frame,
      • " + +"
    • delete a frame clicking on the cross button on the frame,
      • " + +"
    • replace a picture, dragging a new one from your library,
      • " + +"
    • “Display” button comes back to the activity.
    ", + theme: "Theme" +}; + +//main function +function start(){ + + $("#wgt_display").text(sankoreLang.display); + $("#wgt_edit").text(sankoreLang.edit); + $("#wgt_name").text(sankoreLang.wgt_name); + $("#wgt_reload").text(sankoreLang.reload); + $("#wgt_help").text(sankoreLang.help); + $("#help").html(sankoreLang.help_content); + $("#style_select option[value='1']").text(sankoreLang.slate); + $("#style_select option[value='2']").text(sankoreLang.pad); + $("#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(sankore.preference("associer_sound","")){ + var data = jQuery.parseJSON(sankore.preference("associer_sound","")); + importData(data); + } + else + showExample(); + if(sankore.preference("as_snd_style","")){ + changeStyle(sankore.preference("as_snd_style","")); + $("#style_select").val(sankore.preference("as_snd_style","")); + } else + changeStyle("3") + } + else + showExample(); + + //events + if (window.widget) { + window.widget.onleave = function(){ + exportData(); + sankore.setPreference("as_snd_style", $("#style_select").find("option:selected").val()); + } + } + + $("#wgt_help").click(function(){ + var tmp = $(this); + if($(this).hasClass("open")){ + $(this).removeClass("help_pad").removeClass("help_wood") + $("#help").slideUp("100", function(){ + tmp.removeClass("open"); + $("#data").show(); + }); + } else { + ($("#style_select").val() == 1)?$(this).removeClass("help_pad").addClass("help_wood"):$(this).removeClass("help_wood").addClass("help_pad"); + $("#data").hide(); + $("#help").slideDown("100", function(){ + tmp.addClass("open"); + }); + } + }); + + $("#wgt_reload").click(function(){ + if($("#wgt_display").hasClass("selected")){ + $("#wgt_edit").trigger("click"); + $("#wgt_display").trigger("click"); + } else { + $("#wgt_display").trigger("click"); + } + }); + + $("#wgt_reload, #wgt_display, #wgt_edit").mouseover(function(){ + exportData(); + }); + + $("#style_select").change(function (event){ + changeStyle($(this).find("option:selected").val()); + }) + + $("#wgt_display, #wgt_edit").click(function(event){ + if(this.id == "wgt_display"){ + if(!$(this).hasClass("selected")){ + if(window.sankore) + sankore.enableDropOnWidget(false); + $(this).addClass("selected"); + $("#wgt_edit").removeClass("selected"); + $("#parameters").css("display", "none"); +// $(".add_block").remove(); + $(".cont").each(function(){ + var container = $(this); + var tmp_i = 0; + var tmp_array = []; + + container.find(".text_cont .audio_desc").removeAttr("contenteditable"); + container.find(".audio_block").removeAttr("ondragenter") + .removeAttr("ondragleave") + .removeAttr("ondragover") + .removeAttr("ondrop") + container.find(".add_img").remove(); +// container.find(".close_cont").remove(); + container.find(".img_block").each(function(){ + if($(this).find("img").attr("src") != "img/drop_img.png"){ + $(this).find(".close_img").remove(); + $(this).find(".true_img").remove(); + $(this).find(".false_img").remove(); + $(this).removeAttr("ondragenter") + .removeAttr("ondragleave") + .removeAttr("ondragover") + .removeAttr("ondrop") + .addClass("img_gray"); + } else + $(this).remove(); + }); + var img_answers = $("
    ").insertAfter(container.find(".sub_cont")); + container.find(".img_block").each(function(){ + $(this).css("float",""); + tmp_array.push($(this)); + }); + tmp_array = shuffle(tmp_array); + for(var i = 0; i"); + var answers = ""; + $(this).parent().find(".imgs_answers .img_block").each(function(){ + answers += $(this).find("input").val(); + }); + if(tmp_cont.children()[0].tagName == "IMG") + tmp_cont.removeClass("imgs_answers_green") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_gray"); + else + if(tmp_cont.children().length == 1){ + if(tmp_cont.children().find("input").val() == "1") + tmp_cont.removeClass("imgs_answers_gray") + .removeClass("imgs_answers_red") + .addClass("imgs_answers_green"); + else + tmp_cont.removeClass("imgs_answers_gray") + .removeClass("imgs_answers_green") + .addClass("imgs_answers_red"); + } + } + } + } + }); + }); + $(this).css("display", "none"); + $("#wgt_edit").css("display", "block"); + } + } else { + if(!$(this).hasClass("selected")){ + if(window.sankore) + sankore.enableDropOnWidget(true); + $(this).addClass("selected"); + $("#wgt_display").removeClass("selected"); + $("#parameters").css("display", "block"); + + $(".cont").each(function(){ + var container = $(this); + container.find(".imgs_answers").find(".img_block").each(function(){ + $(this).appendTo(container.find(".imgs_cont")) + }); + container.find(".imgs_answers").remove(); +// $("
    ").appendTo(container); + container.find(".imgs_cont").css("background-color", ""); + container.find(".text_cont .audio_desc").attr("contenteditable","true"); + container.find(".audio_block").attr("ondragenter", "return false;") + .attr("ondragleave", "$(this).removeClass('audio_gray'); return false;") + .attr("ondragover", "$(this).addClass('audio_gray'); return false;") + .attr("ondrop", "$(this).removeClass('audio_gray'); return onDropAudio(this,event);"); + var add_img = $("
    "); + container.find(".img_block").each(function(){ + $(this).draggable("destroy"); + $(this).attr("ondragenter", "return false;") + .attr("ondragleave", "$(this).css(\"background-color\",\"\"); return false;") + .attr("ondragover", "$(this).css(\"background-color\",\"#ccc\"); return false;") + .attr("ondrop", "$(this).css(\"background-color\",\"\"); return onDropTarget(this,event);") + .css("float","left"); + $("
    ").appendTo($(this)); + if($(this).find("input").val() == "1"){ + $("
    ").appendTo($(this)); + } + else{ + $("
    ").appendTo($(this)); + } + }); + container.find(".imgs_cont").append(add_img) + }); + +// $("
    " + sankoreLang.add + "
    ").appendTo("#data"); + $(this).css("display", "none"); + $("#wgt_display").css("display", "block"); + } + } + + $("audio").each(function(){ + this.pause(); + $(this).parent().find(":first-child").removeClass("stop").addClass("play"); + }); + + }); + + //add new block +// $(".add_block").live("click", function(){ +// addContainer(); +// }); + + //adding new img + $(".add_img").live("click", function(){ + addImgBlock($(this)); + }); + + //deleting a block +// $(".close_cont").live("click",function(){ +// $(this).parent().remove(); +// refreshBlockNumbers(); +// }); + + //deleting the img block + $(".close_img").live("click", function(){ + var i = 0; + var tmp_obj = $(this).parent().parent(); + $(this).parent().remove(); + }); + + //correct image + $(".true_img").live("click",function(){ + $(this).parent().parent().find(".img_block").each(function(){ + $(this).find("input").val(0); + var tmp_div = $(this).find(".false_img"); + if(tmp_div) + tmp_div.removeClass("false_img").addClass("true_img"); + }) + $(this).parent().find("input").val(1); + $(this).removeClass("true_img").addClass("false_img"); + }); + + //wrong image + $(".false_img").live("click",function(){ + $(this).parent().find("input").val(0); + $(this).removeClass("false_img").addClass("true_img"); + }); + + //play/pause event + $(".play, .stop").live("click", function(){ + var tmp_audio = $(this); + var audio = tmp_audio.parent().find("audio").get(0); + if($(this).hasClass("play")){ + if(tmp_audio.parent().find("source").attr("src")){ + tmp_audio.removeClass("play").addClass("stop"); + var id = setInterval(function(){ + if(audio.currentTime == audio.duration){ + clearInterval(id); + tmp_audio.removeClass("stop").addClass("play"); + } + }, 10); + tmp_audio.parent().find("input").val(id); + audio.play(); + } + } else { + $(this).removeClass("stop").addClass("play"); + clearInterval( tmp_audio.parent().find("input").val()) + audio.pause(); + } + }); + + $(".replay").live("click", function(){ + var tmp_audio = $(this).prev(); + var audio = $(this).parent().find("audio").get(0); + if(tmp_audio.parent().find("source").attr("src")){ + $(this).prev().removeClass("play").addClass("stop"); + clearInterval($(this).parent().find("input").val()); + var id = setInterval(function(){ + if(audio.currentTime == audio.duration){ + clearInterval(id); + tmp_audio.removeClass("stop").addClass("play"); + } + }, 10); + tmp_audio.parent().find("input").val(id); + audio.currentTime = 0; + audio.play(); + } + }); +} + +//export +function exportData(){ + var array_to_export = []; + if($("#wgt_edit").hasClass("selected")){ + $(".cont").each(function(){ + var cont_obj = new Object(); + cont_obj.text = $(this).find(".audio_desc").text(); + cont_obj.audio = $(this).find("source").attr("src").replace("../../","");; + cont_obj.mode = "edit"; + cont_obj.imgs = []; + $(this).find(".img_block").each(function(){ + var img_obj = new Object(); + img_obj.value = $(this).find("input").val(); + img_obj.link = $(this).find("img").attr("src").replace("../../",""); + img_obj.ht = $(this).find("img").height(); + img_obj.wd = $(this).find("img").width(); + cont_obj.imgs.push(img_obj); + }); + array_to_export.push(cont_obj); + }); + } else { + $(".cont").each(function(){ + var cont_obj = new Object(); + cont_obj.text = $(this).find(".audio_desc").text(); + cont_obj.audio = $(this).find("source").attr("src").replace("../../",""); + cont_obj.mode = "display"; + cont_obj.imgs = []; + if($(this).find(".imgs_answers").children()[0].tagName == "DIV"){ + var tmp_cont = $(this).find(".imgs_answers").find(".img_block"); + var img_obj = new Object(); + img_obj.value = tmp_cont.find("input").val(); + img_obj.link = tmp_cont.find("img").attr("src").replace("../../",""); + img_obj.ht = tmp_cont.find("img").height(); + img_obj.wd = tmp_cont.find("img").width(); + img_obj.cont = "answers"; + cont_obj.imgs.push(img_obj); + } + $(this).find(".imgs_cont .img_block").each(function(){ + var img_obj = new Object(); + img_obj.value = $(this).find("input").val(); + img_obj.link = $(this).find("img").attr("src").replace("../../",""); + img_obj.ht = $(this).find("img").height(); + img_obj.wd = $(this).find("img").width(); + img_obj.cont = "cont"; + cont_obj.imgs.push(img_obj); + }); + array_to_export.push(cont_obj); + }); + } + if(window.sankore) + sankore.setPreference("associer_sound", JSON.stringify(array_to_export)); +} + +//import +function importData(data){ + + for(var i in data){ + if(data[i].mode == "edit"){ + var tmp_array = []; + var container = $("
    "); + var sub_container = $("
    ").appendTo(container); + var imgs_answers = $("
    ").appendTo(container); + var imgs_container = $("
    ").appendTo(container); + +// var number = $("
    "+ (++tmp) +"
    ").appendTo(sub_container); + var text = $("
    ").appendTo(sub_container); + var audio_block = $("
    ").appendTo(text); + $("
    ").appendTo(audio_block); + $("
    ").appendTo(audio_block); + var source = $("").attr("src", "../../" + data[i].audio); + var audio = $("