hashchange

We now catch the hashchange event and use that to drive most of the site.
To trigger page transitions, modify location.hash.
Params start with # not ?.
Removed user-group.inc.
converted tabs to spaces
trivial imlementation of add and details for netgroup and hostgroup
lots of bug fixes based on routing problems and the refactorings.

1 files changed, 46 insertions, 9 deletions

diff --git a/install/static/index.xhtml b/install/static/index.xhtml
index 422538c9a..489f192b6 100644
--- a/install/static/index.xhtml
+++ b/install/static/index.xhtml
@@ -20,6 +20,7 @@
     <script type="text/javascript" src="sampledata/develop.js"></script>
     <script type="text/javascript" src="search.js"></script>
     <script type="text/javascript" src="details.js"></script>
+    <script type="text/javascript" src="add.js"></script>
     <script type="text/javascript" src="user.js"></script>
     <script type="text/javascript" src="usermeta.js"></script>
     <script type="text/javascript" src="group.js"></script>
@@ -70,14 +71,6 @@
 
       <ul id="viewtype">
 	<li id="viewcaption">View:</li>
-	<li>
-          <img src="but-selected.png" alt="" />
-          Identity Details
-	</li>
-	<li>
-          <img src="but-unselected.png" alt="" />
-          <a href="memberof?pkey=${pkey}">Memberships</a>
-	</li>
       </ul>
       <div id="detail-lists">
 	<hr />
@@ -89,7 +82,7 @@
 
     <div id="search"  style="display:none">
       <div class="searchControls" >
-	<span class="filter"  >
+	<span id="filter" class="filter"  >
 	  <input id="queryFilter" type="text"/>
 	  <input id="query" type="submit" value="find" />
 	  <input id="new" type="submit" value="new" />
@@ -104,5 +97,49 @@
       </table>
     </div>
 
+    <div id="associations" style="display:none">
+      <h1>Enroll in Groups</h1>
+      <ul id="viewtype">
+	<li id="viewcaption">View:</li>
+      </ul>
+      <form>
+	<div style="border-width:1px">
+	  <div >
+	    <input type="text"/>
+	    <input id="find" type="button" value="Find Groups"/>
+	    <span style="float:right">
+	      <input id="cancelEnrollGroups" type="button" value="Cancel"/>
+	      <input id="enrollGroups" type="button" value="Enroll"/>
+	    </span>
+	  </div>
+	  <div  id="results"  style="border: 2px solid rgb(0, 0, 0); position:relative;  height:200px;" >
+	    <div style="float:left;">
+	      <div>Groups</div>
+	      <select id="grouplist" width="150px" size="10" multiple="true" >
+	      </select>
+	    </div>
+	    <div style="float:left;">
+	      <p><input id="removeFromList" type="button" value="&lt;&lt;"/> </p>
+	      <p><input id="addToList" type="button" value="&gt;&gt;"/></p>
+	    </div>
+	    <div style="float:left;">
+	      <div>Prospective Enrollments</div>
+	      <select id="enrollments" width="150px"  size="10" multiple="true" >
+	      </select>
+	    </div>
+	  </div>
+	  <hr/>
+	  <div>Message Area</div>
+	  <hr/>
+	  <div>
+	    <span style="float:left">
+	      <p>*Enter Group Names and Press Groups</p>
+	      <p>*More stuff</p>
+	      <p>*More stuff</p>
+	    </span>
+	  </div>
+	</div>
+      </form>
+    </div>
   </body>
 </html>