From 33a8e0e8967077bb2aa63b4bea706dc61d3e42d8 Mon Sep 17 00:00:00 2001
From: paul <paul@plutz.net>
Date: Sun, 10 Apr 2016 16:32:15 +0000
Subject: [PATCH] enable drawing via android-4, quicker drawing via lines

svn path=/trunk/; revision=97
---
 actions/update_therapy.sh | 16 ++++------------
 templates/text_frame.sh   |  1 +
 templates/therapy.css.sh  |  1 +
 templates/therapy.html.sh | 26 ++++++++++++++------------
 4 files changed, 20 insertions(+), 24 deletions(-)

diff --git a/actions/update_therapy.sh b/actions/update_therapy.sh
index 52daa11..e7dcae2 100755
--- a/actions/update_therapy.sh
+++ b/actions/update_therapy.sh
@@ -52,24 +52,16 @@ elif [ -n "$_POST[new_session]" ]; then
   printf '%s:exists\n' "$sid" >>"$tempfile"
   printf '%s_open:checked\n' "$sid" >>"$tempfile"
 
-elif [ -n "$_POST[dotmark.x]" -a -n "$_POST[dotmark.y]" ]; then
-  sed -rn 's;^(session[0-9]+)_open:checked$;\1;p' "$tempfile" \
-  | sort -n \
-  | tail -n1 \
-  | read sid
-
-  x="$_POST[dotmark.x]"
-  y="$_POST[dotmark.y]"
-
-  convert "${tpyfile%.tpy}_${sid}.png" -draw "fill $_POST[color] circle $x,$y $(($x+5)),$y" "${tpyfile%.tpy}_${sid}.png"
-
 elif [ -n "$_POST[imagedata]" ]; then
   sed -rn 's;^(session[0-9]+)_open:checked$;\1;p' "$tempfile" \
   | sort -n \
   | tail -n1 \
   | read sid
 
-  convert "${tpyfile%.tpy}_${sid}.png" -draw "${_POST[imagedata]}" -transparent white "${tpyfile%.tpy}_${sid}.png"
+  convert "${tpyfile%.tpy}_${sid}.png" \
+          -strokewidth 2 -fill '#00000000' \
+          -draw "${_POST[imagedata]}" -transparent white \
+          "${tpyfile%.tpy}_${sid}.png"
   sync
 fi
 
diff --git a/templates/text_frame.sh b/templates/text_frame.sh
index 03eddcd..e5f2dcb 100755
--- a/templates/text_frame.sh
+++ b/templates/text_frame.sh
@@ -20,6 +20,7 @@ item_name[p_email]="Email"
 item_name[p_error]="Fehler"
 item_name[p_categories]="Kategorien"
 item_name[p_prescriptions]="Verschreibungen"
+item_name[p_therapy]="Therapie"
 
 case $PROFILE in
 medical)
diff --git a/templates/therapy.css.sh b/templates/therapy.css.sh
index face0b8..e3184a5 100755
--- a/templates/therapy.css.sh
+++ b/templates/therapy.css.sh
@@ -3,6 +3,7 @@
 cat <<EOF
 * { box-sizing: border-box; }
 body {
+  overflow: scroll;
   position: relative;
   width: 100%;
   margin: 0; padding: 0;
diff --git a/templates/therapy.html.sh b/templates/therapy.html.sh
index d850a70..78122fb 100755
--- a/templates/therapy.html.sh
+++ b/templates/therapy.html.sh
@@ -79,7 +79,7 @@ cat <<EOF
  --><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))
@@ -191,13 +191,14 @@ cat <<EOF
   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))
@@ -206,12 +207,10 @@ cat <<EOF
         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
     }
   }
 
@@ -221,21 +220,24 @@ cat <<EOF
     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>
-- 
2.39.2