dumas_gestion/mondumas/templates/devis/devis_view.pt

<metal:block use-macro="main_template">
<div metal:fill-slot="content">
    <br />
    <!-- ENTETE -->
    <div class="row">
        <!-- CHANTIER -->
        <div class="col-md-6">
            <table class="table table-condensed">
                <tr>
                    <td><h4>CHANTIER</h4><h4 class="text-primary">${entete.societe}-${entete.nochantier}</h4>
                    </td>
                    <td>
                        <h4>${entete.C_QUALITE} ${entete.C_NOM}</h4>
                        ${entete.C_ADR}<br />
                        <span tal:condition="entete.C_ADR2">${entete.C_ADR2}<br /></span>
                        ${entete.C_CP} ${entete.C_VILLE}<br />
                        ${entete.C_EMAIL}
                   </td>
                </tr>
                <tr>
                    <td>
                        Etage - Code<br />
                        Tél. domicile - prof.<br />
                        Tél. mobile - fax
                    </td>
                    <td>
                        ${entete.C_ETAGE} - ${entete.C_CODE}<br />
                        ${entete.C_TEL1} - ${entete.C_TEL2}<br />
                        ${entete.C_TELP} - ${entete.C_FAX}
                    </td>
                </tr>
            </table>
        </div>

        <!-- Mon compte -->
        <div class="col-md-6 ${bg_color}">
            <table class="table table-condensed ">
                <tr>
                    <td><h4>CLIENT</h4></td>
                    <td>
                        <h4>${entete.QUALITE} ${entete.NOM}</h4>
                        ${entete.ADRESSE}<br />
                        <span tal:condition="entete.ADRESSE2">${entete.ADRESSE2}<br /></span>
                        ${entete.CP} ${entete.VILLE}<br />
                    </td>
                </tr>
                <tr>
                    <td>
                        Responsable<br />
                        Tél. 1 - 2<br />
                        Tél. mobile - fax
                    </td>
                    <td>
                        ${entete.NOMRESP}<br />
                        ${entete.TEL1} - ${entete.TEL2}<br />
                        ${entete.TELP} - ${entete.FAX}
                    </td>
                </tr>
            </table>
        </div>
        <div class="col-md-6">
            <h4>
                Statut : ${entete.libelle}&nbsp;&nbsp;&nbsp;
                [ <a href="#" data-toggle="modal" data-target="#confirmStatut">Modifier le statut</a> ]
            </h4>
            <div tal:condition="type_doc=='DE'">
                <p>Dernière modif. le <b>${entete.DATEMAJ.strftime('%d/%m/%Y à %H:%M')}</b> par <b>${entete.USERMAJ}</b></p>
            </div>
    
        </div>
    </div>  <!-- row -->
    <!-- ENTETE entete -->
    <table class="table table-bordered table-condensed" tal:condition="access > 0">
       <tr class="well">
           <th class="text-right">Total HT</th>
           <th class="text-right">Total TVA</th>
           <th class="text-right">Total TTC</th>
           <th  class="text-right">TVA</th>
       </tr>
       <tr>
           <td class="text-right">${layout.to_euro(entete.TOTALHT)}</td>
           <td class="text-right">${layout.to_euro(entete.TOTALTVA)}</td>
           <td class="text-right">${layout.to_euro(entete.TOTALTTC)}</td>
           <td class="text-right">${entete.TAUXTVA} %</td>
       </tr>
   </table>

   <table class="table table-bordered table-condensed">
       <tr class="well">
            <th>Réf</th>
            <th>Désignation</th>
            <th class="text-right">Qté</th>
            <th class="text-right">PU HT</th>
            <th class="text-right">Montant HT</th>
            <th></th>
        </tr>
        <tr tal:repeat="detail details">
            <td>${detail.REF}</td>
            <td>${detail.LIB}</td>
            <td class="text-right">${detail.QTE}</td>
            <td class="text-right"><span tal:condition="access > 0">${layout.to_euroz(detail.PRIXHT)}</span></td>
            <td class="text-right"><span tal:condition="access > 0">${layout.to_euroz(detail.MTHT)}</span></td>
            <td  class="text-center">${detail.USERMAJ}</td>
        </tr>
    </table>

    <!-- Modal : Confirmation CLOTURE  -->
	<div class="modal fade" id="confirmStatut" role="dialog" aria-labelledby="confirmStatutLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">Modifier le statut du devis ou facture</h4>
			</div>
			<div class="modal-body">
				<!-- The form is placed inside the body of modal -->
				<form id="add_justif-form" class="form-horizontal" action="${url}" method="post">            
					<div class="form-group">
						<label class="control-label col-xs-4" for="status">Devis / Facture</label>
						<p class="form-control-static col-xs-8"><b>${entete.societe}-${entete.NO_ID} - ${entete.C_QUALITE} ${entete.C_NOM}</b></p>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-4" for="status">Sélectionner le statut :</label>
						<div class="col-xs-8">
							<select class="form-control" id="status" name="status">
								<div tal:repeat="item status">
									<option tal:attributes="selected entete.STATUS==item.code and 'selected' or None">${item.code} | ${item.libelle}</option>
								</div>
							</select>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-4" for="motif">Motif :</label>
						<div class="col-xs-8">
							<select class="form-control" id="motif" name="motif">
                            <option selected> </option>
								<div tal:repeat="item motifs">
									<option>${item.code} | ${item.libelle}</option>
								</div>
							</select>
						</div>
					</div>
					<br>
					<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
							<button type="submit" class="btn btn-warning" name="form.close">Clôturer</button>
					</div>
				</form>
			</div>
			</div>
		</div>
	</div>
                     
</div>
</metal:block>