Changeset 13574 for main/waeup.kofa/trunk/src/waeup/kofa/students/browser_templates

Timestamp:

10 Jan 2016, 09:13:17 (9 years ago)

Author:

Henrik Bettermann

Message:

Configure transfer payments and let students enter their desired
study course. Save entered text in p_item attribute.

File:

• main/waeup.kofa/trunk/src/waeup/kofa/students/browser_templates/onlinepaymentaddform.pt (modified) (2 diffs)

main/waeup.kofa/trunk/src/waeup/kofa/students/browser_templates/onlinepaymentaddform.pt

@@ -1 +1 @@
 <form action="." tal:attributes="action request/URL" method="post"
       enctype="multipart/form-data">
-  <table class="form-table">
-    <tbody>
-      <tr>
-        <td class="fieldname">
-          <span>Payment Category</span>:
-        </td>
-        <td>
-          <select id="form.p_category" name="form.p_category" size="1"
-                  class="form-control half">
-            <option tal:repeat="item view/selectable_categories"
-                    tal:attributes="value python:item[0]">
-              <span tal:replace="python:item[1]">FEE CATEGORY</span>
-            </option>
-          </select>
-        </td>
-      </tr>
-    </tbody>
-  </table>
+
+  <label for="p_cat" i18n:translate="">
+    Payment Category:
+  </label>
+  <select id="form.p_category" name="form.p_category" size="1"
+          class="form-control half" onclick="test()">
+    <option tal:repeat="item view/selectable_categories"
+            tal:attributes="value python:item[0]">
+      <span tal:replace="python:item[1]">FEE CATEGORY</span>
+    </option>
+  </select>
+
+  <span id="new_programme" style="display: none;">
+    <br />
+    <label for="new_programme" i18n:translate="">
+      Desired Course of Study:
+    </label>
+    <input class="textType" id="new_programme" name="new_programme"
+      type="text">
+  </span>
+  <br />
   <div tal:condition="view/availableActions">
     <input tal:repeat="action view/actions"
@@ -25 +28 @@
   </div>
 </form>
+
+<script type="text/javascript">
+  function test() {
+      if (document.getElementById('form.p_category').value == 'transfer') {
+          document.getElementById('new_programme').style.display = 'block';
+      } else {
+          document.getElementById('new_programme').style.display = 'none';
+      }
+  }
+</script>