dumas_gestion/mondumas/templates/dossier/rdf_edit.pt

<metal:block use-macro="main_template">
<div metal:fill-slot="content">
    <br />
    <!-- ENTETE -->
    <div class="row">
        <h4>ADRESSE d'INTERVENTION</h4>
        <table class="table table-condensed ">
            <tr>
                <td>
                    <p>
                        <h4>${rapport.C_QUALITE} ${rapport.C_NOM}</h4>
                        ${rapport.C_ADR}<br />
                        <span tal:condition="rapport.C_ADR2">${rapport.C_ADR2}<br /></span>
                        ${rapport.C_CP} ${rapport.C_VILLE}<br />
                   </p>
                </td>
                <td>
                    <p>
                        Assureur : <b>${rapport.NOMCLI}</b><br />
                        No Sinistre : ${rapport.NOSIN}
                        <br />
                        Téléphone : ${rapport.C_TEL1}<br />
                        Mobile:  ${rapport.C_TELP}<br />
                    </p>
                </td>
            </tr>
        </table>
    </div> <!-- row -->
    
    <div class="row">
        <form id="rdf_edit-form" action="${url}" method="post"
            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">

             <div class="form-group">
                <label class="control-label" for="rapport">Compte-rendu :&nbsp;&nbsp;&nbsp;</label>
                <label class="radio-inline">
                    <input type="radio" name="rapport" value="Définitif"
                        tal:attributes="checked rapport.rapport=='Définitif'">Définitif
                </label>
                <label class="radio-inline">
                    <input type="radio" name="rapport" value="Provisoire"
                    tal:attributes="checked rapport.rapport=='Provisoire'">Provisoire
                </label>
            </div>
           <div class="form-group">
                <label class="control-label" for="statut_proprio">Statut :&nbsp;&nbsp;&nbsp;</label>
                <label class="radio-inline">
                    <input type="radio" name="statut_proprio" value="Propriétaire"
                    tal:attributes="checked rapport.statut_proprio=='Propriétaire'">Propriétaire
                </label>
                <label class="radio-inline">
                    <input type="radio" name="statut_proprio" value="Non propriétaire"
                    tal:attributes="checked rapport.statut_proprio=='Non propriétaire'">Non propriétaire
                </label>
            </div>
            <div class="form-group">
                <label class="control-label" for="comment">Caractéristique du risque sinistré :</label>
                <select class="form-control" id="caracteristique" name="caracteristique">
                    <div tal:repeat="item caracteristiques">
                        <option value="${item}" tal:attributes="selected rapport.caracteristique==item and 'selected' or None">${item}</option>
                    </div>
                </select>
            </div>

            <br />
            <h4 class="text-center text-primary">ANALYSE</h4>
            <br />
            <div class="form-group">
                <label class="control-label" for="equipement">Les dommages sont-ils causés par un bien d'équipement ?</label>
                <select class="form-control" id="equipement" name="equipement">
                    <div tal:repeat="item equipements">
                        <option value="${item.libelle}" tal:attributes="selected rapport.equipement==item.libelle and 'selected' or None">${item.libelle}</option>
                    </div>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label" for="reseau_int">Les dommages sont-ils causés par un réseau intérieur au bâtiment ?</label>
                <select class="form-control" id="reseau_int" name="reseau_int">
                    <div tal:repeat="item reseaux_int">
                        <option value="${item.libelle}" tal:attributes="selected rapport.reseau_int==item.libelle and 'selected' or None">${item.libelle}</option>
                    </div>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label" for="reseau_ext">Les dommages sont-ils causés par un réseau extérieur au bâtiment ?</label>
                <select class="form-control" id="reseau_ext" name="reseau_ext">
                    <div tal:repeat="item reseaux_ext">
                        <option value="${item.libelle}" tal:attributes="selected rapport.reseau_ext==item.libelle and 'selected' or None">${item.libelle}</option>
                    </div>
                </select>
            </div>
             <div class="form-group">
                <label class="control-label" for="anti_retour">Le bien sinistré est-il protégé par un dispositif anti-retour ?&nbsp;&nbsp;&nbsp;</label>
                <label class="radio-inline">
                    <input type="radio" name="anti_retour" value="NON" tal:attributes="checked rapport.anti_retour=='NON'">NON
                </label>
                <label class="radio-inline">
                    <input type="radio" name="anti_retour" value="OUI" tal:attributes="checked rapport.anti_retour=='OUI'">OUI
                </label>
            </div>
            <div class="form-group">
                <label class="control-label" for="reseau_local">Localisation de ces réseaux intérieurs ou extérieurs</label>
                <select class="form-control" id="reseau_local" name="reseau_local">
                    <div tal:repeat="item reseaux_local">
                        <option value="${item.libelle}" tal:attributes="selected str(rapport.reseau_local)==item.libelle and 'selected' or None">${item.libelle}</option>
                    </div>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label" for="element_clos">Les dommages sont-ils causés par un élément de clos du bâtiment ?</label>
                <select class="form-control" id="element_clos" name="element_clos">
                    <div tal:repeat="item elements_clos">
                        <option value="${item.libelle}" tal:attributes="selected str(rapport.element_clos)==item.libelle and 'selected' or None">${item.libelle}</option>
                    </div>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label" for="element_couvert">Les dommages sont-ils causés par un élément couvert du bâtiment ?</label>
                <select class="form-control" id="element_couvert" name="element_couvert">
                    <div tal:repeat="item elements_couvert">
                        <option value="${item.libelle}" tal:attributes="selected str(rapport.element_couvert)==item.libelle and 'selected' or None">${item.libelle}</option>
                    </div>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label" for="tierce_personne">Les dommages sont-ils causés par une tierce personne ?</label>
                <select class="form-control" name="tierce_personne">
                    <div tal:repeat="item tierce_personnes">
                        <option value="${item.libelle}" tal:attributes="selected str(rapport.tierce_personne)==item.libelle and 'selected' or None">${item.libelle}</option>
                    </div>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label" for="tierce_coordonnees">Coordonnées de la tierce personne</label>
                    <input class="form-control" type="text" name="tierce_coordonnees" value="${rapport.tierce_coordonnees}"
                        data-fv-stringlength="true"
                        data-fv-stringlength-max="150"
                        data-fv-stringlength-message="150 caractères maximum" />
            </div>
            <div class="form-group">
                <label class="control-label" for="voisin">Les dommages sont-ils causés par un bâtiment voisin ?&nbsp;&nbsp;&nbsp;</label>
                <label class="radio-inline">
                    <input type="radio" name="voisin" value="NON" tal:attributes="checked rapport.voisin=='NON'">NON
                </label>
                <label class="radio-inline">
                    <input type="radio" name="voisin" value="OUI" tal:attributes="checked rapport.voisin=='OUI'">OUI
                </label>
            </div>
            <div class="form-group">
                <label class="control-label" for="voisin_adresse">Adresse du bâtiment</label>
                    <input class="form-control" type="text" id="voisin_adresse" name="voisin_adresse" value="${rapport.voisin_adresse}"
                        data-fv-stringlength="true"
                        data-fv-stringlength-max="150"
                        data-fv-stringlength-message="150 caractères maximum" />
            </div>
            <div class="form-group">
                <label class="control-label" for="voisin_coordonnees">Coordonnées propriétaire ou syndic</label>
                    <input class="form-control" type="text" id="voisin_coordonnees" name="voisin_coordonnees" value="${rapport.voisin_coordonnees}"
                        data-fv-stringlength="true"
                        data-fv-stringlength-max="150"
                        data-fv-stringlength-message="150 caractères maximum" />
            </div>

            <br />
            <h4 class="text-center text-primary">RAPPORT</h4>
            <br />
            <div class="form-group">
                <label class="control-label" for="degats">Constatation des dégâts occasionnés</label>
                     <textarea class="form-control" rows="6" cols="40" id="degats" name="degats"
                        data-fv-stringlength="true"
                        data-fv-stringlength-max="2000"
                        data-fv-stringlength-message="2000 caractères maximum">${rapport.degats}
                    </textarea>
            </div>

            <br />
            <h4 class="text-center text-primary">TRAVAUX relatifs à la DETECTION de la fuite</h4>
            <br />
             <div class="form-group">
                <label class="control-label" for="detection_fuite">Détection de la fuite :&nbsp;&nbsp;&nbsp;</label>
                <label class="radio-inline">
                    <input type="radio" name="detection_fuite" value="Destructif"
                        tal:attributes="checked rapport.detection_fuite=='Destructif'">Destructif
                </label>
                <label class="radio-inline">
                    <input type="radio" name="detection_fuite" value="Non destructif"
                        tal:attributes="checked rapport.detection_fuite=='Non destructif'">Non destructif
                </label>
            </div>
            <div class="form-group">
                <label class="control-label">Mesures d'humidité :&nbsp;&nbsp;&nbsp;</label>
                <label class="checkbox-inline"><input type="checkbox" name="sonde_capa" value="${rapport.sonde_capa}"
                    tal:attributes="checked rapport.sonde_capa != 0 and 'checked' or None">Sonde capacitive</label>
                <label class="checkbox-inline"><input type="checkbox" name="sonde_cond" value="${rapport.sonde_cond}"
                    tal:attributes="checked rapport.sonde_cond != 0 and 'checked' or None">Sonde à conductivité électrique</label>
             </div>
            <div class="form-group">
                <label class="control-label">Test de réseaux :&nbsp;&nbsp;&nbsp;</label>
                <label class="checkbox-inline"><input type="checkbox" name="test_mano" value="${rapport.test_mano}"
                    tal:attributes="checked rapport.test_mano != 0 and 'checked' or None">Système manométrique</label>
                <label class="checkbox-inline"><input type="checkbox" name="test_gaz" value="${rapport.test_gaz}"
                    tal:attributes="checked rapport.test_gaz != 0 and 'checked' or None">Gaz traceur</label>
            </div>
            <div class="form-group">
                <label class="control-label">Visualisation :&nbsp;&nbsp;&nbsp;</label>
                <label class="checkbox-inline"><input type="checkbox" name="visu_camera" value="${rapport.visu_camera}"
                    tal:attributes="checked rapport.visu_camera != 0 and 'checked' or None">Caméra infrarouge</label>
                <label class="checkbox-inline"><input type="checkbox" name="visu_endoscope" value="${rapport.visu_endoscope}"
                    tal:attributes="checked rapport.visu_endoscope != 0 and 'checked' or None">Endoscope à fibre optique</label>
                <label class="checkbox-inline"><input type="checkbox" name="visu_tele" value="${rapport.visu_tele}"
                    tal:attributes="checked rapport.visu_tele != 0 and 'checked' or None">Endoscope à fibre optique</label>
           </div>
            <div class="form-group">
                <label class="control-label">Recherche de réseaux :&nbsp;&nbsp;&nbsp;</label>
                <label class="checkbox-inline"><input type="checkbox" name="rech_magnetique" value="${rapport.rech_magnetique}"
                    tal:attributes="checked rapport.rech_magnetique != 0 and 'checked' or None">Système électro magnétique</label>
                <label class="checkbox-inline"><input type="checkbox" name="rech_accoustique" value="${rapport.rech_accoustique}"
                    tal:attributes="checked rapport.rech_accoustique != 0 and 'checked' or None">Système électro accoustique</label>
            </div>
            <div class="form-group">
                <label class="control-label">Tests d'étanchéité :&nbsp;&nbsp;&nbsp;</label>
                <label class="checkbox-inline"><input type="checkbox" name="test_accoustique" value="${rapport.test_accoustique}"
                    tal:attributes="checked rapport.test_accoustique != 0 and 'checked' or None">Ecoute électro accoustique</label>
                <label class="checkbox-inline"><input type="checkbox" name="test_mise_en_eau" value="${rapport.test_mise_en_eau}"
                    tal:attributes="checked rapport.test_mise_en_eau != 0 and 'checked' or None">Mise en eau</label>
                <label class="checkbox-inline"><input type="checkbox" name="test_fumigenes" value="${rapport.test_fumigenes}"
                    tal:attributes="checked rapport.test_fumigenes != 0 and 'checked' or None">Fumigènes</label>
           </div>
           <div class="form-group">
                <label class="control-label" for="descr_detect">Descriptif de la détection</label>
                     <textarea class="form-control" rows="6" cols="40" id="descr_detect" name="descr_detect"
                        data-fv-stringlength="true"
                        data-fv-stringlength-max="2000"
                        data-fv-stringlength-message="2000 caractères maximum">${rapport.descr_detect}
                    </textarea>
            </div>

            <br />
            <h4 class="text-center text-primary">TRAVAUX relatifs à la REPARATION de la fuite</h4>
            <br />
             <div class="form-group">
                <label class="control-label" for="visite1ere">La réparation est-elle réalisée dans le cadre de la 1ère visite ?&nbsp;&nbsp;&nbsp;</label>
                <label class="radio-inline">
                    <input type="radio" name="visite1ere" value="NON" tal:attributes="checked rapport.visite1ere=='NON'">NON
                </label>
                <label class="radio-inline">
                    <input type="radio" name="visite1ere" value="OUI" tal:attributes="checked rapport.visite1ere=='OUI'">OUI
                </label>
            </div>
            <div class="form-group">
                <label class="control-label" for="descr_repar">Descriptif de la solution de réparation</label>
                    <textarea class="form-control" rows="6" cols="40" id="descr_repar" name="descr_repar"
                        data-fv-stringlength="true"
                        data-fv-stringlength-max="2000"
                        data-fv-stringlength-message="2000 caractères maximum">${rapport.descr_repar}
                    </textarea>
            </div>

            <p class="text-center"><b>Constatation de situation de blocage</b></p>
             <div class="form-group">
                <label class="control-label" for="blocage_acces">Impossibilité d'accès dans le local où la recherche doit être réalisée&nbsp;&nbsp;&nbsp;</label>
                <label class="radio-inline">
                    <input type="radio" name="blocage_acces" value="NON" tal:attributes="checked rapport.blocage_acces=='NON'">NON
                </label>
                <label class="radio-inline">
                    <input type="radio" name="blocage_acces" value="OUI" tal:attributes="checked rapport.blocage_acces=='OUI'">OUI
                </label>
            </div>
             <div class="form-group">
                <label class="control-label" for="blocage_rdf_differente">Nécessité de faire une recherchede de fuite destructive dans le local du responsable différent de la victime&nbsp;&nbsp;&nbsp;</label>
                <label class="radio-inline">
                    <input type="radio" name="blocage_rdf_differente"  value="NON" tal:attributes="checked rapport.blocage_rdf_differente=='NON'">NON
                </label>
                <label class="radio-inline">
                    <input type="radio" name="blocage_rdf_differente"  value="OUI" tal:attributes="checked rapport.blocage_rdf_differente=='OUI'">OUI
                </label>
            </div>
             <div class="form-group">
                <label class="control-label" for="blocage_rdf_infructueuse">Recherche de fuite infructueuse&nbsp;&nbsp;&nbsp;</label>
                <label class="radio-inline">
                    <input type="radio" name="blocage_rdf_infructueuse"  value="NON"
                        tal:attributes="checked rapport.blocage_rdf_infructueuse=='NON'">NON
                </label>
                <label class="radio-inline">
                    <input type="radio" name="blocage_rdf_infructueuse"  value="OUI"
                        tal:attributes="checked rapport.blocage_rdf_infructueuse=='OUI'">OUI
                </label>
            </div>
             <div class="form-group">
                <label class="control-label" for="blocage_pluralite">Pluralité de locaux sinistrés autre que le local à l'origine de la fuite&nbsp;&nbsp;&nbsp;</label>
                <label class="radio-inline">
                    <input type="radio" name="blocage_pluralite" value="NON" tal:attributes="checked rapport.blocage_pluralite=='NON'">NON
                </label>
                <label class="radio-inline">
                    <input type="radio" name="blocage_pluralite" value="OUI" tal:attributes="checked rapport.blocage_pluralite=='OUI'">OUI
                </label>
            </div>

            <br />
            <h4 class="text-center text-primary">CONCLUSIONS</h4>
            <br />
                <div class="form-group">
                    <label class="control-label" for="conclusions">Conclusions</label>
                        <textarea class="form-control" rows="6" cols="40" id="conclusions" name="conclusions"
                            data-fv-stringlength="true"
                            data-fv-stringlength-max="2000"
                            data-fv-stringlength-message="2000 caractères maximum">${rapport.conclusions}
                        </textarea>
                </div>

        <div class="col-sm-6">
            <p>
                Date du rapport : ${rapport.modif_le.strftime('%d-%m-%Y')}<br />
                Etabli par ${rapport.auteur_nom}
            </p>
        </div>
        <div class="col-sm-6">
            <label>Signature du client</label>
            <div tal:condition="not rapport.signature_svg">
                <div id="signature"></div>
                <p>
                <button class="btn btn-default" type="button" id="clear">
                    <span class="glyphicon glyphicon-erase"></span> Effacer</button>
                <button class="btn btn-success" type="button" id="save">
                    <span class="glyphicon glyphicon-ok"></span> Valider</button>
                </p>
                <input hidden type="text" id="signature_svg" name="signature_svg" value="${rapport.signature_svg}" />
            </div>
            <div tal:condition="rapport.signature_svg">
                <p>
                <br />
                <div id="signature_img"></div>
                <br/>
                </p>
            </div>
       </div>
            <br/>
            <br/>
            <br/>
            <br/>
            <div class="form-group"> 
                <div class="form-group">					
                    <a class="btn btn-default" href="${request.route_url('dossier_view', nodossier=nodossier)}">
                        <span class="glyphicon glyphicon-arrow-left"></span> Annuler</a>
                    <button class="btn btn-primary" type="submit" name="form.submitted">
                        <span class="glyphicon glyphicon-ok"></span> Enregistrer</button>
                </div>
            </div>

         </form>
    </div> <!-- row -->
    <br />
    <br />
    <br />

</div>
<div metal:fill-slot="additional_scripts">
    <!--    JSignature plugin   -->
    <script src="${request.static_url('mondumas:static/dist/jSignature/libs/jSignature.min.js')}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $sig = $("#signature").jSignature({color:"MidnightBlue","background-color":"LightYellow",width:350,height:150});
           
            $('#save').click(function() {
                datapair = $sig.jSignature("getData","svg");
                $('#signature_svg').val(datapair);
            });
        
            $('#clear').click(function() {
                $sig.jSignature("clear");
            }); 
            //afficher signature
            var dataString = 'data:' + '${rapport.signature_svg}'
            $('#signature_img').append("<img class='imported' src='" + dataString + "'></img>"); });
     </script>
</div>
</metal:block>