From 83acab67b86f3658e2fc8b55e835a89fe987d30c Mon Sep 17 00:00:00 2001
From: unknown <D:\mail>
Date: Tue, 17 Jul 2012 17:35:15 +0200
Subject: [PATCH] new style for choisir widget
---
.../interactivities/Choisir.wgt/css/basic.css | 14 +++
.../interactivities/Choisir.wgt/index.html | 1 +
.../Choisir.wgt/locales/fr/index.html | 1 +
.../locales/fr/scripts/selQuestionApp.js | 85 ++++++++++++-------
.../Choisir.wgt/locales/ru/index.html | 1 +
.../locales/ru/scripts/selQuestionApp.js | 85 ++++++++++++-------
.../Choisir.wgt/scripts/selQuestionApp.js | 83 +++++++++++-------
7 files changed, 178 insertions(+), 92 deletions(-)
diff --git a/resources/library/interactivities/Choisir.wgt/css/basic.css b/resources/library/interactivities/Choisir.wgt/css/basic.css
index d7153fe7..fa6a48fd 100644
--- a/resources/library/interactivities/Choisir.wgt/css/basic.css
+++ b/resources/library/interactivities/Choisir.wgt/css/basic.css
@@ -578,3 +578,17 @@ body{
color: white !important;
background-image: url(../images/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(../images/ar_down_white.png) !important;
+}
\ No newline at end of file
diff --git a/resources/library/interactivities/Choisir.wgt/index.html b/resources/library/interactivities/Choisir.wgt/index.html
index 181a3025..a5da22f8 100644
--- a/resources/library/interactivities/Choisir.wgt/index.html
+++ b/resources/library/interactivities/Choisir.wgt/index.html
@@ -57,6 +57,7 @@ and open the template in the editor.
<select class="style_select">
<option value="1"></option>
<option value="2"></option>
+ <option value="3"></option>
</select>
</td>
<td class="b_top_right"> </td>
diff --git a/resources/library/interactivities/Choisir.wgt/locales/fr/index.html b/resources/library/interactivities/Choisir.wgt/locales/fr/index.html
index a61de287..e2130333 100644
--- a/resources/library/interactivities/Choisir.wgt/locales/fr/index.html
+++ b/resources/library/interactivities/Choisir.wgt/locales/fr/index.html
@@ -32,6 +32,7 @@ and open the template in the editor.
<select class="style_select">
<option value="1"></option>
<option value="2"></option>
+ <option value="3"></option>
</select>
</td>
<td class="b_top_right"> </td>
diff --git a/resources/library/interactivities/Choisir.wgt/locales/fr/scripts/selQuestionApp.js b/resources/library/interactivities/Choisir.wgt/locales/fr/scripts/selQuestionApp.js
index d5672ea5..52f82e74 100644
--- a/resources/library/interactivities/Choisir.wgt/locales/fr/scripts/selQuestionApp.js
+++ b/resources/library/interactivities/Choisir.wgt/locales/fr/scripts/selQuestionApp.js
@@ -38,7 +38,8 @@ var sankoreLang = {
wgt_name: "Choisir",
reload: "Recharger",
slate: "ardoise",
- pad: "tablette"
+ pad: "tablette",
+ none: "aucun"
};
var questionArray;
@@ -62,6 +63,7 @@ function init(){
$("#wgt_reload").text(sankoreLang.reload);
$(".style_select option[value='1']").text(sankoreLang.slate);
$(".style_select option[value='2']").text(sankoreLang.pad);
+ $(".style_select option[value='3']").text(sankoreLang.none);
//popup message
@@ -107,7 +109,7 @@ function init(){
changeStyle(sankore.preference("choisir_style",""));
$(".style_select").val(sankore.preference("choisir_style",""));
} else
- changeStyle(1)
+ changeStyle("3")
$("#wgt_display, #wgt_edit").click(function(event){
if(this.id == "wgt_display"){
@@ -709,33 +711,54 @@ function Answer(){
//changing the style
function changeStyle(val){
- if(val == 1){
- $(".b_top_left").removeClass("btl_pad");
- $(".b_top_center").removeClass("btc_pad");
- $(".b_top_right").removeClass("btr_pad");
- $(".b_center_left").removeClass("bcl_pad");
- $(".b_center_right").removeClass("bcr_pad");
- $(".b_bottom_right").removeClass("bbr_pad");
- $(".b_bottom_left").removeClass("bbl_pad");
- $(".b_bottom_center").removeClass("bbc_pad");
- $("#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");
- } else {
- $(".b_top_left").addClass("btl_pad");
- $(".b_top_center").addClass("btc_pad");
- $(".b_top_right").addClass("btr_pad");
- $(".b_center_left").addClass("bcl_pad");
- $(".b_center_right").addClass("bcr_pad");
- $(".b_bottom_right").addClass("bbr_pad");
- $(".b_bottom_left").addClass("bbl_pad");
- $(".b_bottom_center").addClass("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");
+ 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_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").removeClass("none_select").val(val);
+ $("body, html").removeClass("without_radius");
+ 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_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("none_select").val(val);
+ $("body, html").addClass("without_radius");
+ break;
}
-}
+}
\ No newline at end of file
diff --git a/resources/library/interactivities/Choisir.wgt/locales/ru/index.html b/resources/library/interactivities/Choisir.wgt/locales/ru/index.html
index a61de287..e2130333 100644
--- a/resources/library/interactivities/Choisir.wgt/locales/ru/index.html
+++ b/resources/library/interactivities/Choisir.wgt/locales/ru/index.html
@@ -32,6 +32,7 @@ and open the template in the editor.
<select class="style_select">
<option value="1"></option>
<option value="2"></option>
+ <option value="3"></option>
</select>
</td>
<td class="b_top_right"> </td>
diff --git a/resources/library/interactivities/Choisir.wgt/locales/ru/scripts/selQuestionApp.js b/resources/library/interactivities/Choisir.wgt/locales/ru/scripts/selQuestionApp.js
index 38cc2a34..3f2649bf 100644
--- a/resources/library/interactivities/Choisir.wgt/locales/ru/scripts/selQuestionApp.js
+++ b/resources/library/interactivities/Choisir.wgt/locales/ru/scripts/selQuestionApp.js
@@ -38,7 +38,8 @@ var sankoreLang = {
wgt_name: "Выбрать ответ",
reload: "Обновить",
slate: "Узор",
- pad: "Планшет"
+ pad: "Планшет",
+ none: "Нет"
};
var questionArray;
@@ -62,6 +63,7 @@ function init(){
$("#wgt_reload").text(sankoreLang.reload);
$(".style_select option[value='1']").text(sankoreLang.slate);
$(".style_select option[value='2']").text(sankoreLang.pad);
+ $(".style_select option[value='3']").text(sankoreLang.none);
//popup message
@@ -107,7 +109,7 @@ function init(){
changeStyle(sankore.preference("choisir_style",""));
$(".style_select").val(sankore.preference("choisir_style",""));
} else
- changeStyle(1)
+ changeStyle("3")
$("#wgt_display, #wgt_edit").click(function(event){
if(this.id == "wgt_display"){
@@ -709,33 +711,54 @@ function Answer(){
//changing the style
function changeStyle(val){
- if(val == 1){
- $(".b_top_left").removeClass("btl_pad");
- $(".b_top_center").removeClass("btc_pad");
- $(".b_top_right").removeClass("btr_pad");
- $(".b_center_left").removeClass("bcl_pad");
- $(".b_center_right").removeClass("bcr_pad");
- $(".b_bottom_right").removeClass("bbr_pad");
- $(".b_bottom_left").removeClass("bbl_pad");
- $(".b_bottom_center").removeClass("bbc_pad");
- $("#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");
- } else {
- $(".b_top_left").addClass("btl_pad");
- $(".b_top_center").addClass("btc_pad");
- $(".b_top_right").addClass("btr_pad");
- $(".b_center_left").addClass("bcl_pad");
- $(".b_center_right").addClass("bcr_pad");
- $(".b_bottom_right").addClass("bbr_pad");
- $(".b_bottom_left").addClass("bbl_pad");
- $(".b_bottom_center").addClass("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");
+ 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_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").removeClass("none_select").val(val);
+ $("body, html").removeClass("without_radius");
+ 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_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("none_select").val(val);
+ $("body, html").addClass("without_radius");
+ break;
}
-}
+}
\ No newline at end of file
diff --git a/resources/library/interactivities/Choisir.wgt/scripts/selQuestionApp.js b/resources/library/interactivities/Choisir.wgt/scripts/selQuestionApp.js
index d2926669..363b27a6 100644
--- a/resources/library/interactivities/Choisir.wgt/scripts/selQuestionApp.js
+++ b/resources/library/interactivities/Choisir.wgt/scripts/selQuestionApp.js
@@ -38,7 +38,8 @@ var sankoreLang = {
wgt_name: "Choose the right answer",
reload: "Reload",
slate: "Wood",
- pad: "Pad"
+ pad: "Pad",
+ none: "None"
};
var questionArray;
@@ -62,6 +63,7 @@ function init(){
$("#wgt_reload").text(sankoreLang.reload);
$(".style_select option[value='1']").text(sankoreLang.slate);
$(".style_select option[value='2']").text(sankoreLang.pad);
+ $(".style_select option[value='3']").text(sankoreLang.none);
//popup message
@@ -107,7 +109,7 @@ function init(){
changeStyle(sankore.preference("choisir_style",""));
$(".style_select").val(sankore.preference("choisir_style",""));
} else
- changeStyle(1)
+ changeStyle("3")
$("#wgt_display, #wgt_edit").click(function(event){
if(this.id == "wgt_display"){
@@ -709,33 +711,54 @@ function Answer(){
//changing the style
function changeStyle(val){
- if(val == 1){
- $(".b_top_left").removeClass("btl_pad");
- $(".b_top_center").removeClass("btc_pad");
- $(".b_top_right").removeClass("btr_pad");
- $(".b_center_left").removeClass("bcl_pad");
- $(".b_center_right").removeClass("bcr_pad");
- $(".b_bottom_right").removeClass("bbr_pad");
- $(".b_bottom_left").removeClass("bbl_pad");
- $(".b_bottom_center").removeClass("bbc_pad");
- $("#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");
- } else {
- $(".b_top_left").addClass("btl_pad");
- $(".b_top_center").addClass("btc_pad");
- $(".b_top_right").addClass("btr_pad");
- $(".b_center_left").addClass("bcl_pad");
- $(".b_center_right").addClass("bcr_pad");
- $(".b_bottom_right").addClass("bbr_pad");
- $(".b_bottom_left").addClass("bbl_pad");
- $(".b_bottom_center").addClass("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");
+ 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_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").removeClass("none_select").val(val);
+ $("body, html").removeClass("without_radius");
+ 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_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("none_select").val(val);
+ $("body, html").addClass("without_radius");
+ break;
}
}