add.pt 12.3 KB
<html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content">
<h4>${request.title}</h4>
<form id="deform" method="POST" enctype="multipart/form-data" accept-charset="utf-8" 
      class="form-horizontal">
  <fieldset class="deformFormFieldset">
    <input type="hidden" name="_charset_" />
    <input type="hidden" name="__formid__" value="deform"/>
    <div class="alert alert-danger" tal:condition="form and form.error and True or False">
      <div class="error-msg-lbl">Kesalahan Pengisian Form</div>
      <p class="error-msg">${form.errormsg}</p>
    </div>
    
    <!--ID-->
    <div tal:condition="'id' in form"> 
      <div tal:define="f form['id']" style="display: none;">
          ${structure:f.serialize()}
      </div>
    </div>
    <!--Tahun-->
    <div class="form-group">
      <div class="col-md-4" tal:define="f form['tahun']"  id="item-${f.oid}">
        <label for="${f.oid}" 
            class="${f.required and 'required' or ''} control-label col-md-4">
            ${f.title}</label>
        <div class="col-md-8">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
    </div>
      
    <!--SKPD-->
    <div class="form-group">
      <div class="col-md-4" tal:define="f form['unit_kd']"  id="item-${f.oid}">
        <label for="${f.oid}" 
            class="${f.required and 'required' or ''} control-label col-md-4">
            ${f.title}</label>
        <div class="col-md-8">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
      
      <div class="col-md-8" tal:define="f form['unit_nm']" id="item-${f.oid}">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
      </div>
    </div>
    <!--Kode Uraian-->
    <div class="form-group">
      <div class="col-md-4" tal:define="f form['kode']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-8">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
      <div class="col-md-8" tal:define="f form['uraian']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-2" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-10">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
    </div>
    

    <!--Rekening-->
    <div class="form-group">
      <div class="col-md-4" tal:define="f form['rekening_kd']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-8">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
      
      <div class="col-md-8" tal:define="f form['rekening_nm']" id="item-${f.oid}">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
      </div>
    </div> 

    <!--Perhitungan--> 
    <div class="form-group">
      <div class="col-md-4" tal:define="f form['pokok']" id="item-${f.oid}">
          <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                  ${f.title}</label>
          <div class="col-md-8">
             ${structure:f.serialize()}
              <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
                 tal:repeat="error f.error.messages()">
                 ${error}</p>
          </div>
      </div>
      <div class="col-md-4" tal:define="f form['denda']" id="item-${f.oid}">
          <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                  ${f.title}</label>
          <div class="col-md-8">
             ${structure:f.serialize()}
              <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
                 tal:repeat="error f.error.messages()">
                 ${error}</p>
          </div>
      </div>
      <div class="col-md-4" tal:define="f form['bunga']" id="item-${f.oid}">
          <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                  ${f.title}</label>
          <div class="col-md-8">
             ${structure:f.serialize()}
              <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
                 tal:repeat="error f.error.messages()">
                 ${error}</p>
          </div>
      </div>
    </div>

    <!--Tanggal--> 
    <div class="form-group">
      <div class="col-md-4" tal:define="f form['tgl_tetap']" id="item-${f.oid}">
          <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                  ${f.title}</label>
          <div class="col-md-8">
             ${structure:f.serialize()}
              <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
                 tal:repeat="error f.error.messages()">
                 ${error}</p>
          </div>
      </div>
      <div class="col-md-4" tal:define="f form['jth_tempo']" id="item-${f.oid}">
          <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                  ${f.title}</label>
          <div class="col-md-8">
             ${structure:f.serialize()}
              <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
                 tal:repeat="error f.error.messages()">
                 ${error}</p>
          </div>
      </div>
      <div class="col-md-4" tal:define="f form['npwpd']" id="item-${f.oid}">
          <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                  ${f.title}</label>
          <div class="col-md-8">
             ${structure:f.serialize()}
              <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
                 tal:repeat="error f.error.messages()">
                 ${error}</p>
          </div>
      </div>
    </div>

      <!--Nama Alamat-->
    <div class="form-group">
      <div class="col-md-4" tal:define="f form['nama']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-8">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
      
      <div class="col-md-8" tal:define="f form['alamat']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-2" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-10">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
    </div>


   <!--Referenso-->
    <div class="form-group">
      <div class="col-md-4" tal:define="f form['ref_kode']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-8">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
      
      <div class="col-md-8" tal:define="f form['ref_nama']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-2" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-10">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
    </div> 

    <!--Kecamatan-->
    <div class="form-group">
      <div class="col-md-4" tal:define="f form['kecamatan_kd']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-8">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
      
      <div class="col-md-8" tal:define="f form['kecamatan_nm']" id="item-${f.oid}">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
      </div>
    </div> 

   <!--Kelurahan-->
    <div class="form-group">
      <div class="col-md-4" tal:define="f form['kelurahan_kd']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-8">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
      
      <div class="col-md-8" tal:define="f form['kelurahan_nm']" id="item-${f.oid}">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
      </div>
    </div> 
    <div class="form-group">
       <div class="col-md-4" tal:define="f form['is_kota']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-8">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
      <div class="col-md-2" tal:define="f form['sumber_id']"  id="item-${f.oid}">
        <label for="${f.oid}" class="${f.required and 'required' or ''} control-label col-md-4" id="req-${f.oid}">
                ${f.title}</label>
        <div class="col-md-8">
           ${structure:f.serialize()}
            <p id="error-${f.oid}" class="help-block" tal:condition="f.error"
               tal:repeat="error f.error.messages()">
               ${error}</p>
        </div>
      </div>
      
    </div>
 
    <div class="form-group">
      <!--Button-->
      <div class="btn-group">
          <button id="simpan" name="simpan" type="submit" class="btn btn-primary "
                value="save">Simpan</button>
          <button id="reset" name="reset" type="reset" class="btn btn-warning "
                value="reset">Reset</button>
          <button id="batal" name="batal" type="submit" class="btn btn-danger "
                value="batal">Batal</button>
      </div>
    </div>
    
  </fieldset>
</form>
</div>
<script  metal:fill-slot="scripts">
$('.date-control').datepicker({
          format:'dd-mm-yyyy'
      });
      

</script>
</html>