Changeset 10988

Timestamp:

27 Jan 2014, 13:39:22 (11 years ago)

Author:

Henrik Bettermann

Message:

Example, how to use inline forms and data tables.

File:

• main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/students/browser_templates/containerpage.pt (modified) (4 diffs)

main/waeup.kofa/branches/uli-diazo-themed/src/waeup/kofa/students/browser_templates/containerpage.pt

@@ -1 @@
-<form method="POST" i18n:domain="waeup.kofa">
+<form method="POST" i18n:domain="waeup.kofa" class="form-inline">
 <br />
-  <input class="btn primary" type="submit" name="search"
-    tal:attributes="value view/search_button" />
-
-  <select name="searchtype">
-    <option i18n:translate="" value="student_id">with id</option>
-    <option i18n:translate="" value="fullname">with name</option>
-    <option i18n:translate="" value="reg_number">with registration number</option>
-    <option i18n:translate="" value="matric_number">with matriculation number</option>
-    <option i18n:translate="" value="current_session">in session</option>
-    <option i18n:translate="" value="depcode">in department</option>
-    <option i18n:translate="" value="current_mode">in study mode</option>
-    <option i18n:translate="" value="suspended">
-      with deactivated account (search term omitted)
-    </option>
-    <option i18n:translate="" value="transcript">
-      who requested transcript (search term omitted)
-    </option>
-  </select>
-
-  <input type="text" name="searchterm" />
-
+  <div class="form-group">
+    <input class="btn btn-primary" type="submit" name="search"
+      tal:attributes="value view/search_button" />
+  </div>
+  <div class="form-group">
+    <select name="searchtype">
+      <option i18n:translate="" value="student_id">with id</option>
+      <option i18n:translate="" value="fullname">with name</option>
+      <option i18n:translate="" value="reg_number">with registration number</option>
+      <option i18n:translate="" value="matric_number">with matriculation number</option>
+      <option i18n:translate="" value="current_session">in session</option>
+      <option i18n:translate="" value="depcode">in department</option>
+      <option i18n:translate="" value="current_mode">in study mode</option>
+      <option i18n:translate="" value="suspended">
+        with deactivated account (search term omitted)
+      </option>
+      <option i18n:translate="" value="transcript">
+        who requested transcript (search term omitted)
+      </option>
+    </select>
+  </div>
+  <div class="form-group">
+    <input type="text" class="form-control" name="searchterm" />
+  </div>
+</form>
   <p>&nbsp;</p>
   <div tal:condition="view/hitlist">
@@ -29 +33 @@
     <input type="hidden" name="old_searchtype"
          tal:attributes="value view/searchtype" />
-    <table class="display dataTable">
+    <table class="table table-striped dataTable">
       <thead>
       <tr>
@@ -40 +44 @@
       </thead>
       <tbody>
-      <tr tal:repeat="item view/hitlist" class="gradeC">
+      <tr tal:repeat="item view/hitlist">
         <td> <a tal:attributes="href item/url">
           <span tal:content="item/student_id">A123456</span></a>
@@ -57 +61 @@
     <br />
   </div>
-</form>
+