Source files

docs/README.md

@@ -1,7 +1,5 @@
 
-# Education Form Module    
-
-Documentation   
+# Documentation   
 See [Job Board](https://developers.greenhouse.io/job-board.html) for full documentation.           
 
 1. Click on [Educations](https://developers.greenhouse.io/job-board.html#educations) in the left menu.     
@@ -16,10 +14,17 @@ Our token is **romeopower**
 
 ## Expectations    
 See [wireframes](https://github.com/boxballoon/education_form_module/tree/master/docs/images/wireframes) for a visual.   
-Use [material icons](https://material.io/tools/icons/) for the search icon used in the wireframes.   
 
 1. The user begins typing in the input field. They type the word "State".   
 1. A select menu will appear below the input field containing all the matching results.
-1. The user will click one of the results.
-1. The NAME of the college will appear in the input field.
-1. When the form is submitted, the VALUE of this field should be the ID of the school NAME.   
+1. IF the user scrolls to the bottom of the results AND more results exist, load the next 100 results. Continue this until there are no more results (Lazy Load).      
+1. The user will click one of the results.     
+1. The NAME of the college will appear in the input field.    
+1. When the form is submitted, the VALUE of this field should be the ID of the school NAME.    
+1. Please comment all code and explain responsibilities of methods, functions, etc. 
+
+
+## 'Nice To Have...Not A Need To Have'    
+
+1. Styling to match wireframes.
+1. Use [material icons](https://material.io/tools/icons/) for the search icon used in the wireframes.   

docs/images/README.md

@@ -1,21 +1,3 @@
 # Images   
 
-## WIREFRAME 1    
-Input field.     
-In this frame the input field has not been clicked.     
-Do not style with any library.     
-Custom CSS is welcome but not required.     
-
-## WIREFRAME 2
-Input field.
-The user has clicked this field and has typed the word “State”. Any result with the word “State” must appear below the input field in a selectable list. The user will choose one. Upon submit, the post request is expecting the id of the school selected.      
-
-## WIREFRAME 3
-
-Input field. Lazy Load.
-The user has scrolled to the bottom of the results but they have not found what they are looking for. When the user arrives at the last result AND more results exist, load the next 100 results. Continue this process until the user scrolls to the end of the results.
-
-## WIREFRAME 4
-
-Input field.     
-The user has arrived at the end of all the results.     
+1. [Wireframes](https://github.com/boxballoon/education_form_module/tree/master/docs/images/wireframes)      

docs/images/wireframes/README.md

@@ -1 +1,21 @@
 # Wireframes
+
+## WIREFRAME 1    
+Input field.     
+In this frame the input field has not been clicked.     
+Do not style with any library.     
+Custom CSS is welcome but not required.     
+
+## WIREFRAME 2
+Input field.
+The user has clicked this field and has typed the word “State”. Any result with the word “State” must appear below the input field in a selectable list. The user will choose one. Upon submit, the post request is expecting the id of the school selected.      
+
+## WIREFRAME 3
+
+Input field. Lazy Load.
+The user has scrolled to the bottom of the results but they have not found what they are looking for. When the user arrives at the last result AND more results exist, load the next 100 results. Continue this process until the user scrolls to the end of the results.
+
+## WIREFRAME 4
+
+Input field.     
+The user has arrived at the end of all the results.  

src/greenhouse/js/demo_script.js

@@ -0,0 +1,18 @@
+/*
+ DEMO
+
+*/
+
+$(function () {
+  $('#demo-form').parsley().on('field:validated', function() {
+    var ok = $('.parsley-error').length === 0;
+    $('.bs-callout-info').toggleClass('hidden', !ok);
+    $('.bs-callout-warning').toggleClass('hidden', ok);
+  })
+  .on('form:submit', function() {
+
+    console.log("LOG THE VALUE OF THE SEARCH FIELD HERE.");
+
+    return false; // Don't submit form for this demo
+  });
+});

src/greenhouse/js/scripts.js

@@ -0,0 +1,6 @@
+/*
+
+  SCRIPTS
+  This is where we want to see the development of your code. Please comment all code and explain responsibilities functions, methods, etc.
+
+*/

src/greenhouse/schools.php

@@ -1,5 +1,10 @@
 <?php
 
-// SCHOOLS SEARCH/FILTER
+/*
+
+SCHOOLS SEARCH/FILTER
+This is where we want to see the development of your code (HTML, PHP). Please comment all code and explain responsibilities functions, methods, etc.
+
+*/
 
 ?>

src/index.php

@@ -22,22 +22,8 @@
 
     </form>
 
-
-    <script type="text/javascript">
-    $(function () {
-      $('#demo-form').parsley().on('field:validated', function() {
-        var ok = $('.parsley-error').length === 0;
-        $('.bs-callout-info').toggleClass('hidden', !ok);
-        $('.bs-callout-warning').toggleClass('hidden', ok);
-      })
-      .on('form:submit', function() {
-
-        console.log("LOG THE VALUE OF THE SEARCH FIELD HERE.");
-
-        return false; // Don't submit form for this demo
-      });
-    });
-    </script>
+    <script src="greenhouse/js/demo_script.js" type="text/javascript"></script>
+    <script src="greenhouse/js/scripts.js" type="text/javascript"></script>
 
   </body>
 </html>