From 32c010fd07a1042a230169aa6fd363dcde65eea7 Mon Sep 17 00:00:00 2001
From: Mike Gerwitz <mike@mikegerwitz.com>
Date: Thu, 24 Mar 2011 23:45:33 -0400
Subject: [PATCH] Began adding console (currently jQuery popup)

---
 index.html    |  5 +++++
 scripts/ui.js | 47 ++++++++++++++++++++++++++++++++++++++++++++---
 style.css     |  8 ++++++++
 3 files changed, 57 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 517be23..1dd9397 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,8 @@
   <head>
     <title>ease.js</title>
     <link type="text/css" rel="stylesheet" href="style.css" />
+    <link type="text/css" rel="stylesheet"
+      href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" />
   </head>
   <body>
     <div id="header">
@@ -45,6 +47,9 @@
     <script type="text/javascript"
       src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js">
     </script>
+    <script type="text/javascript"
+      src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js">
+    </script>
     <script type="text/javascript" src="scripts/ease-full.js"></script>
     <script type="text/javascript" src="scripts/ui.js"></script>
   </body>
diff --git a/scripts/ui.js b/scripts/ui.js
index 53e5b7e..e516915 100644
--- a/scripts/ui.js
+++ b/scripts/ui.js
@@ -66,7 +66,7 @@
                 .hide()
                 .append( $( '<h2>' ).text( 'Try ease.js' ) )
                 .append( $txt = $( '<textarea>' ).text (
-                    "Test"
+                    "console.log( Class( 'Foo', {} ) );"
                 ) )
                 .append( $( '<div>' )
                     .attr( 'id', 'trybtns' )
@@ -76,13 +76,54 @@
                         .addClass( 'btn med green' )
                         .click( function()
                         {
-                            var Class = easejs.Class;
-                            eval( $txt.val() );
+                            runScript( $txt.val() );
                         } )
                     )
                 )
                 .prependTo( '#content' );
         } )();
     }
+
+
+    function runScript( script )
+    {
+        var Class = easejs.Class,
+
+            $console = $( '<textarea>' )
+                .attr( {
+                    id:       'try-console',
+                    readonly: 'readonly'
+                } ),
+
+            $dialog = $( '<div>' )
+                .append( $console )
+                .dialog( {
+                    title:  'Console',
+                    modal:  true,
+                    width:  '800px',
+                    height: 'auto'
+                } ),
+
+            console = {
+                log: function( text )
+                {
+                    $console.text(
+                        $console.text() + "\n" + text
+                    );
+                }
+            };
+
+        ( function( console )
+        {
+            try
+            {
+                eval( script );
+            }
+            catch ( e )
+            {
+                console.log( e );
+            }
+        } )( console );
+    }
 } )();
 
diff --git a/style.css b/style.css
index 34e2be8..84e2352 100644
--- a/style.css
+++ b/style.css
@@ -233,3 +233,11 @@ p.copyright a, p.copyright a:link {
   text-align: right;
 }
 
+#try-console {
+  width:  99%;
+  height: 10em;
+
+  font-size:   0.8em;
+  font-family: monospace;
+}
+
