chromium-status: add status field help text

templates/main.html

 {% extends "base.html" %}
 
+{% block extra_head %}
+  <script src="js/main/main.js"></script>
+{% endblock %}
+
 {% block content %}
-  <script type="text/javascript">
-    window.onload=function() {
-      document.add_new_message.message.focus();
-    }
-  </script>
+  <!-- Keep in sync with status.py:Status.general_state() logic -->
+  <div id="help" class="help" hidden>
+    The message is scanned for partial matches (in the order listed)<br>

[szager1, 2013/12/05 20:47:48]

"partial matches" sounds weird.  How about "keywords"?

[vapier, 2013/12/05 21:02:45]

"keywords" to me indicates word boundaries, and that's not what the code does.

e.g. if "maint" appears anywhere in the string whilst the tree is closed, then
the tree is in maintenance mode.  so if you say something like "Tree is closed
(skia is broken; maintainer is looking into it -> crbug.com/1234)", the status
will be "maintenance" and not "closed".

e.g. if the status is "Tree is open (the problem has been disclosed)", the
status will be "closed".

+    and will set the tree state accordingly. The scan order does <b>not</b><br>
+    correspond to the severity of the tree state.<br>
+    <br>
+    &nbsp;(1) "<span class="maintenance">maint</span>": The tree is closed for
+      maintenance<br>
+    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; (also needs to have the text
+      "close")<br>
+    &nbsp;(2) "<span class="throttled">throt</span>": The tree is throttled;
+      tread carefully<br>
+    &nbsp;(3) "<span class="closed">close</span>": The tree is closed<br>
+    &nbsp;(4) Otherwise, the tree is <span class="open">open</span> for business
+  </div>
+
   <center>
   {% if write_access %}
     {% if error_message %}
       <div class="error">
       {{ error_message }}
       </div>
     {% endif %}
     <form action="/" name="add_new_message" method="post">
-      <input type="text" size="80" name="message" value="{{ message }}">
+      <textarea cols="80" rows="2" name="message"
+        style="vertical-align: middle;">{{ message }}</textarea>
       <input type="hidden" name="last_status_key" value="{{ last_status_key }}">
       <input type="submit" name="change" value="Change">
       <input type="button" name="refresh" value="Refresh" onclick="location.href='/';">
       <input type="button" name="history" value="History" onclick="location.href='/status_viewer';">
     </form>
   {% endif %}
   <br>
   <h2>Last <a href="?limit={{ limit }}">{{ limit }}</a> {{ title }}</h2>
   <table border="1" cellpadding="5">
   <tr bgcolor="#CCCCFF">
     <td><b>Who</b></td>
     <td><b>When (UTC)</b></td>
     <td><b>Message</b></td>
   </tr>
   {% for a_status in status %}
     <tr class="{{ a_status.general_state }}">
       <td class="username">{{ a_status.username }}</td>
       <td class="date">{{ a_status.date|date:"D, d M H:i" }}</td>
       <td class="message">{{ a_status.message }}</td>
     </tr>
   {% endfor %}
 
   </table>
   </center>
 {% endblock %}