Restrict size of Explanation on WebIDE (closes #58) and fix numbers

The max size of the Explanation div is set to 25% of the window.

The number parser for the Explanation didn't include 0. The regex
has been updated.

Signed-off-by: Jadon Fowler <jadonflower@gmail.com>

.gitignore

@@ -13,4 +13,5 @@ __pycache__/
 heroku*
 log*
 docs/_*
-*.stackdump
+*.stackdump
+oide

static/o.js

@@ -33,7 +33,19 @@ function getExplanantion() {
     var e = parse(code);
     $("#explanation").html(e);
     var width = getMaxWidth() * 8;
-    $("#explanation").width(width);
+    $("#explanation").width(width > window.innerWidth * 0.25 ? window.innerWidth * 0.25 : width);
+    if ($("#explanation").height() > window.innerHeight * 0.25) $("#explanation").height(window.innerHeight * 0.25);
+}
+
+function selectText(container) {
+    if (document.selection) {
+        var range = document.body.createTextRange();
+        range.moveToElementText(document.getElementById(container));
+    } else if (window.getSelection) {
+        var range = document.createRange();
+        range.selectNode(document.getElementById(container));
+        window.getSelection().addRange(range);
+    }
 }
 
 function updateUtils() {
@@ -53,4 +65,4 @@ $(document).ready(function() {
     $('#code').on('input propertychange paste', function() {
         updateUtils();
     });
-});
+});

static/parser.coffee

@@ -16,7 +16,7 @@ stringExplanation = (string) -> new Explanation("\""+string+"\"", "Push string t
 charExplanation = (c) -> new Explanation("'"+c, " Push " + c + " to the stack\n")
 
 getExplanation = (c) ->
-    if c.match /[1-9A-F]/
+    if c.match /[0-9A-F]/
         numberExplanation c
     else if explanations[c] != undefined
         new Explanation c, explanations[c] + "\n"
@@ -101,7 +101,7 @@ parse = (code) ->
                 buffer = ""
                 continue
             buffer += c
-        else if c.match /[1-9A-F]/
+        else if c.match /[0-9A-F]/
             events.push eventObj newNumber c
         else if c is "{"
             fcb = true
@@ -204,4 +204,4 @@ explain = (events) ->
                 maxWidth = g
             beforeSpaces += 1
             e += s + "\n"
-    e
+    e

templates/primary.html

@@ -42,7 +42,7 @@ <h3>Utilities</h3>
     <br/>
     <h4>General Explanation <small>(not always correct)</small>:</h4>
     <div class="container" style="margin-top: 5%;margin-right: 5%;">
-      <pre id="explanation"></pre>
+      <pre id="explanation" onclick="selectText('explanation')"></pre>
     </div>
   </div>
   </div>