Commit f38895f1 authored by Claudio Valerio's avatar Claudio Valerio

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

parents 32cf72fe a95472cd
...@@ -50,6 +50,9 @@ Thumbs.db ...@@ -50,6 +50,9 @@ Thumbs.db
############### ###############
build build
install install
Makefile
Makefile.Debug
Makefile.Release
# Translation files # # Translation files #
##################### #####################
......
...@@ -13,7 +13,7 @@ linux-g++-64 { ...@@ -13,7 +13,7 @@ linux-g++-64 {
VERSION_MAJ = 1 VERSION_MAJ = 1
VERSION_MIN = 40 VERSION_MIN = 40
VERSION_TYPE = b # a = alpha, b = beta, r = release, other => error VERSION_TYPE = b # a = alpha, b = beta, r = release, other => error
VERSION_PATCH = 03 VERSION_PATCH = 05
VERSION = "$${VERSION_MAJ}.$${VERSION_MIN}.$${VERSION_TYPE}.$${VERSION_PATCH}" VERSION = "$${VERSION_MAJ}.$${VERSION_MIN}.$${VERSION_TYPE}.$${VERSION_PATCH}"
VERSION = $$replace(VERSION, "\\.r", "") VERSION = $$replace(VERSION, "\\.r", "")
...@@ -35,7 +35,6 @@ QT += script ...@@ -35,7 +35,6 @@ QT += script
QT += xmlpatterns QT += xmlpatterns
INCLUDEPATH += src INCLUDEPATH += src
INCLUDEPATH += globals
include($$THIRD_PARTY_PATH/libs.pri) include($$THIRD_PARTY_PATH/libs.pri)
include(src/adaptors/adaptors.pri) include(src/adaptors/adaptors.pri)
......
...@@ -233,6 +233,8 @@ done; ...@@ -233,6 +233,8 @@ done;
#additional dependencies #additional dependencies
tab[$count]="gtk2-engines-pixbuf" tab[$count]="gtk2-engines-pixbuf"
((count++)) ((count++))
tab[$count]="ttf-mscorefonts-installer"
((count++))
for ((i=0;i<${#tab[@]};i++)); do for ((i=0;i<${#tab[@]};i++)); do
if [ $i -ne "0" ]; then if [ $i -ne "0" ]; then
...@@ -270,5 +272,5 @@ dpkg -b "$BASE_WORKING_DIR" install/linux/Open-Sankore_${VERSION}_$ARCHITECTURE. ...@@ -270,5 +272,5 @@ dpkg -b "$BASE_WORKING_DIR" install/linux/Open-Sankore_${VERSION}_$ARCHITECTURE.
notify-send "Open-Sankore" "Package built" notify-send "Open-Sankore" "Package built"
#clean up mess #clean up mess
#fakeroot rm -rf $BASE_WORKING_DIR fakeroot rm -rf $BASE_WORKING_DIR
<html>
<head>
<title>ololo</title>
<style>
html,body{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
div{
text-align: center;
border: 5px #ccc outset;
}
</style>
<script type="text/javascript">
window.onload = function(){
var div = document.getElementById("freezed");
div.style.width = getDocWidth() - 10;
div.style.height = getDocHeight()/2 - 10;
div.style.paddingTop = getDocHeight()/2
function getDocHeight() {
var D = document;
return Math.max(
Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
Math.max(D.body.clientHeight, D.documentElement.clientHeight)
);
}
function getDocWidth() {
var D = document;
return Math.max(
Math.max(D.body.scrollWidth, D.documentElement.scrollWidth),
Math.max(D.body.offsetWidth, D.documentElement.offsetWidth),
Math.max(D.body.clientWidth, D.documentElement.clientWidth)
);
}
}
</script>
</head>
<body>
<div id="freezed">Widget freezed.</div>
</body>
</html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>. * along with this program. If not, see <http://www.gnu.org/licenses/>.
*/ */
var sankoreLang = {display: "Afficher", edit: "Modifier", add: "Ajouter", enter_data: "Entrer la donnée:", enter_result: "Entrer le résultat:", ok: "Accepter", cancel: "Annuler"}; var sankoreLang = {display: "Afficher", edit: "Modifier", add: "Ajouter", enter_data: "Saisir la donnée:", enter_result: "Saisir le résultat:", ok: "Accepter", cancel: "Annuler"};
function init(){ function init(){
......
...@@ -14,8 +14,10 @@ ...@@ -14,8 +14,10 @@
lang = sankore.locale().substr(0,2); lang = sankore.locale().substr(0,2);
} else } else
lang = "en"; lang = "en";
if(lang == "en") if(lang == "en"){
sankore.enableDropOnWidget(false);
start(); start();
}
else{ else{
returnStatus(lang); returnStatus(lang);
} }
......
...@@ -2,7 +2,8 @@ var sankoreLang = { ...@@ -2,7 +2,8 @@ var sankoreLang = {
display: "Display", display: "Display",
edit: "Edit", edit: "Edit",
short_desc: "Select the number \"three\".", short_desc: "Select the number \"three\".",
add: "Add new block" add: "Add new block",
enter: "Enter your condition here ..."
}; };
//main function //main function
...@@ -22,15 +23,16 @@ function start(){ ...@@ -22,15 +23,16 @@ function start(){
else else
showExample(); showExample();
//events //events
$("body").live("mouseout",function(){ if (window.widget) {
if(event.target.tagName == "BODY") window.widget.onleave = function(){
if(window.sankore)
exportData(); exportData();
}) }
}
$("#display, #edit").click(function(event){ $("#display, #edit").click(function(event){
if(this.id == "display"){ if(this.id == "display"){
if(!$(this).hasClass("selected")){ if(!$(this).hasClass("selected")){
sankore.enableDropOnWidget(false);
$(this).addClass("selected"); $(this).addClass("selected");
$("#display_img").removeClass("red_point").addClass("green_point"); $("#display_img").removeClass("red_point").addClass("green_point");
$("#edit_img").removeClass("green_point").addClass("red_point"); $("#edit_img").removeClass("green_point").addClass("red_point");
...@@ -131,6 +133,7 @@ function start(){ ...@@ -131,6 +133,7 @@ function start(){
} }
} else { } else {
if(!$(this).hasClass("selected")){ if(!$(this).hasClass("selected")){
sankore.enableDropOnWidget(true);
$(this).addClass("selected"); $(this).addClass("selected");
$("#edit_img").removeClass("red_point").addClass("green_point"); $("#edit_img").removeClass("red_point").addClass("green_point");
$("#display_img").removeClass("green_point").addClass("red_point"); $("#display_img").removeClass("green_point").addClass("red_point");
...@@ -567,7 +570,7 @@ function addContainer(){ ...@@ -567,7 +570,7 @@ function addContainer(){
var close = $("<div class='close_cont'>").appendTo(container); var close = $("<div class='close_cont'>").appendTo(container);
var number = $("<div class='number_cont'>"+ ($(".cont").size() + 1) +"</div>").appendTo(sub_container); var number = $("<div class='number_cont'>"+ ($(".cont").size() + 1) +"</div>").appendTo(sub_container);
var text = $("<div class='text_cont' contenteditable>Enter your condition here ... </div>").appendTo(sub_container); var text = $("<div class='text_cont' contenteditable>" + sankoreLang.enter + "</div>").appendTo(sub_container);
$("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container); $("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container);
var add_img = $("<div class='add_img'>").appendTo(imgs_container); var add_img = $("<div class='add_img'>").appendTo(imgs_container);
......
...@@ -9,10 +9,8 @@ ...@@ -9,10 +9,8 @@
<script type="text/javascript" src="js/script.js"></script> <script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
sankore.enableDropOnWidget(false);
start(); start();
//here you can put your code
if(window.sankore)
sankore.enableDropOnWidget();
}); });
</script> </script>
</head> </head>
......
var sankoreLang = {display: "D'affichage", edit: "Modifier", short_desc: "Sélectionner le numéro «trois».", add: "Nouveau bloc"}; var sankoreLang = {
display: "Affichage",
edit: "Modifier",
short_desc: "Sélectionner le numéro «trois».",
add: "Nouveau bloc",
enter: "Saisissez la consigne ici ..."
};
//main function //main function
function start(){ function start(){
...@@ -17,15 +23,16 @@ function start(){ ...@@ -17,15 +23,16 @@ function start(){
else else
showExample(); showExample();
//events //events
$("body").live("mouseout",function(){ if (window.widget) {
if(event.target.tagName == "BODY") window.widget.onleave = function(){
if(window.sankore)
exportData(); exportData();
}) }
}
$("#display, #edit").click(function(event){ $("#display, #edit").click(function(event){
if(this.id == "display"){ if(this.id == "display"){
if(!$(this).hasClass("selected")){ if(!$(this).hasClass("selected")){
sankore.enableDropOnWidget(false);
$(this).addClass("selected"); $(this).addClass("selected");
$("#display_img").removeClass("red_point").addClass("green_point"); $("#display_img").removeClass("red_point").addClass("green_point");
$("#edit_img").removeClass("green_point").addClass("red_point"); $("#edit_img").removeClass("green_point").addClass("red_point");
...@@ -126,6 +133,7 @@ function start(){ ...@@ -126,6 +133,7 @@ function start(){
} }
} else { } else {
if(!$(this).hasClass("selected")){ if(!$(this).hasClass("selected")){
sankore.enableDropOnWidget(true);
$(this).addClass("selected"); $(this).addClass("selected");
$("#edit_img").removeClass("red_point").addClass("green_point"); $("#edit_img").removeClass("red_point").addClass("green_point");
$("#display_img").removeClass("green_point").addClass("red_point"); $("#display_img").removeClass("green_point").addClass("red_point");
...@@ -562,7 +570,7 @@ function addContainer(){ ...@@ -562,7 +570,7 @@ function addContainer(){
var close = $("<div class='close_cont'>").appendTo(container); var close = $("<div class='close_cont'>").appendTo(container);
var number = $("<div class='number_cont'>"+ ($(".cont").size() + 1) +"</div>").appendTo(sub_container); var number = $("<div class='number_cont'>"+ ($(".cont").size() + 1) +"</div>").appendTo(sub_container);
var text = $("<div class='text_cont' contenteditable>Enter your condition here ... </div>").appendTo(sub_container); var text = $("<div class='text_cont' contenteditable>" + sankoreLang.enter + "</div>").appendTo(sub_container);
$("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container); $("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container);
var add_img = $("<div class='add_img'>").appendTo(imgs_container); var add_img = $("<div class='add_img'>").appendTo(imgs_container);
......
...@@ -9,10 +9,8 @@ ...@@ -9,10 +9,8 @@
<script type="text/javascript" src="js/script.js"></script> <script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
sankore.enableDropOnWidget(false);
start(); start();
//here you can put your code
if(window.sankore)
sankore.enableDropOnWidget();
}); });
</script> </script>
</head> </head>
......
...@@ -2,7 +2,8 @@ var sankoreLang = { ...@@ -2,7 +2,8 @@ var sankoreLang = {
display: "Показать", display: "Показать",
edit: "Изменить", edit: "Изменить",
short_desc: "Выберите число \"три\".", short_desc: "Выберите число \"три\".",
add: "Новый блок" add: "Новый блок",
enter: "Введите условие ..."
}; };
//main function //main function
...@@ -22,15 +23,16 @@ function start(){ ...@@ -22,15 +23,16 @@ function start(){
else else
showExample(); showExample();
//events //events
$("body").live("mouseout",function(){ if (window.widget) {
if(event.target.tagName == "BODY") window.widget.onleave = function(){
if(window.sankore)
exportData(); exportData();
}) }
}
$("#display, #edit").click(function(event){ $("#display, #edit").click(function(event){
if(this.id == "display"){ if(this.id == "display"){
if(!$(this).hasClass("selected")){ if(!$(this).hasClass("selected")){
sankore.enableDropOnWidget(false);
$(this).addClass("selected"); $(this).addClass("selected");
$("#display_img").removeClass("red_point").addClass("green_point"); $("#display_img").removeClass("red_point").addClass("green_point");
$("#edit_img").removeClass("green_point").addClass("red_point"); $("#edit_img").removeClass("green_point").addClass("red_point");
...@@ -131,6 +133,7 @@ function start(){ ...@@ -131,6 +133,7 @@ function start(){
} }
} else { } else {
if(!$(this).hasClass("selected")){ if(!$(this).hasClass("selected")){
sankore.enableDropOnWidget(true);
$(this).addClass("selected"); $(this).addClass("selected");
$("#edit_img").removeClass("red_point").addClass("green_point"); $("#edit_img").removeClass("red_point").addClass("green_point");
$("#display_img").removeClass("green_point").addClass("red_point"); $("#display_img").removeClass("green_point").addClass("red_point");
...@@ -567,7 +570,7 @@ function addContainer(){ ...@@ -567,7 +570,7 @@ function addContainer(){
var close = $("<div class='close_cont'>").appendTo(container); var close = $("<div class='close_cont'>").appendTo(container);
var number = $("<div class='number_cont'>"+ ($(".cont").size() + 1) +"</div>").appendTo(sub_container); var number = $("<div class='number_cont'>"+ ($(".cont").size() + 1) +"</div>").appendTo(sub_container);
var text = $("<div class='text_cont' contenteditable>Enter your condition here ... </div>").appendTo(sub_container); var text = $("<div class='text_cont' contenteditable>" + sankoreLang.enter + "</div>").appendTo(sub_container);
$("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container); $("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container);
var add_img = $("<div class='add_img'>").appendTo(imgs_container); var add_img = $("<div class='add_img'>").appendTo(imgs_container);
......
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets"
xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://uniboard.mnemis.com/widgets/notes"
version="1.2"
width="900"
height="450"
ub:resizable="true">
<name>Notes</name>
<author href="http://www.getuniboard.com"
email="info@mnemis.com">Mnemis SA</author>
<description>Associer images</description>
<content src="index.html"/>
</widget>
html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: white;
}
.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;
}
.green_point{
background-image: url(../img/green_point.png);
}
.red_point{
background-image: url(../img/red_point.png);
}
#display_text, #edit_text{
height: 19px;
padding: 3px 0 0 0;
}
.selected{
background-color: #666;
}
#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{
background-color: #f4f2f2;
}
.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;
float: right;
background-color: #999;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding-left: 10px;
}
.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;
background-color: white;
}
.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{
background-color: #F4F2F2;
}
.audio_block{
width: 120px;
height: 30px;
margin: 5px 0;
float: left;
}
.audio_desc{
min-height: 30px;
margin: 5px 0;
float: left;
margin-left: 20px;
}
.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;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>D'n'd</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="css/basic.css"/>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var lang = ""; //locale language
if(window.sankore){
lang = sankore.locale().substr(0,2);
} else
lang = "en";
if(lang == "en"){
if(window.sankore)
sankore.enableDropOnWidget(false);
start();
}
else{
returnStatus(lang);
}
function returnStatus(lang){
$.ajax({
type: 'POST',
url:'locales/' + lang + '/index.html',
statusCode: {
404: function() {
start();
},
200: function(){
window.location.href = 'locales/' + lang + '/index.html';
}
}
});
}
});
</script>
</head>
<body>
<div class="toggle_mode">
<div style="width: 50%; height: 100%; float: left;">
<div id="display" style="float: right; width: 90px; cursor: pointer;" class="selected">
<div id="display_img" style="float: right;" class="green_point"></div>
<div id="display_text" style="float: right;">Display</div>
</div>
</div>
<div style="width: 50%; height: 100%; float: right;">
<div id="edit" style="float: left; width: 90px; cursor: pointer;">
<div id="edit_img" style="float: left;" class="red_point"></div>
<div id="edit_text" style="float: left;">Edit</div>
</div>
</div>
</div>
<div style="width: 100%; height: 25px;"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>D'n'd</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="../../css/basic.css"/>
<script type="text/javascript" src="../../js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
sankore.enableDropOnWidget(false);
start();
});
</script>
</head>
<body>
<div class="toggle_mode">
<div style="width: 50%; height: 100%; float: left;">
<div id="display" style="float: right; width: 120px; cursor: pointer;" class="selected">
<div id="display_img" style="float: right;" class="green_point"></div>
<div id="display_text" style="float: right;"></div>
</div>
</div>
<div style="width: 50%; height: 100%; float: right;">
<div id="edit" style="float: left; width: 120px; cursor: pointer;">
<div id="edit_img" style="float: left;" class="red_point"></div>
<div id="edit_text" style="float: left;"></div>
</div>
</div>
</div>
<div style="width: 100%; height: 25px;"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>D'n'd</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="../../css/basic.css"/>
<script type="text/javascript" src="../../js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
sankore.enableDropOnWidget(false);
start();
});
</script>
</head>
<body>
<div class="toggle_mode">
<div style="width: 50%; height: 100%; float: left;">
<div id="display" style="float: right; width: 120px; cursor: pointer;" class="selected">
<div id="display_img" style="float: right;" class="green_point"></div>
<div id="display_text" style="float: right;"></div>
</div>
</div>
<div style="width: 50%; height: 100%; float: right;">
<div id="edit" style="float: left; width: 120px; cursor: pointer;">
<div id="edit_img" style="float: left;" class="red_point"></div>
<div id="edit_text" style="float: left;"></div>
</div>
</div>
</div>
<div style="width: 100%; height: 25px;"></div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets"
xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://uniboard.mnemis.com/widgets/notes"
version="1.2"
width="800"
height="600"
ub:resizable="true">
<name>Notes</name>
<author href="http://www.getuniboard.com"
email="info@mnemis.com">Mnemis SA
</author>
<description>Ordonner des images</description>
<content src="index.html"/>
</widget>
html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: white;
}
.toggle_mode{
width: 100%;
height: 25px;
border-bottom: 1px solid #666;
background-color: #ccc;
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
#display_img, #edit_img{
width: 15px;
height: 15px;
margin: 5px 10px;
}
.green_point{
background-image: url(../img/green_point.png);
}
.red_point{
background-image: url(../img/red_point.png);
}
#display_text, #edit_text{
height: 19px;
padding: 3px 0 0 0;
}
.selected{
background-color: #666;
}
#display:hover, #edit:hover{
background-color: #999;
}
.cont{
width: 100%;
border-bottom: 1px solid #666;
margin: 0;
padding: 0;
position: relative;
}
.sub_cont{
width: 100%;
padding: 0;
margin: 20px 0 0 0;
min-height: 45px;
}
.imgs_cont{
min-width: 170px;
min-height: 174px;
margin: 0;
border-top: 2px dashed #ccc;
border-bottom: 2px dashed #ccc;
margin-bottom: 5px;
}
.all_imgs{
min-width: 170px;
min-height: 142px;
background-color: #ccc;
margin: 0;
border-top: 2px dashed #e6f6ff;
border-bottom: 2px dashed #e6f6ff;
margin-bottom: 5px;
}
.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;
float: right;
background-color: #ccc;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding-left: 10px;
}*/
.close_cont{
width: 20px;
height: 20px;
background-image: url(../img/close_cont.png);
cursor: pointer;
position: absolute;
top: -15px;
left: 5px;
}
.img_block{
width: 120px;
height: 120px;
margin: 10px 20px;
cursor: pointer;
display: inline-block;
position: relative;
border: 1px solid #ccc;
-moz-box-shadow: #ccc -1px 0 4px;
-webkit-box-shadow: #ccc -1px 0 4px;
box-shadow: #ccc -1px 0 4px;
background-color: white;
}
.close_img{
width: 30px;
height: 30px;
background-repeat: no-repeat;
position: absolute;
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;
}
.del_category, .add_category{
margin: 0 10px;
width: 30px;
height: 30px;
float: right;
cursor: pointer;
background-color: white;
border: none;
}
.del_category{
}
.add_category{
}
.cat_desc{
width: 100%;
height: 25px;
margin-bottom: 5px;
text-align: center;
border: none;
background-color: #c3e9ff;
}
.dropHere{
background-color: #C3E9FF !important;
}
.dropBack{
background-color: #F4F2F2 !important;
}
.def_cont{
background-color: #E6F6FF;
}
.red_cont{
background-color: #f99;
}
.green_cont{
background-color: #9f9;
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>D'n'd</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="css/basic.css"/>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var lang = ""; //locale language
if(window.sankore){
lang = sankore.locale().substr(0,2);
} else
lang = "en";
if(lang == "en"){
sankore.enableDropOnWidget(false);
start();
}
else{
returnStatus(lang);
}
function returnStatus(lang){
$.ajax({
type: 'POST',
url:'locales/' + lang + '/index.html',
statusCode: {
404: function() {
start();
},
200: function(){
window.location.href = 'locales/' + lang + '/index.html';
}
}
});
}
});
</script>
</head>
<body>
<div class="toggle_mode">
<div style="width: 50%; height: 100%; float: left;">
<div id="display" style="float: right; width: 90px; cursor: pointer;" class="selected">
<div id="display_img" style="float: right;" class="green_point"></div>
<div id="display_text" style="float: right;"></div>
</div>
</div>
<div style="width: 50%; height: 100%; float: right;">
<div id="edit" style="float: left; width: 90px; cursor: pointer;">
<div id="edit_img" style="float: left;" class="red_point"></div>
<div id="edit_text" style="float: left;"></div>
</div>
</div>
</div>
<div style="width: 100%; height: 25px;"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>D'n'd</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="../../css/basic.css"/>
<script type="text/javascript" src="../../js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
sankore.enableDropOnWidget(false);
start();
});
</script>
</head>
<body>
<div class="toggle_mode">
<div style="width: 50%; height: 100%; float: left;">
<div id="display" style="float: right; width: 130px; cursor: pointer;" class="selected">
<div id="display_img" style="float: right;" class="green_point"></div>
<div id="display_text" style="float: right;"></div>
</div>
</div>
<div style="width: 50%; height: 100%; float: right;">
<div id="edit" style="float: left; width: 130px; cursor: pointer;">
<div id="edit_img" style="float: left;" class="red_point"></div>
<div id="edit_text" style="float: left;"></div>
</div>
</div>
</div>
<div style="width: 100%; height: 25px;"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>D'n'd</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="../../css/basic.css"/>
<script type="text/javascript" src="../../js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
sankore.enableDropOnWidget(false);
start();
});
</script>
</head>
<body>
<div class="toggle_mode">
<div style="width: 50%; height: 100%; float: left;">
<div id="display" style="float: right; width: 120px; cursor: pointer;" class="selected">
<div id="display_img" style="float: right;" class="green_point"></div>
<div id="display_text" style="float: right;"></div>
</div>
</div>
<div style="width: 50%; height: 100%; float: right;">
<div id="edit" style="float: left; width: 120px; cursor: pointer;">
<div id="edit_img" style="float: left;" class="red_point"></div>
<div id="edit_text" style="float: left;"></div>
</div>
</div>
</div>
<div style="width: 100%; height: 25px;"></div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets"
xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://uniboard.mnemis.com/widgets/notes"
version="1.2"
width="900"
height="450"
ub:resizable="true">
<name>Notes</name>
<author href="http://www.getuniboard.com"
email="info@mnemis.com">Mnemis SA
</author>
<description>Ordonner des images</description>
<content src="index.html"/>
</widget>
html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: white;
}
.toggle_mode{
width: 100%;
height: 25px;
border-bottom: 1px solid #666;
background-color: #ccc;
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
#display_img, #edit_img{
width: 15px;
height: 15px;
margin: 5px 10px;
}
.green_point{
background-image: url(../img/green_point.png);
}
.red_point{
background-image: url(../img/red_point.png);
}
#display_text, #edit_text{
height: 19px;
padding: 3px 0 0 0;
}
.selected{
background-color: #666;
}
#display:hover, #edit:hover{
background-color: #999;
}
.cont{
width: 100%;
border-bottom: 1px solid #666;
margin: 0;
padding: 0;
position: relative;
}
.sub_cont{
width: 100%;
padding: 0;
margin: 20px 0 0 0;
min-height: 45px;
}
.imgs_cont{
min-width: 170px;
min-height: 100px;
margin: 0;
border-top: 2px dashed #ccc;
border-bottom: 2px dashed #ccc;
margin-bottom: 5px;
}
.all_imgs{
min-width: 170px;
min-height: 70px;
background-color: #ccc;
margin: 0;
border-top: 2px dashed #e6f6ff;
border-bottom: 2px dashed #e6f6ff;
margin-bottom: 5px;
}
.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: 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;
left: 5px;
}
.img_block{
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{
width: 30px;
height: 30px;
background-repeat: no-repeat;
position: absolute;
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{
width: 100%;
height: 25px;
margin-bottom: 5px;
text-align: center;
border: none;
background-color: #c3e9ff;
}
.dropHere{
background-color: #C3E9FF !important;
}
.dropBack{
background-color: #F4F2F2 !important;
}
.def_cont{
background-color: #E6F6FF;
}
.red_cont{
background-color: #f99;
}
.green_cont{
background-color: #9f9;
}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment