adds webide install checkbox

adafruit · Jan 26, 2015 · c1377dc · c1377dc
1 parent fb4bec6
commit c1377dc
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 7 deletions.
diff --git a/pi_finder/src/ui/main.html b/pi_finder/src/ui/main.html
@@ -17,6 +17,7 @@
       <input name="username" value="pi">
       <label>SSH Password</label>
       <input name="password" value="raspberry">
+      <div id="align"></div>
       <div class="group"><a class="button" id="connect">Terminal</a> <a class="button" id="shutdown">Shutdown</a></div>
       <div class="clear"></div>
     </div>
@@ -28,6 +29,7 @@
       <input name="wifi_ssid" placeholder="ssid">
       <label>WiFi Password</label>
       <input name="wifi_password" pattern=".{8,63}" placeholder="******">
+      <label class="check"><input type="checkbox" name="webide" value="yes"> Install the WebIDE?</label>
       <a class="button" id="bootstrap">Bootstrap!</a>
     </div>
 
@@ -133,9 +135,7 @@
           timer = null;
         }
 
-        $('#status').html(data + '...');
-
-        //timer = working(data);
+        timer = working(data);
 
       });
 
@@ -154,7 +154,11 @@
 
         var options = {};
 
-        $('#options input').each(function() {
+        $('#options * input').each(function() {
+
+          if($(this).attr('type') == 'checkbox' && !$(this).is(':checked')) {
+            return;
+          }
 
           if($(this).val() === '') {
             return;

diff --git a/pi_finder/src/ui/style.css b/pi_finder/src/ui/style.css
@@ -28,7 +28,7 @@ img {
 }
 
 #connect, #shutdown {
-  margin-top: 20px;
+  margin-top: 10px;
   width: 48%;
   float: left;
 }
@@ -39,7 +39,7 @@ img {
 }
 
 #bootstrap {
-  margin: 20px auto 0 auto;
+  margin: 10px auto 0 auto;
   width: 100%;
   background: #68ac3b;
 }
@@ -65,9 +65,11 @@ img {
   width: 45%;
   float:left;
   padding: 0 10px;
-  margin-bottom: 20px;
 }
 
+#align {
+  height: 28px;
+}
 .clear {
  clear: both;
 }
@@ -96,6 +98,15 @@ input {
   width: 100%;
 }
 
+.check {
+  text-align: left;
+}
+
+.check input {
+  display: inline;
+  width: auto;
+}
+
 .group {
   width: 100%;
 }