Merge branch 'Sankore-1.40' of github.com:Sankore/Sankore-3.1 into Sankore-1.40

resources/library/interactivities/Ass images.wgt/css/basic.css

@@ -274,7 +274,7 @@ body{
 
 #wgt_name{
     height: 44px;
-    width: 200px;
+    width: 300px;
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;

resources/library/interactivities/Ass images.wgt/js/script.js

@@ -3,7 +3,7 @@ var sankoreLang = {
     edit: "Edit", 
     short_desc: "Select the number \"three\".", 
     add: "Add new block",
-    enter: "Enter your condition here ...",
+    enter: "Enter your instruction here ...",
     wgt_name: "Associate images",
     reload: "Reload",
     slate: "Wood",

resources/library/interactivities/Cat images.wgt/css/basic.css

@@ -260,7 +260,7 @@ body{
 
 #wgt_name{
     height: 44px;
-    width: 200px;
+    width: 300px;
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;

resources/library/interactivities/Cat images.wgt/locales/fr/js/script.js

@@ -5,7 +5,7 @@ var sankoreLang = {
     second_desc: "Les nombres pairs", 
     enter: "Saisir le nom de la catégorie ici ...",
     add: "Nouveau bloc",
-    wgt_name: "Categoriser des images",
+    wgt_name: "Catégoriser des images",
     reload: "Recharger",
     slate: "Bois",
     pad: "Pad"

resources/library/interactivities/Cat text.wgt/css/basic.css

@@ -277,7 +277,7 @@ body{
 
 #wgt_name{
     height: 44px;
-    width: 200px;
+    width: 300px;
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;

resources/library/interactivities/Cat text.wgt/js/script.js

@@ -3,7 +3,7 @@ var sankoreLang = {
     edit: "Edit", 
     first_desc: "Fruits", 
     second_desc: "Vegetables",
-    potatoes: "Potatoes",
+    potatoes: "Potato",
     carrot: "Carrot",
     onion: "Onion",
     apple: "Apple",

resources/library/interactivities/Cat text.wgt/locales/fr/js/script.js

@@ -3,7 +3,7 @@ var sankoreLang = {
     edit: "Modifier", 
     first_desc: "Fruits", 
     second_desc: "Légumes",
-    potatoes: "Pommes de terre",
+    potatoes: "Pomme de terre",
     carrot: "Carotte",
     onion: "Oignon",
     apple: "Pomme",
@@ -11,7 +11,7 @@ var sankoreLang = {
     enter: "Saisir le nom de la catégorie ici ...",
     add: "Nouveau bloc",
     text: "Texte",
-    wgt_name: "Categoriser des images",
+    wgt_name: "Catégoriser des textes",
     reload: "Recharger",
     slate: "Bois",
     pad: "Pad"

resources/library/interactivities/Choisir.wgt/config.xml

@@ -3,7 +3,7 @@
 		xmlns:ub="http://uniboard.mnemis.com/widgets"
         id="http://uniboard.mnemis.com/widgets/webbrowser" 
         version="1.1"
-        width="750"
+        width="900"
         height="400" 
 		ub:resizable="true">   
 		     
@@ -11,6 +11,5 @@
 		<author href="http://www.getuniboard.com"
 	            email="info@mnemis.com">Mnemis SA</author>
 		<description>Choisir widget</description> 
-
  		<content src="index.html"/> 
 </widget>

resources/library/interactivities/Choisir.wgt/css/basic.css

@@ -7,204 +7,177 @@ html, body{
 }
 
 body{
-    background-image: url(../img/bg.png);
+    background-image: url(../images/bg.png);
 }
 
-.toggle_mode{
+.toggleButton, .addButton{
-    width: 100%;
+    width: 20px;
-    height: 25px;
+    height: 28px;
-    border-bottom: 1px solid #666;
+    border: none;
-    background-color: #ccc;
+    background-image: url(../images/greySquare.png);
-    position: fixed;
+    font-weight: bold;
-    top: 0;
+    font-family: Verdana;
-    left: 0;
+    color: yellow;
-    z-index: 2;
+    cursor: pointer;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-bottom-left-radius: 5px;
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
 }
 
-#display_img, #edit_img{
+.buttonDiv, .addButtonDiv{
-    width: 15px;
+    position: fixed;
-    height: 15px;
+    float: right;
-    margin: 5px 10px;
+    z-index: 1;
 }
 
-.green_point{
+.addButtonDiv{
-    background-image: url(../img/green_point.png);
+    display: none;
 }
 
-.red_point{
+.leftDiv{
-    background-image: url(../img/red_point.png);
+    width: 50%;
+    height: 100%;
+    float: left;
+    background-color: black;
+    -webkit-border-top-left-radius: 7px;
+    -webkit-border-bottom-left-radius: 7px;
+    border-top-left-radius: 7px;
+    border-bottom-left-radius: 7px;
 }
 
-#display_text, #edit_text{
+.rightDiv{
-    height: 19px;
+    width: 50%;
-    padding: 3px 0 0 0;
+    height: 100%;
+    float: right;
+    background-color: yellow;
+    -webkit-border-top-right-radius: 7px;
+    -webkit-border-bottom-right-radius: 7px;
+    border-top-right-radius: 7px;
+    border-bottom-right-radius: 7px;
 }
 
-.selected{
+.shadowDiv{
-    background-color: #666;
+    width: 100%;
+    display: none;
+    opacity: 0.7;
+    background-color: black;
+    -webkit-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    border-radius: 3px;
+    z-index: 100;
+}
+
+.popupBack{
+    width: 360px;
+    height: 138px;
+    position: absolute;
+    background-image: url(../images/popupBack.png);
+    background-repeat: repeat;
+    -webkit-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    border-radius: 10px;
+    display: none;
+    z-index: 500;
 }
 
-#display:hover, #edit:hover{
+.popupContainers{
-    background-color: #999;
+    float: left;
+    width: 98%;
+    height: 36px;
+    padding: 5px 3px 5px 0;
+    overflow: hidden;
 }
 
-.cont{
+.popupLabels{
-    width: 100%;
+    color: yellow;
-    border-bottom: 1px solid #666;
+    margin: 0 5px;
-    margin: 0;
-    padding: 0;
-    position: relative;
 }
 
-.sub_cont{
+.expresionInput{
-    width: 100%;
+    float: right;
-    padding: 0;
+    width: 70%;
-    margin: 20px 0 0 0;
+    border: none;
-    min-height: 45px;
+    font-family: Verdana,Arial,Helvetica,sans-serif;
+    background-color: #ffc;
+    -webkit-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    border-radius: 5px;
 }
 
-.imgs_cont{
+.popupButtons{
-    min-width: 170px;
+    float: right;
-    min-height: 100px;
+    width: 74px;
-    margin: 0;
+    height: 28px;
-    border-top: 2px dashed #ccc;
+    margin: 4px 5px;
-    border-bottom: 2px dashed #ccc;
+    border: none;
-    margin-bottom: 5px;
+    background-image: url(../images/greySquare2.png);
+    font-family: Verdana;
+    color: yellow;
+    cursor: pointer;
+    -webkit-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    border-radius: 5px;
 }
 
-.all_imgs{
+.readyTask{
-    min-width: 170px;
+    margin: 2px;
-    min-height: 70px;
+    padding: 2px;
-    margin: 0;
+    width: 100%;
-    border-top: 2px dashed #e6f6ff;
+    height: 100%;
-    border-bottom: 2px dashed #e6f6ff;
+    overflow: hidden;
-    margin-bottom: 5px;
+    z-index: 100;
 }
 
-.number_cont{
+.taskContainer{
-    width: 40px;
+    width: 96%;
-    height: 33px;
+    padding: 2px;
-    margin-left: 40px;
-    margin-right: 10px;
-    background-image: url(../img/circle.png);
-    background-repeat: no-repeat;
-    text-align: center;
     float: left;
-    font-size: 130%;
+    text-align: center;
-    padding-top: 7px;
+    font-family: Verdana,Arial,Helvetica,sans-serif;
     font-weight: bold;
 }
 
-.text_cont{
+.editContainer{
-    width: 100%;
-    min-height: 20px;
-    display: block;
-    cursor: pointer;
-}
-
-.close_cont{
-    width: 20px;
-    height: 20px;
-    background-image: url(../img/close_cont.png);
-    cursor: pointer;
     position: absolute;
-    top: -15px;
+    border: 5px solid #c7c7c7;
-    left: 5px;
+    -webkit-border-radius: 5px;
-}
+    -webkit-border-radius: 5px;
-
+    border-radius: 5px;
-.img_block{
+    border-radius: 5px;
-    width: 150px;
-    height: 60px;
-    margin: 10px;
-    display: inline-table;
-    position: relative;
-    border: 1px solid #ccc;
-    border-radius: 10px;
-    -webkit-box-shadow: #ccc -1px 0 4px;
-    box-shadow: #ccc -1px 0 4px;
-    background-color: white;
 }
 
-.close_img{
+.closeItem{
     width: 30px;
     height: 30px;
-    background-repeat: no-repeat;
     position: absolute;
+    background-image: url(../images/icon-close.png);
     right: -15px;
-    background-image: url(../img/close_img.png);
     top: -15px;
-    cursor: pointer;
-}
-
-.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;    
-}
-
-.add_img{
-    width: 62px;
-    height: 62px;
-    margin: 10px;
-    cursor: pointer;
-    display: inline-table;
-    position: relative;
-    background-image: url(../img/img_plus.png);
-}
-
-.del_category, .add_category{
-    margin: 0 10px;
-    width: 30px;
-    height: 30px;
-    float: right;
-    cursor: pointer;
-    border: none;
-    background-color: transparent;
-}
-
-.del_category{
-    background-image: url(../img/minus.png);
-}
-
-.add_category{
-    background-image: url(../img/plus.png);
 }
 
-.cat_desc{
+.rightResize{
-    width: 100%;
+    width: 10px;
-    height: 25px;
+    height: 65%;
-    margin-bottom: 5px;
+    cursor: e-resize;
-    text-align: center;
+    position: absolute;
-    border: none;
+    background: none;
-    background-color: #c3e9ff;
+    right: -10px;
-}
+    top: 20%;
-
-.dropHere{
-    background-color: #C3E9FF !important;
-}
-
-.dropBack{
-
-}
-
-.def_cont{
-    background-color: #E6F6FF;
-}
-
-.red_cont{
-    background-color: #f99;
 }
 
-.green_cont{
+.bottomResize{
-    background-color: #9f9;
+    width: 65%;
+    height: 10px;
+    cursor: n-resize;
+    position: absolute;
+    background: none;
+    bottom: -10px;
+    left: 20%;
 }
 
 /*new design*/
@@ -215,23 +188,27 @@ body{
     border-spacing: 0;
 }
 
+.selected{
+    
+}
+
 /*top*/
 
 .b_top_left{
     width: 54px;
-    background-image: url(../img/top_left.png);
+    background-image: url(../images/top_left.png);
     background-repeat: no-repeat;
 }
 
 .b_top_right{
     width: 54px;
-    background-image: url(../img/top_right.png);
+    background-image: url(../images/top_right.png);
     background-repeat: no-repeat;
 }
 
 .b_top_center{
     height: 54px;
-    background-image: url(../img/top.png);
+    background-image: url(../images/top.png);
     background-repeat: repeat-x;
 }
 
@@ -239,18 +216,18 @@ body{
 
 .b_bottom_left{
     width: 54px;
-    background-image: url(../img/bottom_left.png);
+    background-image: url(../images/bottom_left.png);
     background-repeat: no-repeat;
 }
 
 .b_bottom_right{
     width: 54px;
-    background-image: url(../img/bottom_right.png);
+    background-image: url(../images/bottom_right.png);
     background-repeat: no-repeat;
 }
 
 .b_bottom_center{
-    background-image: url(../img/bottom.png);
+    background-image: url(../images/bottom.png);
     background-repeat: repeat-x;
 }
 
@@ -258,13 +235,13 @@ body{
 
 .b_center_left{
     width: 54px;
-    background-image: url(../img/left.png);
+    background-image: url(../images/left.png);
     background-repeat: repeat-y;
 }
 
 .b_center_right{
     width: 54px;
-    background-image: url(../img/right.png);
+    background-image: url(../images/right.png);
     background-repeat: repeat-y;
 }
 
@@ -277,7 +254,7 @@ body{
 
 #wgt_name{
     height: 44px;
-    width: 200px;
+    width: 300px;
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
@@ -286,9 +263,9 @@ body{
     color: #8c5730;
 }
 
-#wgt_reload, #wgt_edit, #wgt_display{
+#wgt_reload, #wgt_edit, #wgt_display,#wgt_add{
     cursor: pointer;
-    width: 80px;
+    width: 95px;
     height: 44px;
     margin: 10px 10px 0 0;
     float: right;
@@ -300,7 +277,7 @@ body{
 #wgt_display{
     width: 100px;
     padding-left: 40px;
-    background-image: url(../img/slate-edit.png);
+    background-image: url(../images/slate-edit.png);
     background-repeat: no-repeat;
     background-position: top 0;
     display: none;
@@ -309,18 +286,26 @@ body{
 #wgt_edit{    
     width: 100px;
     padding-left: 40px;
-    background-image: url(../img/slate-edit.png);
+    background-image: url(../images/slate-edit.png);
     background-repeat: no-repeat;
     background-position: top 0;
 }
 
 #wgt_reload{
     padding-left: 40px;
-    background-image: url(../img/slate-toolbar-reload.png);
+    background-image: url(../images/slate-toolbar-reload.png);
     background-repeat: no-repeat;
     background-position: top 0;
 }
 
+#wgt_add{
+    padding-left: 40px;
+    background-image: url(../images/plus.png);
+    background-repeat: no-repeat;
+    background-position: top 0;
+    display: none;
+}
+
 .style_select{    
     width: 120px;
     /*font-family: "Lobster13Regular";*/
@@ -328,7 +313,7 @@ body{
     float: right;
     margin: 10px 20px 0 0;
     border-radius: 10px;
-    background-image: url(../img/ar_down.png);
+    background-image: url(../images/ar_down.png);
     background-color: #d4aa79;
     color: #8c5730;
     background-position: 105px 11px;
@@ -338,35 +323,35 @@ body{
 }
 
 .btl_pad{
-    background-image: url(../img/pad-top-left.png) !important;
+    background-image: url(../images/pad-top-left.png) !important;
 }
 
 .btc_pad{
-    background-image: url(../img/pad-top.png) !important;
+    background-image: url(../images/pad-top.png) !important;
 }
 
 .btr_pad{
-    background-image: url(../img/pad-top-right.png) !important;
+    background-image: url(../images/pad-top-right.png) !important;
 }
 
 .bcl_pad{
-    background-image: url(../img/pad-left.png) !important;
+    background-image: url(../images/pad-left.png) !important;
 }
 
 .bcr_pad{
-    background-image: url(../img/pad-right.png) !important;
+    background-image: url(../images/pad-right.png) !important;
 }
 
 .bbl_pad{
-    background-image: url(../img/pad-bottom-left.png) !important;
+    background-image: url(../images/pad-bottom-left.png) !important;
 }
 
 .bbc_pad{
-    background-image: url(../img/pad-bottom.png) !important;
+    background-image: url(../images/pad-bottom.png) !important;
 }
 
 .bbr_pad{
-    background-image: url(../img/pad-bottom-right.png) !important;
+    background-image: url(../images/pad-bottom-right.png) !important;
 }
 
 .pad_color{
@@ -374,15 +359,19 @@ body{
 }
 
 .pad_reload{
-    background-image: url(../img/slate-toolbar-reload-white.png) !important;
+    background-image: url(../images/slate-toolbar-reload-white.png) !important;
 }
 
 .pad_edit{
-    background-image: url(../img/slate-display.png) !important;
+    background-image: url(../images/slate-display.png) !important;
+}
+
+.pad_add{
+    background-image: url(../images/plus-white.png) !important;
 }
 
 .pad_select{
     background-color: black !important;
     color: white !important;
-    background-image: url(../img/ar_down_white.png) !important;
+    background-image: url(../images/ar_down_white.png) !important;
 }

resources/library/interactivities/Contraste.wgt/locales/fr/scripts/blackYellow.js

@@ -19,9 +19,9 @@ var sankoreLang = {
     add: "Ajouter", 
     enter_data: "Saisir la donnée:", 
     enter_result: "Saisir le résultat:", 
-    ok: "Accepter", 
+    ok: "Ok", 
     cancel: "Annuler",
-    wgt_name: "Noir/jaune",
+    wgt_name: "Constraste",
     reload: "Recharger",
     slate: "Bois",
     pad: "Pad"

resources/library/interactivities/Contraste.wgt/scripts/blackYellow.js

@@ -21,7 +21,7 @@ var sankoreLang = {
     enter_result: "Enter result:", 
     ok: "Ok", 
     cancel: "Cancel",
-    wgt_name: "Black/yellow",
+    wgt_name: "Contrast",
     reload: "Reload",
     slate: "Wood",
     pad: "Pad"

resources/library/interactivities/Ordre images.wgt/css/basic.css

@@ -239,7 +239,7 @@ body{
 
 #wgt_name{
     height: 44px;
-    width: 200px;
+    width: 300px;
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;

resources/library/interactivities/Ordre images.wgt/js/script.js

@@ -3,7 +3,7 @@ var sankoreLang = {
     edit: "Edit", 
     short_desc: "Place the pictures in ascending order.", 
     add: "Add new block",
-    enter: "Enter your text here ...",
+    enter: "Enter your instruction here ...",
     wgt_name: "Order images",
     reload: "Reload",
     slate: "Wood",

resources/library/interactivities/Ordre images.wgt/locales/fr/js/script.js

@@ -2,9 +2,9 @@
 var sankoreLang = {
     display: "Afficher", 
     edit: "Modifier", 
-    short_desc: "Placez les photos dans l'ordre croissant.", 
+    short_desc: "Placez les images dans l'ordre croissant.", 
     add: "Nouveau bloc",
-    enter: "Saisir votre texte ici ...",
+    enter: "Saisir votre consigne ici ...",
     wgt_name: "Ordonner des images",
     reload: "Recharger",
     slate: "Bois",

resources/library/interactivities/Ordre mots.wgt/scripts/template2.js

@@ -27,7 +27,7 @@ function checkResponse()
 */
 
 var sankoreLang = {
-    view: "View", 
+    view: "Display", 
     edit: "Edit",
     example: "a*long*,*long*time*ago*...",
     wgt_name: "Order words",

resources/library/interactivities/Ordre mots.wgt/styles/of_puppets.css

@@ -133,7 +133,7 @@ body{
 
 #wgt_name{
     height: 44px;
-    width: 200px;
+    width: 300px;
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;

resources/library/interactivities/Ordre phrase.wgt/scripts/template2.js

@@ -28,7 +28,7 @@ function checkResponse()
 
 var sankoreLang = {
     edit: "Edit",
-    view: "View",
+    view: "Display",
     example: "this is\nan example\nsentence",
     wgt_name: "Order phrases",
     reload: "Reload",

resources/library/interactivities/Ordre phrase.wgt/styles/of_puppets.css

@@ -139,7 +139,7 @@ body{
 
 #wgt_name{
     height: 44px;
-    width: 200px;
+    width: 300px;
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;