neerajdotname-javascript_lab 0.0.2 → 0.0.3

data/bin/javascript_lab

@@ -3,5 +3,8 @@
 require File.expand_path(File.dirname(__FILE__) + '/../lib/javascript_lab')
 require 'vegas'
 
-#Vegas::Runner.new(JavascriptLab::App, 'javascript_lab', {:foreground => true})
-Vegas::Runner.new(JavascriptLab::App, 'javascript_lab')
+if ARGV.size > 0 
+  Vegas::Runner.new(JavascriptLab::App, 'javascript_lab', {:foreground => true})
+else
+  Vegas::Runner.new(JavascriptLab::App, 'javascript_lab')
+end

data/public/javascripts/app.js

@@ -22,7 +22,6 @@ String.prototype.javascript_lab_trim = function() { return this.replace(/^\s+|\s
 
 var processForm = function(){
   try {
-  json_data = document.lab.json_data.value.javascript_lab_trim();
   var javascript_code = document.lab.javascript_code.value.javascript_lab_trim();
   eval(javascript_code);
   }catch(e){

data/views/index.erb

@@ -1,5 +1,3 @@
-
-
 <div>
 <div class='lhs'>
 <form action='#' name='lab'>
@@ -34,21 +32,11 @@
     <label class='label'>
       javascript code
     </label>
-    <span class='light'>Use log('hello world') to show log in the log output</span>
+    <input class='submit' type='submit' value='Evaluate' onclick='processForm();return false;' />
     <br />
-    <textarea name='javascript_code' row='5' cols='70'></textarea>
+    <span class='light'>Use log('hello world') to show log in the log output</span>
+    <textarea name='javascript_code' rows='30' cols='70'></textarea>
   </p>
-  <p>
-    <label class='label'>JSON data</label>
-    <br />
-    <span class='light'> Use this box if you are trying to parse JSON data. The content
-      entered in this box will be available to the javascript_code box above as variable
-      json_data. Please note that variable json_data is not in JSON format. It is the data
-      entered in this box in string format.
-    </span>
-    <br />
-    <textarea name='json_data' row='5' cols='70'></textarea>
-  </p>  
   <p>
     <input class='submit' type='submit' value='Evaluate' onclick='processForm();return false;' />
   </p>
@@ -59,7 +47,6 @@
 <div class='rhs'>
   <strong>Log output</strong>
   <a href='#' onclick='clear_log();return false;'>(clear log)</a>
-
   <div id='log_output'>
   </div>
 </div>

data/views/layout.erb

@@ -12,7 +12,8 @@
     <div id='container'>
       <div id='header'>
         <div class='gem_name'>
-          <a href="/">javascript_lab</a>
+          <a href="/">javascript_lab</a><br />
+          <p class='tag_line'>quickly test your javascript code</p>
         </div>
         <div class='extra'>
           <ul class='nav'>

data/views/style.sass

@@ -88,4 +88,9 @@ form
     :color gray
     span
       :color red
-   
+
+
+.tag_line
+  :font-size 14px
+  :color gray
+  

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: neerajdotname-javascript_lab
 version: !ruby/object:Gem::Version 
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors: 
 - Neeraj Singh
@@ -80,7 +80,6 @@ files:
 - public/javascripts/prototype-1.5.1.js
 - public/javascripts/prototype-1.5.js
 - public/javascripts/app.js
-- public/stylesheets/style.css
 - views/style.sass
 - views/index.erb
 - views/layout.erb

data/public/stylesheets/style.css

@@ -1,16 +0,0 @@
-body { font-family: 'Franklin Gothic', 'Franklin Gothic Medium',
-Helvetica, sans-serif; background: #f6efe1; margin: 0px; padding: 0px;
-text-align: left; line-height: 16px; } a:link, a:visited { color:
-#ba2818; text-decoration: none; } a:hover { text-decoration: underline;
-} a img { border: none; } ul.nav li { display: inline; list-style-type:
-none; padding: 0px 4px 0px 4px; } #container { background: #FDF8F4;
-margin: 5px auto; text-align: left; width: 980px; } #main { padding: 5px
-10px 5px 10px; } #main .lhs { float: left; width: 540px; } #main .rhs {
-float: right; background: #F5DFAC; width: 325px; padding: 5px; margin:
-80px 0px 0px 0px; } #header { background: #efefef; padding: 21px; }
-.gem_name { font-size: 35px; float: left; } .extra { float: right;
-font-size: 16px; } form p textarea { font-size: 14px; padding: 2px;
-margin: 2px; } form p select { line-height: 50px; width: auto;
-text-align: left; padding: 2px; font-size: 16px; } form p label {
-margin: 2px; } form p span { color: gray; } #log_output div { margin:
-4px 0px 4px 0px; color: gray; } #log_output div span { color: red; }