Commit dc492cb2 authored by Ilia Ryabokon's avatar Ilia Ryabokon

Merge git conflicts

parents f6693f4e 9d21875c
...@@ -70,3 +70,5 @@ plugins/cffadaptor/objects ...@@ -70,3 +70,5 @@ plugins/cffadaptor/objects
##################### #####################
*.qm *.qm
.DS_Store
\ No newline at end of file
...@@ -34,6 +34,8 @@ html, body { ...@@ -34,6 +34,8 @@ html, body {
font-size: 12px; font-size: 12px;
line-height: 18px; line-height: 18px;
color: #52697E; color: #52697E;
width: 100%;
height: 100%;
} }
body { body {
text-align: center; text-align: center;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<link rel="stylesheet" href="css/colorpicker.css" type="text/css" /> <link rel="stylesheet" href="css/colorpicker.css" type="text/css" />
<link rel="stylesheet" media="screen" type="text/css" href="css/layout.css" /> <link rel="stylesheet" media="screen" type="text/css" href="css/layout.css" />
<title>ColorPicker - jQuery plugin</title> <title>ColorPicker - jQuery plugin</title>
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="js/colorpicker.js"></script> <script type="text/javascript" src="js/colorpicker.js"></script>
<script type="text/javascript" src="js/eye.js"></script> <script type="text/javascript" src="js/eye.js"></script>
<script type="text/javascript" src="js/utils.js"></script> <script type="text/javascript" src="js/utils.js"></script>
......
...@@ -5,12 +5,16 @@ ...@@ -5,12 +5,16 @@
* *
* Dual licensed under the MIT and GPL licenses * Dual licensed under the MIT and GPL licenses
* *
*/ */
(function ($) { (function ($) {
var ColorPicker = function () { var ColorPicker = function () {
var var
ids = {}, ids = {},
penFlag = true, penFlag = true,
tmpColor = {
a:"",
b:""
},
inAction, inAction,
charMin = 65, charMin = 65,
visible, visible,
...@@ -108,7 +112,10 @@ ...@@ -108,7 +112,10 @@
} }
setSelector(col, cal.get(0)); setSelector(col, cal.get(0));
setHue(col, cal.get(0)); setHue(col, cal.get(0));
setNewColor(col, cal.get(0)); //setNewColor(col, cal.get(0));
$(cal.get(0)).data('colorpicker').newColor.css('backgroundColor', '#' + HSBToHex(col));
tmpColor.a = cal.get(0);
tmpColor.b = col;
cal.data('colorpicker').onChange.apply(cal, [col, HSBToHex(col), HSBToRGB(col)]); cal.data('colorpicker').onChange.apply(cal, [col, HSBToHex(col), HSBToRGB(col)]);
}, },
blur = function (ev) { blur = function (ev) {
...@@ -174,14 +181,25 @@ ...@@ -174,14 +181,25 @@
$(document).unbind('mousemove', moveHue); $(document).unbind('mousemove', moveHue);
return false; return false;
}, },
downSelector = function (ev) { downSelector = function (ev) {
var current = { var current = {
cal: $(this).parent(), cal: $(this).parent(),
pos: $(this).offset() pos: $(this).offset()
}; };
current.preview = current.cal.data('colorpicker').livePreview; current.preview = current.cal.data('colorpicker').livePreview;
$(document).bind('mouseup', current, upSelector); $(document).bind('mouseup', current, upSelector);
$(document).bind('mousemove', current, moveSelector); $(document).bind('mousemove', current, moveSelector);
change.apply(
current.cal.data('colorpicker')
.fields
.eq(6)
.val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - current.pos.top))))/150, 10))
.end()
.eq(5)
.val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - current.pos.left))))/150, 10))
.get(0),
[current.preview]
);
}, },
moveSelector = function (ev) { moveSelector = function (ev) {
change.apply( change.apply(
...@@ -202,6 +220,18 @@ ...@@ -202,6 +220,18 @@
fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0)); fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
$(document).unbind('mouseup', upSelector); $(document).unbind('mouseup', upSelector);
$(document).unbind('mousemove', moveSelector); $(document).unbind('mousemove', moveSelector);
if(penFlag){
$("div.tools_change").removeClass("tools_compass");
window.sankore.setTool('pen');
window.sankore.setPenColor('#' + HSBToHex(tmpColor.b));
sankore.returnStatus("PEN installed", penFlag);
} else {
$("div.tools_change").addClass("tools_compass");
window.sankore.setTool('compass');
window.sankore.setPenColor('#' + HSBToHex(tmpColor.b));
sankore.returnStatus("Compass installed", penFlag);
}
//$(tmpColor.a).data('colorpicker').newColor.css('backgroundColor', '#' + HSBToHex(tmpColor.b));
return false; return false;
}, },
enterSubmit = function (ev) { enterSubmit = function (ev) {
...@@ -249,7 +279,7 @@ ...@@ -249,7 +279,7 @@
cal.css({ cal.css({
left: left + 'px', left: left + 'px',
top: top + 'px' top: top + 'px'
}); });
if (cal.data('colorpicker').onShow.apply(this, [cal.get(0)]) != false) { if (cal.data('colorpicker').onShow.apply(this, [cal.get(0)]) != false) {
cal.show(); cal.show();
} }
...@@ -325,7 +355,7 @@ ...@@ -325,7 +355,7 @@
r: hex >> 16, r: hex >> 16,
g: (hex & 0x00FF00) >> 8, g: (hex & 0x00FF00) >> 8,
b: (hex & 0x0000FF) b: (hex & 0x0000FF)
}; };
}, },
HexToHSB = function (hex) { HexToHSB = function (hex) {
return RGBToHSB(HexToRGB(hex)); return RGBToHSB(HexToRGB(hex));
...@@ -379,43 +409,43 @@ ...@@ -379,43 +409,43 @@
rgb.r=t1; rgb.r=t1;
rgb.b=t2; rgb.b=t2;
rgb.g=t2+t3 rgb.g=t2+t3
} }
else if(h<120) { else if(h<120) {
rgb.g=t1; rgb.g=t1;
rgb.b=t2; rgb.b=t2;
rgb.r=t1-t3 rgb.r=t1-t3
} }
else if(h<180) { else if(h<180) {
rgb.g=t1; rgb.g=t1;
rgb.r=t2; rgb.r=t2;
rgb.b=t2+t3 rgb.b=t2+t3
} }
else if(h<240) { else if(h<240) {
rgb.b=t1; rgb.b=t1;
rgb.r=t2; rgb.r=t2;
rgb.g=t1-t3 rgb.g=t1-t3
} }
else if(h<300) { else if(h<300) {
rgb.b=t1; rgb.b=t1;
rgb.g=t2; rgb.g=t2;
rgb.r=t2+t3 rgb.r=t2+t3
} }
else if(h<360) { else if(h<360) {
rgb.r=t1; rgb.r=t1;
rgb.g=t2; rgb.g=t2;
rgb.b=t1-t3 rgb.b=t1-t3
} }
else { else {
rgb.r=0; rgb.r=0;
rgb.g=0; rgb.g=0;
rgb.b=0 rgb.b=0
} }
} }
return { return {
r:Math.round(rgb.r), r:Math.round(rgb.r),
g:Math.round(rgb.g), g:Math.round(rgb.g),
b:Math.round(rgb.b) b:Math.round(rgb.b)
}; };
}, },
RGBToHex = function (rgb) { RGBToHex = function (rgb) {
var hex = [ var hex = [
...@@ -433,6 +463,9 @@ ...@@ -433,6 +463,9 @@
HSBToHex = function (hsb) { HSBToHex = function (hsb) {
return RGBToHex(HSBToRGB(hsb)); return RGBToHex(HSBToRGB(hsb));
}, },
// changeCursor = function (flag) {
// alert(flag)
// },
restoreOriginal = function () { restoreOriginal = function () {
var cal = $(this).parent(); var cal = $(this).parent();
var col = cal.data('colorpicker').origColor; var col = cal.data('colorpicker').origColor;
...@@ -446,6 +479,15 @@ ...@@ -446,6 +479,15 @@
}; };
return { return {
init: function (opt) { init: function (opt) {
if(window.sankore)
sankore.setTool("arrow");
// $(document).mouseout(function(event){
// if(event.target.tagName == "DIV" && event.target.className == "colorpicker")
// changeCursor(true)
// })
// $("body").mouseleave(function(){
// changeCursor(true)
// })
opt = $.extend({}, defaults, opt||{}); opt = $.extend({}, defaults, opt||{});
if (typeof opt.color == 'string') { if (typeof opt.color == 'string') {
opt.color = HexToHSB(opt.color); opt.color = HexToHSB(opt.color);
...@@ -465,9 +507,13 @@ ...@@ -465,9 +507,13 @@
var cal = $(tpl).attr('id', id); var cal = $(tpl).attr('id', id);
if (options.flat) { if (options.flat) {
cal.appendTo(this).show(); cal.appendTo(this).show();
} else { }
else {
cal.appendTo(document.body); cal.appendTo(document.body);
} }
// cal.bind("mouseover", function(){
// window.sankore.setTool('arrow');
// })
options.fields = cal options.fields = cal
.find('input') .find('input')
.bind('keyup', keyDown) .bind('keyup', keyDown)
......
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
xmlns:ub="http://uniboard.mnemis.com/widgets" xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://www.njin.fr/sankore/apps/balance" id="http://www.njin.fr/sankore/apps/balance"
version="1.0" version="1.0"
width="1025" width="540"
height="880" height="450"
ub:resizable="true"> ub:resizable="true">
<name>La Balance</name> <name>La Balance</name>
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
} }
#scalesWrapper { #scalesWrapper {
padding: 0px 100px 200px; padding: 0px 100px 100px;
position: relative; position: relative;
} }
...@@ -29,10 +29,10 @@ ...@@ -29,10 +29,10 @@
.scale { .scale {
position: absolute; position: absolute;
width: 250px; width: 125px;
height: 0; height: 0;
padding: 200px 45px 50px; padding: 90px 20px 35px;
top: 145px; top: 72px;
background: url(images/scale.png) no-repeat center bottom; background: url(images/scale.png) no-repeat center bottom;
} }
...@@ -45,12 +45,12 @@ ...@@ -45,12 +45,12 @@
#leftScale { #leftScale {
left: 0; left: 0;
margin-left: -150px; margin-left: -75px;
} }
#rightScale { #rightScale {
right: 0; right: 0;
margin-right: -150px; margin-right: -75px;
} }
#tray { #tray {
...@@ -58,27 +58,27 @@ ...@@ -58,27 +58,27 @@
background-color: red; background-color: red;
top: 50%; top: 50%;
margin-top: -1px; margin-top: -1px;
width: 550px; width: 225px;
height: 288px; height: 144px;
background: url("images/scales.png") no-repeat center; background: url("images/scales.png") no-repeat center;
} }
#graduations { #graduations {
width: 100px; width: 50px;
height: 30px; height: 15px;
position: absolute; position: absolute;
top: 0; top: 0;
left: 50%; left: 50%;
margin-left: -50px; margin-left: -25px;
background: url(images/graduations.png) center no-repeat; background: url(images/graduations.png) center no-repeat;
} }
#pivot { #pivot {
position: absolute; position: absolute;
width: 80px; width: 40px;
height: 80px; height: 40px;
left: 235px; left: 93px;
top: 106px; top: 52px;
background: url(images/pivot.png) center no-repeat; background: url(images/pivot.png) center no-repeat;
} }
...@@ -101,14 +101,14 @@ ...@@ -101,14 +101,14 @@
text-indent: -100px; text-indent: -100px;
width: 68px; width: 34px;
height: 70px; height: 34px;
margin-left: 10px; margin-left: 10px;
cursor: pointer; cursor: pointer;
border-radius: 4px; border-radius: 2px;
border: 1px solid rgba(255,255,255, 0.15); border: 1px solid rgba(255,255,255, 0.15);
background: rgba(0,0,0, 0.15) url(images/weight-add.png) center no-repeat; background: rgba(0,0,0, 0.15) url(images/weight-add.png) center no-repeat;
} }
...@@ -124,15 +124,15 @@ ...@@ -124,15 +124,15 @@
.object input { .object input {
border: none; border: none;
width: 40px; width: 100%;
padding: none; padding: 0;
margin: 0 2px 0 0; margin: 0;
text-align: center; text-align: center;
font-size: 16px; font-size: 12px;
color: #000; color: #000;
border-radius: 3px; border-radius: 2px;
background-color: #FFF; background-color: #FFF;
box-shadow: 0 1px 2px rgba(0,0,0, 0.4); box-shadow: 0 1px 2px rgba(0,0,0, 0.4);
} }
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
.object .tools { .object .tools {
display: none; display: none;
position: absolute; position: absolute;
top: -23px; top: -13px;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
...@@ -150,8 +150,8 @@ ...@@ -150,8 +150,8 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
width: 22px; width: 11px;
height: 22px; height: 11px;
text-indent: -100px; text-indent: -100px;
border: none; border: none;
margin: 0; margin: 0;
...@@ -180,7 +180,7 @@ ...@@ -180,7 +180,7 @@
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 20px; height: 20px;
top: 72px; top: 36px;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 3px 0 #999, 0 1px 2px rgba(0,0,0, .65); box-shadow: 0 3px 0 #999, 0 1px 2px rgba(0,0,0, .65);
background-color: #CCC; background-color: #CCC;
...@@ -198,9 +198,9 @@ ...@@ -198,9 +198,9 @@
#weights { #weights {
display: none; display: none;
position: absolute; position: absolute;
top: 40px; top: 20px;
right: 40px; right: 0px;
width: 230px; width: 160px;
} }
.onEdit #weights { .onEdit #weights {
...@@ -213,21 +213,26 @@ ...@@ -213,21 +213,26 @@
.weight { .weight {
position: relative; position: relative;
width: 64px;
height: 70px; width: 32px;
height: 35px;
margin-left: 10px; margin-left: 10px;
margin-bottom: 30px; margin-bottom: 30px;
font-size: 16px; font-size: 12px;
text-align: center; text-align: center;
color: #CCC; color: #CCC;
text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000;
} }
.weight .unit {
font-size: 10px;
}
.weight .amount { .weight .amount {
height: 100%; height: 100%;
padding: 4px 4px 0; padding: 4px 2px 0;
border-radius: 4px; border-radius: 4px;
border: 1px solid rgba(255,255,255, 0.15); border: 1px solid rgba(255,255,255, 0.15);
background-color: rgba(0,0,0, 0.15); background-color: rgba(0,0,0, 0.15);
...@@ -235,10 +240,10 @@ ...@@ -235,10 +240,10 @@
.weight > div.bg { .weight > div.bg {
position: absolute; position: absolute;
left: -3px; left: -2px;
bottom: -18px; bottom: -18px;
width: 70px; width: 35px;
height: 64px; height: 32px;
background: url(images/weight.png) no-repeat center bottom; background: url(images/weight.png) no-repeat center bottom;
} }
......
fr.njin.i18n.document.title = La Balance fr.njin.i18n.document.title = La Balance
fr.njin.i18n.toolbar.edit = Editer fr.njin.i18n.toolbar.edit = Modifier
fr.njin.i18n.toolbar.view = Fermer fr.njin.i18n.toolbar.view = Afficher
fr.njin.i18n.toolbar.reload = Recharger fr.njin.i18n.toolbar.reload = Recharger
fr.njin.i18n.toolbar.help = Aide fr.njin.i18n.toolbar.help = Aide
fr.njin.i18n.parameters.label.themes = Thème fr.njin.i18n.parameters.label.themes = Thèmes
fr.njin.i18n.parameters.label.slate.themes = ardoise fr.njin.i18n.parameters.label.slate.themes = ardoise
fr.njin.i18n.parameters.label.pad.themes = tablette fr.njin.i18n.parameters.label.pad.themes = tablette
fr.njin.i18n.parameters.label.none.themes = aucun fr.njin.i18n.parameters.label.none.themes = aucun
......
var weighValues = [500,200,100,50,20,10];
function onTemplateLoadedCallback(app) { function onTemplateLoadedCallback(app) {
$("#weights").append($(Mustache.render(weightTemplate, {weight: 500}))); $.each(weighValues, function(){
$("#weights").append($(Mustache.render(weightTemplate, {weight: 200}))); $("#weights").append($(Mustache.render(weightTemplate, {weight: this})));
$("#weights").append($(Mustache.render(weightTemplate, {weight: 100}))); });
$("#weights").append($(Mustache.render(weightTemplate, {weight: 50})));
$("#weights").append($(Mustache.render(weightTemplate, {weight: 20})));
$("#weights").append($(Mustache.render(weightTemplate, {weight: 10})));
$("#weights > .weight").draggable({helper: "clone"}); $("#weights > .weight").draggable({helper: "clone"});
$("#leftScale").droppable({
accept: ".object",
drop: function(event, ui) {
if($(ui.draggable).hasClass("inScale"))
return;
var object = $(ui.draggable).clone();
object.data("weight", $(ui.draggable).data("weight"));
object.addClass("inScale");
$("#leftScale").append(object);
placeObject($("#leftScale"), object);
refreshScales();
object.draggable({
stop: function(event, ui) {
if($(ui.helper).hasClass("onOut")) {
$(ui.helper).remove();
refreshScales();
}
}
});
},
out: function(event, ui) {
$(ui.draggable).addClass("onOut");
},
over: function(event, ui) {
$(ui.draggable).removeClass("onOut");
}
});
$("#rightScale").droppable({ $("#rightScale").droppable({
accept: ".weight", accept: ".weight.right",
drop: function(event, ui) { drop: function(event, ui) {
if($(ui.draggable).hasClass("inScale")) if($(ui.draggable).hasClass("inScale"))
return; return;
...@@ -72,6 +105,10 @@ function objectForGUID(app, guid) { ...@@ -72,6 +105,10 @@ function objectForGUID(app, guid) {
window.object = guid; window.object = guid;
var objectUi = $(Mustache.render(objectTemplate, window)); var objectUi = $(Mustache.render(objectTemplate, window));
var weight = getWeightFor(app.parameters, guid); var weight = getWeightFor(app.parameters, guid);
if(!app.onEdit && (weight == undefined || $.trim(weight) == ""))
weight = weighValues[Math.floor(Math.random()*weighValues.length)];
if(weight !== undefined) { if(weight !== undefined) {
objectUi.data("weight", weight); objectUi.data("weight", weight);
objectUi.find("input[name=weight]").val(weight); objectUi.find("input[name=weight]").val(weight);
...@@ -137,8 +174,8 @@ function placeObject($container, $object) { ...@@ -137,8 +174,8 @@ function placeObject($container, $object) {
var count = $container.children().size() - 1; var count = $container.children().size() - 1;
var left = width * (count % 4) + 25; var left = width * (count % 4) + 5;
var bottom = height * (Math.floor(count / 4)) + 40; var bottom = height * (Math.floor(count / 4)) + 12;
log("Place at ["+left+" , "+bottom+"]"); log("Place at ["+left+" , "+bottom+"]");
$object.css("left", left+"px").css("bottom", bottom+"px"); $object.css("left", left+"px").css("bottom", bottom+"px");
...@@ -215,39 +252,6 @@ function reloadApp(app) { ...@@ -215,39 +252,6 @@ function reloadApp(app) {
} }
refreshScales(); refreshScales();
$("#leftScale").droppable({
accept: ".object",
drop: function(event, ui) {
if($(ui.draggable).hasClass("inScale"))
return;
var object = $(ui.draggable).clone();
object.data("weight", $(ui.draggable).data("weight"));
object.addClass("inScale");
$("#leftScale").append(object);
placeObject($("#leftScale"), object);
refreshScales();
object.draggable({
stop: function(event, ui) {
if($(ui.helper).hasClass("onOut")) {
$(ui.helper).remove();
refreshScales();
}
}
});
},
out: function(event, ui) {
$(ui.draggable).addClass("onOut");
},
over: function(event, ui) {
$(ui.draggable).removeClass("onOut");
}
});
if(app.onEdit) { if(app.onEdit) {
......
...@@ -23,8 +23,8 @@ var objectTemplate = ...@@ -23,8 +23,8 @@ var objectTemplate =
'<div class="tools">'+ '<div class="tools">'+
'<button role="remove">{{fr.njin.i18n.balance.parameters.label.remove}}</button>'+ '<button role="remove">{{fr.njin.i18n.balance.parameters.label.remove}}</button>'+
'</div>'+ '</div>'+
'<div class="amount"><input type="text" name="weight">g</div><div class="bg"></div>'+ '<div class="amount"><input type="text" name="weight"></div><div class="bg"></div>'+
'</div>'; '</div>';
var weightTemplate = var weightTemplate =
'<div id="{{object}}" class="weight w{{weight}}" data-weight="{{weight}}"><div class="amount">{{weight}}g</div><div class="bg"></div></div>'; '<div id="{{object}}" class="weight right w{{weight}}" data-weight="{{weight}}"><div class="amount">{{weight}}</div><div class="bg"></div></div>';
\ No newline at end of file \ 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.
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