source: main/waeup.kofa/branches/uli-fix-zc-async/src/waeup/kofa/students/browser_templates/exportconfig_certificate.pt

<p class="alert alert-warning"  i18n:domain="waeup.kofa"
   i18n:translate="student_export_warning">
  <strong>NOTICE:</strong>
  Student data exports are very computation intensive.
  Depending on the filter selected and the portal traffic load, exports may take
  longer than 15 minutes. You are advised to export data outside high-traffic
  time periods.
</p>

<br />

<form i18n:domain="waeup.kofa" method="POST">
  <label for="mode" i18n:translate="">
    Exporter (Data Type)
  </label>
  <select id="exporter" name="exporter" class="form-control half" onclick="test()">
    <option tal:repeat="item view/exporters"
            tal:attributes="value python:item[1]">
      <span tal:replace="python: item[0]">Students</span>
    </option>
  </select>
  <br />
  <label for="session" i18n:translate="">
    Current Session
  </label>
  <select name="session" class="form-control half">
    <option tal:repeat="item view/sessions"
            tal:attributes="value python:item[1]">
      <span tal:replace="python: item[0]">2012/2013</span>
    </option>
  </select>
  <br />
  <label for="level" i18n:translate="">
    Current Level
  </label>
  <select name="level" class="form-control half">
    <option tal:repeat="item view/levels"
            tal:attributes="value python:item[1]">
      <span tal:replace="python: item[0]">200</span>
    </option>
  </select>
  <br />
  <span id="payment_dates" style="display: none;">
    <label for="mode" i18n:translate="">
      Payment Date
    </label>
    <br />
    from
    <input class="datepicker-le-year datepicker-short textType"
           id="payments_start"
           name="payments_start" type="text" value="" />
    to <input class="datepicker-le-year datepicker-short textType"
           id="payments_end"
           name="payments_end" type="text" value="" />
    <br />
  </span>
  <br />
  <input type="submit" name="START"  i18n:translate=""
    value="Create CSV file"
    class="btn btn-primary" />
</form>

<script type="text/javascript">
  function test() {
      if (document.getElementById('exporter').value == 'bursary' ||
          document.getElementById('exporter').value == 'studentpayments' ||
          document.getElementById('exporter').value == 'studentunpaidpayments') {
          document.getElementById('payment_dates').style.display = 'block';
      } else {
          document.getElementById('payment_dates').style.display = 'none';
      }
  }
</script>