source: main/waeup.kofa/trunk/src/waeup/kofa/applicants/browser_templates/applicanteditpage.pt @ 11558

Last change on this file since 11558 was 11558, checked in by Henrik Bettermann, 10 years ago

File input fields brought into shape with Bootstrap 3. Technique adapted from http://labs.abeautifulsite.net/demos/bootstrap-file-inputs/.

File size: 4.3 KB
Line 
1<form action="." tal:attributes="action request/URL" method="post"
2      i18n:domain="waeup.kofa" enctype="multipart/form-data"
3      autocomplete="off">
4
5  <h2 i18n:domain="waeup.kofa">
6    ...
7    <span tal:replace="context/translated_state">APPLICATIONSTATE
8    </span>
9    <span tal:omit-tag=""
10      i18n:translate="" tal:condition="context/suspended">(account suspended)
11    </span>
12    ...
13  </h2>
14
15  <div class="workflow">
16    <div tal:repeat="msg context/history/messages">
17      <span tal:replace="msg">MESSAGE</span><br />
18    </div>
19  </div>
20
21  <table class="form-table">
22    <tbody>
23      <tal:widgets content="structure provider:widgets" />
24      <tr>
25        <td class="fieldname" i18n:translate="">
26          Passport Photo:
27        </td>
28        <td>
29          <img src="passport.jpg" height="180px" /><br />
30          <br />
31                <div class="input-group half">
32                        <div class="input-group-btn">
33                                <div class="btn btn-default btn-file">
34                Select&hellip;
35                <input type="file" name="form.passport" />
36              </div>
37                        </div>
38                        <input type="text" class="form-control" readonly>
39          </div>
40          <span i18n:translate="">
41            Max. file size:
42          </span>
43          <span tal:replace="view/max_upload_size">10 KB</span>
44      </tr>
45      <tr tal:condition="view/manage_applications">
46        <td class="fieldname" i18n:translate="">Password:</td>
47        <td>
48          <input class="form-control" name="password" type="password"  />
49        </td>
50      </tr>
51      <tr tal:condition="view/manage_applications">
52        <td class="fieldname" i18n:translate="">Retype Password:</td>
53        <td>
54          <input class="form-control" name="control_password" type="password" />
55        </td>
56      </tr>
57      <tr tal:condition="view/manage_applications">
58        <td class="fieldname" i18n:translate="">Application Transition:</td>
59        <td>
60          <select id="transition" name="transition" class="form-control half">
61            <option tal:repeat="transition view/getTransitions"
62                    tal:attributes="value transition/name">
63              <span tal:replace="transition/title">TRANSITIONTITLE</span>
64            </option>
65          </select>
66        </td>
67      </tr>
68    </tbody>
69  </table>
70
71  <div tal:condition="not: view/manage_applications">
72    <input id="confirm_passport" name="confirm_passport"
73           type="checkbox" value="True"/>
74    <span i18n:translate="">
75    I confirm that the Passport Photograph uploaded on this form is a
76    true picture of me.
77    </span>
78  </div>
79  <br />
80
81  <div tal:condition="view/availableActions">
82    <span tal:repeat="action view/actions"
83          tal:omit-tag="">
84      <input tal:condition="python:action.label in view.display_actions[0]"
85             tal:replace="structure action/render"/>
86    </span>
87  </div>
88
89  <br /><br />
90  <h3 i18n:translate="">
91      Application Fee Payment Tickets
92  </h3>
93
94  <table i18n:domain="waeup.kofa" class="table table-condensed">
95    <thead>
96    <tr>
97      <th>&nbsp;</th>
98      <th i18n:translate="">Payment Id</th>
99      <th i18n:translate="">Creation Date</th>
100      <th i18n:translate="">Payment Date</th>
101      <th i18n:translate="">Category</th>
102      <th i18n:translate="">Item</th>
103      <th i18n:translate="">State</th>
104    </tr>
105    </thead>
106    <tbody>
107      <tr tal:repeat="cl context/values">
108         <td>
109          <input type="checkbox"
110                 name="val_id"
111                 tal:attributes="value cl/__name__"
112         tal:condition="python: not view.unremovable(cl)" />
113        </td>
114        <td> <a tal:attributes="href python:view.url(cl)">
115        <span tal:content="cl/p_id">PID</span></a></td>
116        <td tal:content="python: layout.formatDatetime(cl.creation_date)">CREATION DATE</td>
117        <td tal:content="python: layout.formatDatetime(cl.payment_date)">PAYMENT DATE</td>
118      <td tal:content ="cl/category">CATEGORY</td>
119      <td tal:content ="cl/display_item">ITEM</td>
120      <td tal:content ="cl/p_state_title">STATE</td>
121      </tr>
122    </tbody>
123  </table>
124
125  <div tal:condition="view/availableActions">
126    <span tal:repeat="action view/actions"
127          tal:omit-tag="">
128      <input tal:condition="python:action.label in view.display_actions[1]"
129             tal:replace="structure action/render"/>
130    </span>
131  </div>
132</form>
Note: See TracBrowser for help on using the repository browser.