dumas_gestion/mondumas/templates/dossier/dossier_edit.pt

<metal:block use-macro="main_template">
<div metal:fill-slot="content">

    <div class="alert alert-danger" tal:condition="message" tal:content="message" />

    <div class="row">
    <form id="change-dossier-details-form" class="form-horizontal" action="${url}" method="post" tal:condition="dossier"
        data-fv-framework="bootstrap"
        data-fv-icon-valid="glyphicon glyphicon-ok"
        data-fv-icon-invalid="glyphicon glyphicon-remove"
        data-fv-icon-validating="glyphicon glyphicon-refresh">

        <h3 class="text-primary">ADRESSE</h3>
        <div class="form-group">
            <label class="col-xs-3 control-label" for="C_ADR">Adresse</label>
            <div class="col-xs-8">
                <input class="form-control" type="text" id="C_ADR" name="C_ADR" value="${dossier.C_ADR}"
                    placeholder="40 caractères maximum" 
                    data-fv-stringlength="true"
                    data-fv-stringlength-max="40"
                    data-fv-stringlength-message="40 caractères maximum" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-3 control-label" for="C_ADR2">Adresse 2</label>
            <div class="col-xs-8">
                <input class="form-control" type="text" id="C_ADR2" name="C_ADR2" value="${dossier.C_ADR2}"
                    placeholder="40 caractères maximum" 
                    data-fv-stringlength="true"
                    data-fv-stringlength-max="40"
                    data-fv-stringlength-message="40 caractères maximum" />
            </div>
        </div>
            <div class="form-group">
                <label class="col-xs-3 control-label" for="code_postal">Code postal - Ville</label>
                <div class="col-xs-8">
                    <input class="form-control" type="text" id="code_postal" name="code_postal" value="${code_postal}"
                        placeholder="5 caractères maximum" 
                        data-fv-notempty="true"
                        data-fv-notempty-message="Le code postal est obligatoire" />
                </div>
            </div>
        <div class="form-group">
            <label class="col-xs-3 control-label">Etage</label>
            <div class="col-xs-5">
                <input class="form-control" type="text" name="C_ETAGE" 
                    value="${dossier.C_ETAGE}" placeholder="10 caractères maximum" 
                    data-fv-stringlength="true"
                    data-fv-stringlength-max="10"
                    data-fv-stringlength-message="10 caractères maximum" />
            </div>
            <div class="col-xs-3 checkbox">
                <label><input type="checkbox" name="ascenseur" value="dossier.c_ascenseur" id="ascenseur" 
                    tal:attributes="checked dossier.c_ascenseur != 0 and 'checked' or None">Ascenseur
                </label>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-3 control-label">Code d'accès</label>
            <div class="col-xs-5">
                <input class="form-control" type="text" name="C_CODE" 
                    value="${dossier.C_CODE}" placeholder="20 caractères maximum" 
                    data-fv-stringlength="true"
                    data-fv-stringlength-max="20"
                    data-fv-stringlength-message="20 caractères maximum" />
            </div>
        </div>
 
        <h3 class="text-primary">EMAIL et TELEPHONES</h3>
        <div class="form-group">
            <label class="col-xs-3 control-label">Adresse email</label>
            <div class="col-xs-8">
                <input class="form-control" type="text" name="C_EMAIL" 
                    value="${dossier.C_EMAIL}" placeholder="50 caractères maximum" 
                    data-fv-emailaddress="true"
                    data-fv-emailaddress-message="L'adresse email n'est pas valide" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-3 control-label">Adresse email 2</label>
            <div class="col-xs-8">
                <input class="form-control" type="text" name="C_EMAIL2" 
                    value="${dossier.C_EMAIL2}" placeholder="50 caractères maximum" 
                    data-fv-emailaddress="true"
                    data-fv-emailaddress-message="L'adresse email n'est pas valide" />
            </div>
        </div>
       <div class="form-group">
            <label class="col-xs-3 control-label">Téléphone</label>
            <div class="col-xs-5">
                <input class="form-control" type="text" name="C_TEL1" value="${dossier.C_TEL1}" 
                    data-fv-stringlength="true"
                    data-fv-stringlength-max="30"
                    data-fv-stringlength-message="30 caractères maximum" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-3 control-label">Téléphone prof.</label>
            <div class="col-xs-5">
                <input class="form-control" type="text" name="C_TEL2" value="${dossier.C_TEL2}" 
                    data-fv-stringlength="true"
                    data-fv-stringlength-max="30"
                    data-fv-stringlength-message="30 caractères maximum" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-3 control-label">Portable 1</label>
            <div class="col-xs-5">
                <input class="form-control" type="text" name="C_TELP" value="${dossier.C_TELP}"  
                    data-fv-stringlength="true"
                    data-fv-stringlength-max="30"
                    data-fv-stringlength-message="30 caractères maximum" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-3 control-label">Portable 2</label>
            <div class="col-xs-5">
                <input class="form-control" type="text" name="C_FAX" value="${dossier.C_FAX}" 
                    data-fv-stringlength="true"
                    data-fv-stringlength-max="30"
                    data-fv-stringlength-message="30 caractères maximum" />
            </div>
        </div>
        
        <h3 class="text-primary">CABINET / EXPERT</h3>
        <div class="form-group">
            <label class="col-xs-3 control-label">Cabinet</label>
            <div class="col-xs-8">
                <p class="form-control-static">${dossier.nom_cabinet}</p>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-3 control-label" for="EXPERT">Expert</label>
            <div class="col-xs-8">
                <select class="form-control" id="EXPERT" name="EXPERT">
                    <div tal:repeat="item experts">
                        <option value="${item.CODE_EXP}" tal:attributes="selected dossier.EXPERT==item.CODE_EXP and 'selected' or None">${item.NOM}</option>
                    </div>
                </select>
            </div>
        </div>
        <br />
        <div class="form-group"> 
            <div class="col-xs-offset-3 col-xs-8">
                <a class="btn btn-default" href="${request.application_url}/dossier_view/${nodossier}">
                    <span class="glyphicon glyphicon-chevron-left"></span> Annuler</a>
                <button class="btn btn-primary" type="submit" name="form.submitted">
                    <span class="glyphicon glyphicon-ok"></span>&nbsp;Enregistrer</button>
            </div>
        </div>
    </form>
    </div> <!-- row -->
    <br />
    <br />

<div metal:fill-slot="additional_scripts">
<!--  autocomplete plugin  -->
<link href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(document).ready(function() {
    $('#change-dossier-details-form').formValidation();
    $('form input').on('keypress', function(e) {
        return e.which !== 13;
    });
    $('#code_postal').autocomplete({
        source: function (request, response) {
            $.ajax({
                url:'/ajax_codepostal',
                dataType: 'json',
                data: {
                    recherche: request.term,
                },
                success: function (data) {
                    response( data );
                },
            });
        },
        minLength: 3,
    });
});
</script>
</div>
</div>
</metal:block>