add Search Location page. include plugins.js.

beetlebox · Dec 28, 2012 · 7dc9dd6 · 7dc9dd6
1 parent eb06f50
commit 7dc9dd6
Showing 1 changed file with 36 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -17,6 +17,7 @@
 		<script type="application/javascript">
 		  var navigation = new navigationStack('view-events-list'); 
     </script>
+		<script type="application/javascript" src="js/plugins.js"></script>
 		<script type="application/javascript" src="js/api.js"></script> 		
 		<script type="application/javascript" src="js/model.js"></script>
 		<script type="application/javascript" src="js/map.js"></script>
@@ -45,7 +46,7 @@ <h1>Events</h1>
               <article class="body">
                 <div class="inner">
                   <section data-type="list">
-                    <div id="template-event-llist">
+                    <div id="template-event-list">
                       <header>#group-title#</header>
                       <ul>
                         <li>
@@ -69,7 +70,7 @@ <h1>Events</h1>
               <header>
                 <button id="cancel-add" class="cancel-navigation negative"><span class="icon icon-close">Exit</span></button>
                 <menu type="toolbar">
-                  <button id="submit-event" role="menuitem">Done</button>
+                  <button id="submit-event" class="submit-button" role="menuitem" disabled>Done</button>
                 </menu>
                 <h1>Add Event</h1>
               </header>   
@@ -129,7 +130,36 @@ <h1>Add Event</h1>
                  </form>
                </div>
               </article>
-            </section> 
+            </section>
+
+						<!-- Search Location Section -->
+						<section id="view-event-search-location" role="region" class="view transition transition-bottom" data-mirror="mirror-event-search-location">
+						   <header>
+				         <button id="cancel-search-location" class="cancel-navigation negative"><span class="icon icon-close">Exit</span></button>
+				         <menu type="toolbar">
+				         </menu>
+				         <h1>Place</h1>
+				       </header> 
+
+							<article class="body full">
+								<form role="search">
+						      <p>
+						        <input type="text" id="search-location-text" placeholder="Search Venue">
+						        <button type="reset">Clear</button>
+						      </p>
+						    </form>
+								<section data-type="list" id="search-location-result">
+                  <ul>
+                    <li data-template>
+                      <a href="#">
+                        <p>#name#</p>
+                        <p>#location#</p>
+                      </a>
+                    </li>
+                  </ul>  
+                </section>
+							</article>
+						</section> 
 
 						<!-- Add LatLong Section -->
 						<section id="view-event-latlong-add" role="region" class="view transition transition-bottom" data-mirror="mirror-event-latlong-add">
@@ -222,7 +252,7 @@ <h1>Login</h1>
 			   <header>
 	         <button id="cancel-register" class="cancel-navigation negative"><span class="icon icon-close">Exit</span></button>
 	         <menu type="toolbar">
-	           <button id="submit-register" role="menuitem" disabled>Submit</button>
+	           <button id="submit-register" class="submit-button" role="menuitem" disabled>Submit</button>
 	         </menu>
 	         <h1>Register</h1>
 	       </header> 
@@ -251,7 +281,8 @@ <h1>Register</h1>
 			<div id="mirror-event-latlong-add" class="view" style="background-image: -moz-element(#view-event-latlong-add);"></div>
 			<div id="mirror-profile" class="view" style="background-image: -moz-element(#view-profile);"></div> 
 			<div id="mirror-login" class="view" style="background-image: -moz-element(#view-login);"></div>
-			<div id="mirror-register" class="view" style="background-image: -moz-element(#view-register);"></div> 
+			<div id="mirror-register" class="view" style="background-image: -moz-element(#view-register);"></div>
+			<div id="mirror-event-search-location" class="view" style="background-image: -moz-element(#view-event-search-location);"></div> 
 	  </div>
 
   </body>