Merge pull request #26 from SriDodda/master

Edit beacon client side validation
rajatguptarg · Dec 29, 2015 · 515ea2f · 515ea2f
2 parents f8ab3a9 + 3fa3318
commit 515ea2f
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 16 deletions.
diff --git a/beacons/static/js/editBeacon.js b/beacons/static/js/editBeacon.js
@@ -0,0 +1,17 @@
+(function editBeacon(){
+    $(document).ready(function(){
+        editBeacon.init();
+    });
+
+    editBeacon.init = function(){
+    	editBeacon.description = $("#description")[0];
+
+    	$("form")[0].onsubmit = editBeacon.validateAndSubmit;
+    }
+
+    editBeacon.validateAndSubmit = function(e){
+    	if(editBeacon.description.value.length == 0){
+    		e.preventDefault();
+    	}
+    }
+})();
diff --git a/beacons/templates/edit_beacon.jinja b/beacons/templates/edit_beacon.jinja
@@ -1,5 +1,9 @@
 {% extends "base.jinja" %}
 
+{% block script %}
+    <script type="text/javascript" src="../static/js/editBeacon.js"></script>
+{% endblock %}
+
 {% block title %}
     Edit
 {% endblock %}
@@ -17,28 +21,14 @@
                 <div class="form-group">
                     <label class="control-label col-xs-3" for="name">Beacon Name:</label>
                     <div class="col-xs-7">
-                        <input type="text" class="form-control" name="name" value={{ beacon }}>
+                        <input readonly type="text" class="form-control" name="name" value={{ beacon }}>
                     </div>
                 </div>
 
                 <div class="form-group">
                     <label class="control-label col-xs-3" for="name">Description:</label>
                     <div class="col-xs-7">
-                        <input type="text" class="form-control" name="description" placeholder="Rajat da Dhaba">
-                    </div>
-                </div>
-
-                <div class="form-group">
-                    <label class="control-label col-xs-3" for="name">Indoor Level Name:</label>
-                    <div class="col-xs-7">
-                        <input type="text" class="form-control" name="indoorlevel_name" placeholder="1">
-                    </div>
-                </div>
-
-                <div class="form-group">
-                    <label class="control-label col-xs-3" for="name">Position:</label>
-                    <div class="col-xs-7">
-                        <input type="text" class="form-control" name="position" placeholder="STABLE">
+                        <input id="description" type="text" class="form-control" name="description" placeholder="Security">
                     </div>
                 </div>