--><span class=signature><input type=checkbox name="${sid}_signature" value=pos $sigcheck><button type=submit name=${sid}_sigset value=$sig></button></span>
</label>
<div class=tab>
- <input class="dotmark ov" type="image" name=dotmark value="$sid" src="/therapies/${id%.tpy}_${sid}.png" alt="">
+ <img class="dotmark ov" src="/therapies/${id%.tpy}_${sid}.png" alt="">
$(n=1; while [ -n "${tpy[${sid}_note${n}]+x}" ]; do
t_session_note $session_n $n
n=$(($n+1))
<input type="hidden" name="id" value="${id}">
<label class="tab heading">
- <span class=no>Nr.</span><!--
- --><span class=date>Datum</span><!--
- --><span class=therapist>Therapeut</span><!--
- --><span class=signature>Sig.</span>
+ <span class=no>$(l10n number)</span><!--
+ --><span class=date>$(l10n date)</span><!--
+ --><span class=therapist>$(l10n therapist)</span><!--
+ --><span class=signature>$(l10n signature)</span>
</label>
$(therapy_sessions)
<input class=color type=radio name=color onclick="javascript:setcol('#AA0')" value="#AA0" id=c110 $c6><label for=c110></label>
<input class=color type=radio name=color onclick="javascript:setcol('#FFF')" value="#FFF" id=c111 $c7><label for=c111></label>
</fieldset>
- <img class="dotmark bg" src="?action=static_file&name=therapy_background.png" alt="">
+ <img class="dotmark bg" src="?static=therapy_background.png" alt="WARNING: Background Image not available!">
<canvas id="canvas" class="dotmark ov" width="${bg_dim%x*}" height="${bg_dim#*x}"></canvas>
<input type=hidden id=image_serialize name=imagedata value="">
data=document.getElementById("image_serialize")
function setcol(c) {
- image.fillStyle = c
- image_serialize += " fill " + c
+ image.strokeStyle = c
+ image.lineWidth = 2
+ image_serialize += " stroke " + c
}
setcol("$tpy[color]")
- function circle(x, y) {
+ function draw(x, y) {
if ( mouse == 1){
if ( body.clientWidth >= 800 ){
sx=Math.floor(cscaleW * (x - canvas.offsetLeft))
sx=Math.floor(cscaleW * (x - canvas.offsetLeft + body.scrollLeft))
sy=Math.floor(cscaleH * (y - canvas.offsetTop + body.scrollTop))
}
- image.beginPath()
- image.arc( sx, sy, 5, 0, 2 * Math.PI )
- image.fill()
- image.closePath()
+ image.lineTo( sx, sy )
+ image.stroke()
- image_serialize += " circle " + sx + "," + sy + " " + (sx-5) + "," + sy
+ image_serialize += " " + sx + "," + sy
}
}
cscaleW = canvas.width / canvas.clientWidth
cscaleH = canvas.height / canvas.clientHeight
- circle(x, y)
+ image_serialize += " polyline"
+ image.beginPath()
+ draw(x, y)
}
function drawstop() {
mouse = 0
+ image.closePath()
dbg.innerHTML = image_serialize
data.value = image_serialize
}
window.addEventListener( 'mouseup', function() { drawstop() } )
canvas.addEventListener( 'mousedown', function(e) { drawstart(e.clientX, e.clientY) } )
- canvas.addEventListener( 'mousemove', function(e) { circle(e.clientX, e.clientY) } )
+ canvas.addEventListener( 'mousemove', function(e) { draw(e.clientX, e.clientY) } )
window.addEventListener( 'touchend', function() { drawstop() } )
canvas.addEventListener( 'touchstart', function(e) { drawstart(e.touches[0].clientX, e.touches[0].clientY) } )
- canvas.addEventListener( 'touchmove', function(e) { circle(e.touches[0].clientX, e.touches[0].clientY) } )
+ canvas.addEventListener( 'touchmove', function(e) { e.preventDefault(); draw(e.touches[0].clientX, e.touches[0].clientY) } )
--></script>
</form>