web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

show labels for brush width

Browse Source
This commit is contained in:
ansuz 2017-04-03 10:43:57 +02:00
parent 2a6de5163b
commit 4f7e25eeb9
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
www/whiteboard/index.html
View File

@ -75,7 +75,7 @@
<div id="controls"> <div id="controls">
<button id="clear">Clear</button> <button id="clear">Clear</button>
<input id="width" type="number" value="5"></input> <input id="width" type="range" value="5" min="1" max="100"></input><label for="width">5</label>
<div id="colors">&nbsp;</div> <div id="colors">&nbsp;</div>
</div> </div>

5
www/whiteboard/main.js
View File

@ -45,8 +45,11 @@ define([
var $canvasContainer = $('canvas').parents('.canvas-container'); var $canvasContainer = $('canvas').parents('.canvas-container');
var $width = $('#width'); var $width = $('#width');
var $widthLabel = $('label[for="width"]');
var updateBrushWidth = function () { var updateBrushWidth = function () {
canvas.freeDrawingBrush.width = Number($width.val()); var val = $width.val();
canvas.freeDrawingBrush.width = Number(val);
$widthLabel.text(val);
}; };
updateBrushWidth(); updateBrushWidth();