Ignore:
Timestamp:
18 Nov 2011, 10:59:42 (13 years ago)
Author:
Henrik Bettermann
Message:

Use jquery tabs in StudentBaseManageFormPage? and StudentClearanceManageFormPage? forms to separate form data and file upload widgets.

Location:
main/waeup.sirp/trunk/src/waeup/sirp/students/browser_templates
Files:
1 added
1 edited

Legend:

Unmodified
Added
Removed
  • main/waeup.sirp/trunk/src/waeup/sirp/students/browser_templates/basemanagepage.pt

    r7112 r7134  
    1515  </div>
    1616
    17   <table class="form-fields zebra">
    18     <tbody>
    19       <tal:block repeat="widget view/widgets">
    20         <tr>
    21           <td class="label">
    22             <label tal:attributes="for widget/name">
    23               <span class="required" tal:condition="widget/required">*</span>
    24               <span i18n:translate="" tal:content="widget/label">label</span>:
    25             </label>
    26           </td>
    27           <td class="field">
    28             <span class="widget" tal:content="structure widget">
    29               <input type="text" />
    30             </span>
    31             <tal:error tal:condition="widget/error">
    32               <span tal:replace="structure widget/error">error</span>
    33             </tal:error>
    34             <tal:hint tal:condition="widget/hint">
    35               <span class="hint" tal:content="structure widget/hint">hint</span>
    36             </tal:hint>
    37           </td>
    38         </tr>
    39       </tal:block>
    40       <tr>
    41         <td class="label"><label>Password:</label></td>
    42         <td>
    43           <input name="password" type="password"  />
    44         </td>
    45       </tr>
    46       <tr>
    47         <td class="label"><label>Retype password:</label></td>
    48         <td>
    49           <input name="control_password" type="password" />
    50         </td>
    51       </tr>
    52       <tr>
    53         <td class="label"><label>Registration Transition:</label></td>
    54         <td>
    55           <select id="transition" name="transition">
    56             <option tal:repeat="transition view/getTransitions"
    57                     tal:attributes="value transition/name">
    58               <span tal:replace="transition/title">TRANSITIONTITLE</span>
    59             </option>
    60           </select>
    61         </td>
    62       </tr>
    63       <tal:files content="structure provider:files" />
    64     </tbody>
    65   </table>
     17  <div id="tabs">
     18    <ul>
     19      <li><a href="#tab-1"><span>Base Data</span></a></li>
     20      <li><a href="#tab-2"><span>Passport Picture</span></a></li>
     21    </ul>
    6622
    67   <div class="actionButtons" tal:condition="view/availableActions">
    68     <input tal:repeat="action view/actions"
    69            tal:replace="structure action/render"
    70            />
     23    <div id="tab-1">
     24      <table class="form-fields zebra">
     25        <tbody>
     26          <tal:block repeat="widget view/widgets">
     27            <tr>
     28              <td class="label">
     29                <label tal:attributes="for widget/name">
     30                  <span class="required" tal:condition="widget/required">*</span>
     31                  <span i18n:translate="" tal:content="widget/label">label</span>:
     32                </label>
     33              </td>
     34              <td class="field">
     35                <span class="widget" tal:content="structure widget">
     36                  <input type="text" />
     37                </span>
     38                <tal:error tal:condition="widget/error">
     39                  <span tal:replace="structure widget/error">error</span>
     40                </tal:error>
     41                <tal:hint tal:condition="widget/hint">
     42                  <span class="hint" tal:content="structure widget/hint">hint</span>
     43                </tal:hint>
     44              </td>
     45            </tr>
     46          </tal:block>
     47          <tr>
     48            <td class="label"><label>Password:</label></td>
     49            <td>
     50              <input name="password" type="password"  />
     51            </td>
     52          </tr>
     53          <tr>
     54            <td class="label"><label>Retype password:</label></td>
     55            <td>
     56              <input name="control_password" type="password" />
     57            </td>
     58          </tr>
     59          <tr>
     60            <td class="label"><label>Registration Transition:</label></td>
     61            <td>
     62              <select id="transition" name="transition">
     63                <option tal:repeat="transition view/getTransitions"
     64                        tal:attributes="value transition/name">
     65                  <span tal:replace="transition/title">TRANSITIONTITLE</span>
     66                </option>
     67              </select>
     68            </td>
     69          </tr>
     70
     71        </tbody>
     72      </table>
     73
     74      <div class="actionButtons" tal:condition="view/availableActions">
     75        <input tal:repeat="action view/actions"
     76               tal:replace="structure action/render"
     77               />
     78      </div>
     79    </div>
     80
     81    <div id="tab-2">
     82      <h2>Upload passport picture</h2>
     83      <table class="form-fields zebra">
     84        <tbody>
     85          <tal:files content="structure provider:files" />
     86        </tbody>
     87      </table>
     88    </div>
    7189  </div>
    7290</form>
Note: See TracChangeset for help on using the changeset viewer.