From c3e1a8a83bc4ec6e346ac651d5d816458da457c8 Mon Sep 17 00:00:00 2001
From: Thorsten von Eicken <tve@rightscale.com>
Date: Sun, 15 Nov 2015 22:08:43 -0800
Subject: [PATCH] improve home page

---
 html/console.js |  9 +++++++++
 html/home.html  | 13 +++++++------
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/html/console.js b/html/console.js
index f29469ca..e85d6d7d 100644
--- a/html/console.js
+++ b/html/console.js
@@ -22,12 +22,21 @@ function updateText(resp) {
   var delay = 3000;
   if (resp != null && resp.len > 0) {
     console.log("updateText got", resp.len, "chars at", resp.start);
+    var isScrolledToBottom = el.scrollHeight - el.clientHeight <= el.scrollTop + 1;
+    //console.log("isScrolledToBottom="+isScrolledToBottom, "scrollHeight="+el.scrollHeight,
+    //            "clientHeight="+el.clientHeight, "scrollTop="+el.scrollTop,
+    //            "" + (el.scrollHeight - el.clientHeight) + "<=" + (el.scrollTop + 1));
+
+    // append the text
     if (resp.start > el.textEnd) {
       el.innerHTML = el.innerHTML.concat("\r\n<missing lines\r\n");
     }
     el.innerHTML = el.innerHTML.concat(resp.text);
     el.textEnd = resp.start + resp.len;
     delay = 500;
+
+    // scroll to bottom
+    if(isScrolledToBottom) el.scrollTop = el.scrollHeight - el.clientHeight;
   }
   return delay;
 }
diff --git a/html/home.html b/html/home.html
index 2e0e0bc3..ef994291 100644
--- a/html/home.html
+++ b/html/home.html
@@ -17,7 +17,7 @@ <h1>System overview</h1>
                 <div class="click-to-edit system-name">
                   <span class="edit-off"></span>
                   <input class="edit-on" maxlength=31 hidden></input>
-                  <div class="popup">Hostname displayed in menu bar
+                  <div class="popup">Click to edit!<br>Hostname displayed in menu bar
                     and used by DHCP and mDNS</div>
                 </div>
               </td></tr>
@@ -36,11 +36,12 @@ <h1>Info</h1>
             program microcontrollers over the serial port, in particular Arduinos, AVRs, and
             NXP's LPC800 and other ARM processors. Typical avrdude command line to
             program an Arduino:</p>
-            <div class="tt">/home/arduino/hardware/tools/avrdude&nbsp;\<br>
+            <div class="tt" style="font-size:100%;">
+              /home/arduino/hardware/tools/avrdude&nbsp;\<br>
               &nbsp;&nbsp;-DV -patmega328p \<br>
               &nbsp;&nbsp;-Pnet:esp-link.local:23 \<br>
-              &nbsp;&nbsp;-carduino -b115200 -U \<br>
-              &nbsp;&nbsp;-C /home/arduino/hardware/tools/avrdude.conf&nbsp;\<br>
+              &nbsp;&nbsp;-carduino -b115200 -U -C \<br>
+              &nbsp;&nbsp;/home/arduino/hardware/tools/avrdude.conf&nbsp;\<br>
               &nbsp;&nbsp;flash:w:my_sketch.hex:i
             </div>
             <p>where <tt>-Pnet:esp-link.local:23</tt> tells avrdude to connect to port 23 of esp-link.
@@ -125,8 +126,8 @@ <h1>System details</h1>
             <tr><td colspan=2 class="popup-target">Description:<br>
                 <div class="click-to-edit system-description">
                   <div class="edit-off"></div>
-                  <textarea class="edit-on" rows=3 maxlength=127 hidden></textarea>
-                  <div class="popup">A short description or memo for this esp-link
+                  <textarea class="edit-on" rows=3 maxlength=127 hidden> </textarea>
+                  <div class="popup">Click to edit!<br>A short description or memo for this esp-link
                     module, 128 chars max</div>
                 </div>
             </td></tr>