new style for ordre phrase

resources/library/interactivities/Ordre phrase.wgt/index.html

@@ -62,6 +62,7 @@
                     <select class="style_select">
                         <option value="1"></option>
                         <option value="2"></option>
+                        <option value="3"></option>
                     </select>
                 </td>
                 <td class="b_top_right">&nbsp;</td>

resources/library/interactivities/Ordre phrase.wgt/locales/fr/index.html

@@ -38,6 +38,7 @@
                     <select class="style_select">
                         <option value="1"></option>
                         <option value="2"></option>
+                        <option value="3"></option>
                     </select>
                 </td>
                 <td class="b_top_right">&nbsp;</td>

resources/library/interactivities/Ordre phrase.wgt/locales/fr/script/template2.js

@@ -28,11 +28,12 @@ function checkResponse()
 var sankoreLang = {
     view: "Afficher", 
     edit: "Modifier",
-    example: "Cette phrase\nest un\nexemple",
+    example: "Cette phrase\nest un\nexample",
     wgt_name: "Ordonner des phrases",
     reload: "Recharger",
     slate: "ardoise",
-    pad: "tablette"
+    pad: "tablette",
+    none: "aucun"
 };
 
 
@@ -69,7 +70,7 @@ $(document).ready(function(){
         changeStyle(sankore.preference("ord_phrases_style",""));
         $(".style_select").val(sankore.preference("ord_phrases_style",""));
     } else
-        changeStyle(1)
+        changeStyle("3")
     $("#wgt_display").text(sankoreLang.view);
     $("#wgt_edit").text(sankoreLang.edit);
     $("#wgt_display, #wgt_edit").click(function(event){
@@ -123,6 +124,7 @@ $(document).ready(function(){
     
     $(".style_select option[value='1']").text(sankoreLang.slate);
     $(".style_select option[value='2']").text(sankoreLang.pad);
+    $(".style_select option[value='3']").text(sankoreLang.none);
     
     $(".style_select").change(function (event){
         changeStyle($(this).find("option:selected").val());
@@ -179,34 +181,55 @@ function createElements( sentence )
 
 //changing the style
 function changeStyle(val){
-    if(val == 1){
+    switch(val){
-        $(".b_top_left").removeClass("btl_pad");
+        case "1":
-        $(".b_top_center").removeClass("btc_pad");
+            $(".b_top_left").removeClass("btl_pad").removeClass("without_back");
-        $(".b_top_right").removeClass("btr_pad");
+            $(".b_top_center").removeClass("btc_pad").removeClass("without_back");
-        $(".b_center_left").removeClass("bcl_pad");
+            $(".b_top_right").removeClass("btr_pad").removeClass("without_back");
-        $(".b_center_right").removeClass("bcr_pad");
+            $(".b_center_left").removeClass("bcl_pad").removeClass("without_back");
-        $(".b_bottom_right").removeClass("bbr_pad");
+            $(".b_center_right").removeClass("bcr_pad").removeClass("without_back");
-        $(".b_bottom_left").removeClass("bbl_pad");
+            $(".b_bottom_right").removeClass("bbr_pad").removeClass("without_back");
-        $(".b_bottom_center").removeClass("bbc_pad");
+            $(".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_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_display").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_name").removeClass("pad_color");
-        $(".style_select").removeClass("pad_select");
+            $(".style_select").removeClass("pad_select").removeClass("none_select").val(val);
-    } else {
+            $("body, html").removeClass("without_radius");
-        $(".b_top_left").addClass("btl_pad");
+            break;
-        $(".b_top_center").addClass("btc_pad");
+        case "2":
-        $(".b_top_right").addClass("btr_pad");
+            $(".b_top_left").addClass("btl_pad").removeClass("without_back");
-        $(".b_center_left").addClass("bcl_pad");
+            $(".b_top_center").addClass("btc_pad").removeClass("without_back");
-        $(".b_center_right").addClass("bcr_pad");
+            $(".b_top_right").addClass("btr_pad").removeClass("without_back");
-        $(".b_bottom_right").addClass("bbr_pad");
+            $(".b_center_left").addClass("bcl_pad").removeClass("without_back");
-        $(".b_bottom_left").addClass("bbl_pad");
+            $(".b_center_right").addClass("bcr_pad").removeClass("without_back");
-        $(".b_bottom_center").addClass("bbc_pad");
+            $(".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_edit").addClass("pad_color").addClass("pad_edit");
+            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
+            $("#wgt_name").addClass("pad_color");
+            $(".style_select").addClass("pad_select").removeClass("none_select").val(val);
+            $("body, html").removeClass("without_radius");
+            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_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_display").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
-        $(".style_select").addClass("pad_select");
+            $(".style_select").addClass("none_select").val(val);
+            $("body, html").addClass("without_radius");
+            break;
     }
 }
 

resources/library/interactivities/Ordre phrase.wgt/locales/ru/index.html

@@ -38,6 +38,7 @@
                     <select class="style_select">
                         <option value="1"></option>
                         <option value="2"></option>
+                        <option value="3"></option>
                     </select>
                 </td>
                 <td class="b_top_right">&nbsp;</td>

resources/library/interactivities/Ordre phrase.wgt/locales/ru/script/template2.js

@@ -32,7 +32,8 @@ var sankoreLang = {
     wgt_name: "Порядок фраз",
     reload: "Обновить",
     slate: "Узор",
-    pad: "Планшет"
+    pad: "Планшет",
+    none: "Нет"
 }
 
 
@@ -69,7 +70,7 @@ $(document).ready(function(){
         changeStyle(sankore.preference("ord_phrases_style",""));
         $(".style_select").val(sankore.preference("ord_phrases_style",""));
     } else
-        changeStyle(1)
+        changeStyle("3")
     $("#wgt_display").text(sankoreLang.view);
     $("#wgt_edit").text(sankoreLang.edit);
     $("#wgt_display, #wgt_edit").click(function(event){
@@ -123,6 +124,7 @@ $(document).ready(function(){
     
     $(".style_select option[value='1']").text(sankoreLang.slate);
     $(".style_select option[value='2']").text(sankoreLang.pad);
+    $(".style_select option[value='3']").text(sankoreLang.none);
     
     $(".style_select").change(function (event){
         changeStyle($(this).find("option:selected").val());
@@ -179,34 +181,55 @@ function createElements( sentence )
 
 //changing the style
 function changeStyle(val){
-    if(val == 1){
+    switch(val){
-        $(".b_top_left").removeClass("btl_pad");
+        case "1":
-        $(".b_top_center").removeClass("btc_pad");
+            $(".b_top_left").removeClass("btl_pad").removeClass("without_back");
-        $(".b_top_right").removeClass("btr_pad");
+            $(".b_top_center").removeClass("btc_pad").removeClass("without_back");
-        $(".b_center_left").removeClass("bcl_pad");
+            $(".b_top_right").removeClass("btr_pad").removeClass("without_back");
-        $(".b_center_right").removeClass("bcr_pad");
+            $(".b_center_left").removeClass("bcl_pad").removeClass("without_back");
-        $(".b_bottom_right").removeClass("bbr_pad");
+            $(".b_center_right").removeClass("bcr_pad").removeClass("without_back");
-        $(".b_bottom_left").removeClass("bbl_pad");
+            $(".b_bottom_right").removeClass("bbr_pad").removeClass("without_back");
-        $(".b_bottom_center").removeClass("bbc_pad");
+            $(".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_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_display").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_name").removeClass("pad_color");
-        $(".style_select").removeClass("pad_select");
+            $(".style_select").removeClass("pad_select").removeClass("none_select").val(val);
-    } else {
+            $("body, html").removeClass("without_radius");
-        $(".b_top_left").addClass("btl_pad");
+            break;
-        $(".b_top_center").addClass("btc_pad");
+        case "2":
-        $(".b_top_right").addClass("btr_pad");
+            $(".b_top_left").addClass("btl_pad").removeClass("without_back");
-        $(".b_center_left").addClass("bcl_pad");
+            $(".b_top_center").addClass("btc_pad").removeClass("without_back");
-        $(".b_center_right").addClass("bcr_pad");
+            $(".b_top_right").addClass("btr_pad").removeClass("without_back");
-        $(".b_bottom_right").addClass("bbr_pad");
+            $(".b_center_left").addClass("bcl_pad").removeClass("without_back");
-        $(".b_bottom_left").addClass("bbl_pad");
+            $(".b_center_right").addClass("bcr_pad").removeClass("without_back");
-        $(".b_bottom_center").addClass("bbc_pad");
+            $(".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_edit").addClass("pad_color").addClass("pad_edit");
+            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
+            $("#wgt_name").addClass("pad_color");
+            $(".style_select").addClass("pad_select").removeClass("none_select").val(val);
+            $("body, html").removeClass("without_radius");
+            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_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_display").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
-        $(".style_select").addClass("pad_select");
+            $(".style_select").addClass("none_select").val(val);
+            $("body, html").addClass("without_radius");
+            break;
     }
 }
 

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

@@ -33,7 +33,8 @@ var sankoreLang = {
     wgt_name: "Order phrases",
     reload: "Reload",
     slate: "Wood",
-    pad: "Pad"
+    pad: "Pad",
+    none: "None"
 }
 
 
@@ -71,7 +72,7 @@ $(document).ready(function(){
             changeStyle(sankore.preference("ord_phrases_style",""));
             $(".style_select").val(sankore.preference("ord_phrases_style",""));
         } else
-            changeStyle(1)
+            changeStyle("3")
     $("#wgt_display").text(sankoreLang.view);
     $("#wgt_edit").text(sankoreLang.edit);
     $("#wgt_display, #wgt_edit").click(function(event){
@@ -125,6 +126,7 @@ $(document).ready(function(){
     
     $(".style_select option[value='1']").text(sankoreLang.slate);
     $(".style_select option[value='2']").text(sankoreLang.pad);
+    $(".style_select option[value='3']").text(sankoreLang.none);
     
     $(".style_select").change(function (event){
         changeStyle($(this).find("option:selected").val());
@@ -181,34 +183,55 @@ function createElements( sentence )
 
 //changing the style
 function changeStyle(val){
-    if(val == 1){
+    switch(val){
-        $(".b_top_left").removeClass("btl_pad");
+        case "1":
-        $(".b_top_center").removeClass("btc_pad");
+            $(".b_top_left").removeClass("btl_pad").removeClass("without_back");
-        $(".b_top_right").removeClass("btr_pad");
+            $(".b_top_center").removeClass("btc_pad").removeClass("without_back");
-        $(".b_center_left").removeClass("bcl_pad");
+            $(".b_top_right").removeClass("btr_pad").removeClass("without_back");
-        $(".b_center_right").removeClass("bcr_pad");
+            $(".b_center_left").removeClass("bcl_pad").removeClass("without_back");
-        $(".b_bottom_right").removeClass("bbr_pad");
+            $(".b_center_right").removeClass("bcr_pad").removeClass("without_back");
-        $(".b_bottom_left").removeClass("bbl_pad");
+            $(".b_bottom_right").removeClass("bbr_pad").removeClass("without_back");
-        $(".b_bottom_center").removeClass("bbc_pad");
+            $(".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_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_display").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_name").removeClass("pad_color");
-        $(".style_select").removeClass("pad_select");
+            $(".style_select").removeClass("pad_select").removeClass("none_select").val(val);
-    } else {
+            $("body, html").removeClass("without_radius");
-        $(".b_top_left").addClass("btl_pad");
+            break;
-        $(".b_top_center").addClass("btc_pad");
+        case "2":
-        $(".b_top_right").addClass("btr_pad");
+            $(".b_top_left").addClass("btl_pad").removeClass("without_back");
-        $(".b_center_left").addClass("bcl_pad");
+            $(".b_top_center").addClass("btc_pad").removeClass("without_back");
-        $(".b_center_right").addClass("bcr_pad");
+            $(".b_top_right").addClass("btr_pad").removeClass("without_back");
-        $(".b_bottom_right").addClass("bbr_pad");
+            $(".b_center_left").addClass("bcl_pad").removeClass("without_back");
-        $(".b_bottom_left").addClass("bbl_pad");
+            $(".b_center_right").addClass("bcr_pad").removeClass("without_back");
-        $(".b_bottom_center").addClass("bbc_pad");
+            $(".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_edit").addClass("pad_color").addClass("pad_edit");
+            $("#wgt_display").addClass("pad_color").addClass("pad_edit");
+            $("#wgt_name").addClass("pad_color");
+            $(".style_select").addClass("pad_select").removeClass("none_select").val(val);
+            $("body, html").removeClass("without_radius");
+            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_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_display").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
-        $(".style_select").addClass("pad_select");
+            $(".style_select").addClass("none_select").val(val);
+            $("body, html").addClass("without_radius");
+            break;
     }
 }
 

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

@@ -248,3 +248,17 @@ body{
     color: white !important;
     background-image: url(../img/ar_down_white.png) !important;
 }
+
+.without_radius{
+    border-radius: 0 !important;
+}
+
+.without_back{
+    background: none !important;
+}
+
+.none_select{
+    background-color: #333 !important;
+    color: white !important;
+    background-image: url(../img/ar_down_white.png) !important;
+}