370 lines
22 KiB
Plaintext
370 lines
22 KiB
Plaintext
<div class="section">
|
||
<h4 class="center-align">Advalorem</h4>
|
||
</div>
|
||
<div class="divider"></div>
|
||
|
||
<div class="section">
|
||
<nav>
|
||
<div class="nav-wrapper">
|
||
<ul class="left" id="advaloNavSelect">
|
||
<li class="active"><a href="#" data-target="advalo-tab-accueil">Accueil</a></li>
|
||
<li><a href="#" data-target="advalo-tab-ponctuel">Hors grille</a></li>
|
||
<li><a href="#" data-target="advalo-tab-facturation">Facturation</a></li>
|
||
<li><a href="#" data-target="advalo-tab-historique">Historique</a></li>
|
||
<li><a href="#" data-target="advalo-tab-cumul">Cumul</a></li>
|
||
<li><a href="#" data-target="advalo-tab-reporting">Reporting</a></li>
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
|
||
<div id="advalo-tab-accueil" class="section advalo-panel">
|
||
<div class="card-panel">
|
||
<h6>Advalorem est intégré à EasyTransport.</h6>
|
||
<p>Parité V1: Hors grille (ponctuel/périodique), Facturation, Historique, Cumul, Reporting et documents.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="advalo-tab-ponctuel" class="section advalo-panel" style="display:none;">
|
||
<form id="advalo-ponctuel-form" class="col s12">
|
||
<div class="chapter"><i class="material-icons">settings</i> Type de facturation</div>
|
||
<div class="row" style="margin-top:12px;">
|
||
<div class="col s12 m6">
|
||
<label><input name="p-typeFacturation" type="radio" value="ponctuel" checked /><span>Transport ponctuel</span></label>
|
||
</div>
|
||
<div class="col s12 m6">
|
||
<label><input name="p-typeFacturation" type="radio" value="periodique" /><span>Bordereau périodique (sans ligne à ligne)</span></label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="chapter"><i class="material-icons">business</i> Infos client / intermédiaire</div>
|
||
<div class="row" style="margin-top:12px;">
|
||
<div class="input-field col s12 m4">
|
||
<input id="p-numContrat" maxlength="16" required>
|
||
<label for="p-numContrat">N° Contrat (16 chiffres)</label>
|
||
</div>
|
||
<div class="col s12 m2" style="padding-top:16px;">
|
||
<button id="btn-load-contract" type="button" class="btn waves-effect waves-light">Charger</button>
|
||
</div>
|
||
<div class="input-field col s12 m2"><input id="p-numClient"><label for="p-numClient">N° Client</label></div>
|
||
<div class="input-field col s12 m4"><input id="p-nomClient"><label for="p-nomClient">Nom Client</label></div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="input-field col s12 m3"><input id="p-numAgent"><label for="p-numAgent">N° Portefeuille</label></div>
|
||
<div class="input-field col s12 m3"><input id="p-nomAgent"><label for="p-nomAgent">Intermédiaire</label></div>
|
||
</div>
|
||
|
||
<div class="chapter"><i class="material-icons">local_shipping</i> Infos transport</div>
|
||
<div class="row" style="margin-top:12px;">
|
||
<div class="input-field col s12 m4"><input id="p-marchandise" required><label for="p-marchandise">Marchandise *</label></div>
|
||
<div class="input-field col s12 m4"><input id="p-depart" required><label for="p-depart">Lieu de départ *</label></div>
|
||
<div class="input-field col s12 m4"><input id="p-arrivee" required><label for="p-arrivee">Lieu d'arrivée *</label></div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="input-field col s12 m3"><input id="p-dateDebut" class="advalo-date" autocomplete="off" required><label for="p-dateDebut">Date début</label></div>
|
||
<div class="input-field col s12 m3"><input id="p-dateFin" class="advalo-date" autocomplete="off" required><label for="p-dateFin">Date fin</label></div>
|
||
<div class="col s12 m6">
|
||
<label class="rc-field-label">Mode(s) de transport *</label>
|
||
<p>
|
||
<label><input type="checkbox" class="filled-in p-mode-check" value="Terrestre"><span>Terrestre</span></label>
|
||
<label style="margin-left:16px;"><input type="checkbox" class="filled-in p-mode-check" value="Aérien"><span>Aérien</span></label>
|
||
<label style="margin-left:16px;"><input type="checkbox" class="filled-in p-mode-check" value="Fluvial"><span>Fluvial</span></label>
|
||
<label style="margin-left:16px;"><input type="checkbox" class="filled-in p-mode-check" value="Maritime"><span>Maritime</span></label>
|
||
<label style="margin-left:16px;"><input type="checkbox" class="filled-in p-mode-check" value="Postal"><span>Postal</span></label>
|
||
</p>
|
||
<input id="p-mode" type="hidden">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="chapter"><i class="material-icons">euro</i> Calcul cotisation</div>
|
||
<div class="row" style="margin-top:12px;">
|
||
<div class="input-field col s12 m2"><input id="p-capital" required><label for="p-capital">Valeur assurée *</label></div>
|
||
<div class="input-field col s12 m2"><input id="p-taux" value="0.3" required><label for="p-taux">Taux (%) *</label></div>
|
||
<div class="input-field col s12 m2"><input id="p-primeMin" value="15" required><label for="p-primeMin">Prime mini *</label></div>
|
||
<div class="input-field col s12 m2"><input id="p-coutActe" value="36"><label for="p-coutActe">Coût acte</label></div>
|
||
<div class="input-field col s12 m2"><input id="p-cotisationHT" required><label for="p-cotisationHT">Cotisation HT *</label></div>
|
||
<div class="input-field col s12 m2"><input id="p-cotisationTTC" required><label for="p-cotisationTTC">Cotisation TTC *</label></div>
|
||
<input id="p-tarif" type="hidden">
|
||
</div>
|
||
|
||
<div class="chapter"><i class="material-icons">check_circle</i> Enregistrement / facturation</div>
|
||
<div class="row" style="margin-top:12px;">
|
||
<div class="col s12 m4">
|
||
<label><input type="checkbox" id="p-facturer" /><span>Facturer immédiatement (pont AXA)</span></label>
|
||
</div>
|
||
<div class="col s12 m4"><span id="p-form-error" class="helper-text error" style="display:block;"></span></div>
|
||
<div class="col s12 m4 right-align">
|
||
<button class="btn waves-effect waves-light" type="submit">Enregistrer</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div id="advalo-tab-facturation" class="section advalo-panel" style="display:none;">
|
||
<div class="card-panel">
|
||
<div class="row">
|
||
<div class="input-field col s12 m2"><input id="f-numContrat" maxlength="16"><label for="f-numContrat">N° Contrat (16)</label></div>
|
||
<div class="input-field col s12 m2"><input id="f-dateDebut" class="advalo-date" autocomplete="off"><label for="f-dateDebut">Date début</label></div>
|
||
<div class="input-field col s12 m2"><input id="f-dateFin" class="advalo-date" autocomplete="off"><label for="f-dateFin">Date fin</label></div>
|
||
<div class="input-field col s12 m2">
|
||
<select id="f-sourceMode">
|
||
<option value="hors_grille" selected>Hors grille</option>
|
||
<option value="mixte">Mixte</option>
|
||
</select>
|
||
<label>Source facturation</label>
|
||
</div>
|
||
<div class="col s12 m2" style="padding-top:20px;"><button id="btn-f-load" class="btn waves-effect waves-light">Charger lignes</button></div>
|
||
<div class="col s12 m2" style="padding-top:20px;"><button id="btn-facturer" class="btn waves-effect waves-light">Facturer</button></div>
|
||
</div>
|
||
|
||
<div class="row" id="facturation-client-agent-row" style="display:none; margin-bottom:0;">
|
||
<div class="col s12 m6"><b>Client:</b> <span id="f-client-recap">-</span></div>
|
||
<div class="col s12 m6"><b>Intermédiaire:</b> <span id="f-agent-recap">-</span></div>
|
||
</div>
|
||
|
||
<div class="row" style="margin-top:8px; margin-bottom:0;">
|
||
<div class="col s12 m6">
|
||
<label><input class="with-gap" name="f-include-details" type="radio" value="true" checked /><span>Inclure le détail des transports dans l’avenant</span></label>
|
||
</div>
|
||
<div class="col s12 m6">
|
||
<label><input class="with-gap" name="f-include-details" type="radio" value="false" /><span>Ne pas inclure le détail des transports</span></label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row" style="margin-top:10px; margin-bottom:0;">
|
||
<div class="col s12 m6"><button id="btn-f-remove" class="btn red darken-3 waves-effect waves-light">Retirer de la liste</button></div>
|
||
<div class="col s12 m6 right-align"><span id="f-selection-info" class="grey-text text-darken-1"></span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<table class="striped responsive-table">
|
||
<thead>
|
||
<tr><th></th><th>Source</th><th>Demande</th><th>Client</th><th>Contrat</th><th>Date début</th><th>Tarif</th><th>Facturation</th></tr>
|
||
</thead>
|
||
<tbody id="facturation-body"></tbody>
|
||
</table>
|
||
<div id="advalo-loading-facturation" class="center-align advalo-loader-wrap" style="display:none; margin-top:16px;"><div class="advalo-ring-loader"></div></div>
|
||
</div>
|
||
|
||
<div id="advalo-tab-historique" class="section advalo-panel" style="display:none;">
|
||
<div class="card-panel">
|
||
<div class="row">
|
||
<div class="input-field col s12 m2"><input id="h-numClient"><label for="h-numClient">N° Client</label></div>
|
||
<div class="input-field col s12 m2"><input id="h-numContrat" maxlength="16"><label for="h-numContrat">N° Contrat</label></div>
|
||
<div class="input-field col s12 m2"><input id="h-dateDebut" class="advalo-date" autocomplete="off"><label for="h-dateDebut">Date début</label></div>
|
||
<div class="input-field col s12 m2"><input id="h-dateFin" class="advalo-date" autocomplete="off"><label for="h-dateFin">Date fin</label></div>
|
||
<div class="input-field col s12 m2">
|
||
<select id="h-sourceType">
|
||
<option value="all" selected>Toutes</option>
|
||
<option value="deleguee">Grille déléguée</option>
|
||
<option value="hors_grille">Hors grille</option>
|
||
</select>
|
||
<label>Source</label>
|
||
</div>
|
||
<div class="input-field col s12 m2">
|
||
<select id="h-statut">
|
||
<option value="all" selected>Tous</option>
|
||
<option value="facture">Facturé</option>
|
||
<option value="non_facture">Non facturé</option>
|
||
</select>
|
||
<label>Facturé / Non facturé</label>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="margin-bottom:0;">
|
||
<div class="col s12 m6">
|
||
<button id="btn-h-search" class="btn waves-effect waves-light">Rechercher</button>
|
||
<button id="btn-h-export" class="btn waves-effect waves-light" style="margin-left:8px;">Exporter CSV</button>
|
||
</div>
|
||
<div class="col s12 m6 right-align" style="padding-top:8px;">
|
||
<button id="btn-h-prev" class="btn indigo darken-4 white-text">Précédent</button>
|
||
<span id="h-page-indicator">Page 1 / 1</span>
|
||
<button id="btn-h-next" class="btn indigo darken-4 white-text">Suivant</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<table class="striped responsive-table">
|
||
<thead>
|
||
<tr><th></th><th>Source</th><th>Demande</th><th>Client</th><th>Contrat</th><th>Date début</th><th>Date fin</th><th>Tarif</th><th>Statut</th><th>Actions</th></tr>
|
||
</thead>
|
||
<tbody id="historique-body"></tbody>
|
||
</table>
|
||
<div id="advalo-loading-historique" class="center-align advalo-loader-wrap" style="display:none; margin-top:16px;"><div class="advalo-ring-loader"></div></div>
|
||
</div>
|
||
|
||
<div id="advalo-tab-cumul" class="section advalo-panel" style="display:none;">
|
||
<div class="card-panel">
|
||
<div class="row">
|
||
<div class="input-field col s12 m3"><input id="c-numContrat" maxlength="16"><label for="c-numContrat">N° Contrat</label></div>
|
||
<div class="input-field col s12 m2"><input id="c-numClient"><label for="c-numClient">N° Client</label></div>
|
||
<div class="input-field col s12 m2"><input id="c-dateDebut" class="advalo-date" autocomplete="off"><label for="c-dateDebut">Date début</label></div>
|
||
<div class="input-field col s12 m2"><input id="c-dateFin" class="advalo-date" autocomplete="off"><label for="c-dateFin">Date fin</label></div>
|
||
<div class="col s12 m3 right-align" style="padding-top:20px;"><button id="btn-cumul" class="btn waves-effect waves-light">Calculer</button></div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col s12 m3"><div class="card-panel">Total Advalo: <b id="k-total-advalo">0</b></div></div>
|
||
<div class="col s12 m3"><div class="card-panel">Total Facturé: <b id="k-total-facture">0</b></div></div>
|
||
<div class="col s12 m3"><div class="card-panel">Total Non facturé: <b id="k-total-nonfacture">0</b></div></div>
|
||
<div class="col s12 m3"><div class="card-panel">Lignes: <b id="k-total-lignes">0</b></div></div>
|
||
</div>
|
||
<div class="row" style="margin-bottom:8px;"><div class="col s12 right-align"><button id="btn-c-prev" class="btn indigo darken-4 white-text">Précédent</button> <span id="c-page-indicator">Page 1 / 1</span> <button id="btn-c-next" class="btn indigo darken-4 white-text">Suivant</button></div></div>
|
||
<table class="striped responsive-table">
|
||
<thead>
|
||
<tr><th>Contrat</th><th>Client</th><th>Région</th><th>DPT</th><th>Souscripteur</th><th>Total Advalo</th><th>Total Facturé</th><th>Total Non facturé</th><th>Actions</th></tr>
|
||
</thead>
|
||
<tbody id="cumul-body"></tbody>
|
||
</table>
|
||
<div id="advalo-loading-cumul" class="center-align advalo-loader-wrap" style="display:none; margin-top:16px;"><div class="advalo-ring-loader"></div></div>
|
||
</div>
|
||
|
||
<div id="advalo-tab-reporting" class="section advalo-panel" style="display:none;">
|
||
<div class="card-panel">
|
||
<div class="row">
|
||
<div class="input-field col s12 m2"><input id="r-numClient"><label for="r-numClient">N° Client</label></div>
|
||
<div class="input-field col s12 m2"><input id="r-numContrat" maxlength="16"><label for="r-numContrat">N° Contrat</label></div>
|
||
<div class="input-field col s12 m2"><input id="r-souscripteur"><label for="r-souscripteur">Souscripteur</label></div>
|
||
<div class="input-field col s12 m2"><input id="r-region"><label for="r-region">Région</label></div>
|
||
<div class="input-field col s12 m2"><input id="r-dateDebut" class="advalo-date" autocomplete="off"><label for="r-dateDebut">Date début</label></div>
|
||
<div class="input-field col s12 m2"><input id="r-dateFin" class="advalo-date" autocomplete="off"><label for="r-dateFin">Date fin</label></div>
|
||
</div>
|
||
<div class="row" style="margin-bottom:0;">
|
||
<div class="input-field col s12 m2"><input id="r-actorMatricule"><label for="r-actorMatricule">Matricule acteur</label></div>
|
||
<div class="input-field col s12 m2"><input id="r-actorNom"><label for="r-actorNom">Nom acteur</label></div>
|
||
<div class="input-field col s12 m2">
|
||
<select id="r-actionType">
|
||
<option value="" selected>Toutes actions</option>
|
||
<option value="create">Création</option>
|
||
<option value="update">Modification</option>
|
||
<option value="delete_soft">Suppression</option>
|
||
<option value="facturation_batch">Facturation</option>
|
||
<option value="doc_avenant">Doc avenant</option>
|
||
<option value="doc_attestation">Doc attestation</option>
|
||
<option value="lookup_contrat">Lookup contrat</option>
|
||
</select>
|
||
<label>Action</label>
|
||
</div>
|
||
<div class="input-field col s12 m2">
|
||
<select id="r-sourceType">
|
||
<option value="all" selected>Toutes</option>
|
||
<option value="deleguee">Grille déléguée</option>
|
||
<option value="hors_grille">Hors grille</option>
|
||
</select>
|
||
<label>Source</label>
|
||
</div>
|
||
<div class="input-field col s12 m2">
|
||
<select id="r-statut">
|
||
<option value="all" selected>Tous</option>
|
||
<option value="facture">Facturé</option>
|
||
<option value="non_facture">Non facturé</option>
|
||
</select>
|
||
<label>Facturé / Non facturé</label>
|
||
</div>
|
||
<div class="input-field col s12 m2">
|
||
<select id="r-sort">
|
||
<option value="totalAdvalo" selected>Total Advalo</option>
|
||
<option value="totalFacture">Total Facturé</option>
|
||
<option value="totalNonFacture">Total Non facturé</option>
|
||
<option value="numContrat">Contrat</option>
|
||
</select>
|
||
<label>Trier par</label>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="margin-bottom:0;">
|
||
<div class="input-field col s12 m2">
|
||
<select id="r-order"><option value="desc" selected>Décroissant</option><option value="asc">Croissant</option></select>
|
||
<label>Ordre</label>
|
||
</div>
|
||
<div class="col s12 m10 right-align" style="padding-top:20px;"><button id="btn-reporting" class="btn waves-effect waves-light">Rafraîchir</button></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col s12 m3"><div class="card-panel">Total Advalo: <b id="r-total-advalo">0</b></div></div>
|
||
<div class="col s12 m3"><div class="card-panel">Total Facturé: <b id="r-total-facture">0</b></div></div>
|
||
<div class="col s12 m3"><div class="card-panel">Total Non facturé: <b id="r-total-nonfacture">0</b></div></div>
|
||
<div class="col s12 m3"><div class="card-panel">Lignes source: <b id="r-total-lignes">0</b></div></div>
|
||
</div>
|
||
|
||
<div class="row" style="margin-bottom:8px;"><div class="col s12 right-align"><button id="btn-r-prev" class="btn indigo darken-4 white-text">Précédent</button> <span id="r-page-indicator">Page 1 / 1</span> <button id="btn-r-next" class="btn indigo darken-4 white-text">Suivant</button></div></div>
|
||
|
||
<table class="striped responsive-table">
|
||
<thead>
|
||
<tr><th>Contrat</th><th>Client</th><th>Région</th><th>Souscripteur</th><th>Total Advalo</th><th>Total Facturé</th><th>Total Non facturé</th><th>Lignes</th></tr>
|
||
</thead>
|
||
<tbody id="reporting-body"></tbody>
|
||
</table>
|
||
|
||
<div class="card-panel" style="margin-top:20px;">
|
||
<h6>Qui a fait quoi</h6>
|
||
<table class="striped responsive-table">
|
||
<thead><tr><th>Matricule</th><th>Acteur</th><th>Action</th><th>Occurrences</th></tr></thead>
|
||
<tbody id="reporting-actors-body"></tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div id="advalo-loading-reporting" class="center-align advalo-loader-wrap" style="display:none; margin-top:16px;"><div class="advalo-ring-loader"></div></div>
|
||
</div>
|
||
|
||
<script src="/js/advalo-module.js"></script>
|
||
|
||
<div id="advalo-confirm-modal" class="modal">
|
||
<div class="modal-content"><h5>Confirmation ponctuel</h5><p id="advalo-confirm-summary" class="grey-text text-darken-2"></p></div>
|
||
<div class="modal-footer">
|
||
<a href="#!" id="advalo-confirm-avenant" class="modal-close waves-effect waves-green btn">Avenant</a>
|
||
<a href="#!" id="advalo-confirm-attestation" class="modal-close waves-effect waves-light btn">Attestation</a>
|
||
<a href="#!" id="advalo-confirm-close" class="modal-close waves-effect btn-flat">Fermer</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="advalo-batch-modal" class="modal">
|
||
<div class="modal-content"><h5>Confirmation facturation</h5><p id="advalo-batch-summary" class="grey-text text-darken-2"></p></div>
|
||
<div class="modal-footer">
|
||
<a href="#!" id="advalo-batch-avenant" class="modal-close waves-effect waves-green btn">Avenant périodique</a>
|
||
<a href="#!" id="advalo-batch-close" class="modal-close waves-effect btn-flat">Fermer</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="advalo-edit-modal" class="modal modal-fixed-footer">
|
||
<div class="modal-content">
|
||
<h5>Modifier la demande hors grille</h5>
|
||
<input type="hidden" id="e-id">
|
||
<div class="row" style="margin-top:12px;">
|
||
<div class="input-field col s12 m6"><input id="e-marchandise"><label for="e-marchandise">Marchandise *</label></div>
|
||
<div class="col s12 m6">
|
||
<label class="rc-field-label">Mode(s) de transport *</label>
|
||
<p>
|
||
<label><input type="checkbox" class="filled-in e-mode-check" value="Terrestre"><span>Terrestre</span></label>
|
||
<label style="margin-left:16px;"><input type="checkbox" class="filled-in e-mode-check" value="Aérien"><span>Aérien</span></label>
|
||
<label style="margin-left:16px;"><input type="checkbox" class="filled-in e-mode-check" value="Fluvial"><span>Fluvial</span></label>
|
||
<label style="margin-left:16px;"><input type="checkbox" class="filled-in e-mode-check" value="Maritime"><span>Maritime</span></label>
|
||
<label style="margin-left:16px;"><input type="checkbox" class="filled-in e-mode-check" value="Postal"><span>Postal</span></label>
|
||
</p>
|
||
<input id="e-mode" type="hidden">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="input-field col s12 m6"><input id="e-depart"><label for="e-depart">Lieu de départ *</label></div>
|
||
<div class="input-field col s12 m6"><input id="e-arrivee"><label for="e-arrivee">Lieu d'arrivée *</label></div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="input-field col s12 m6"><input id="e-dateDebut" class="advalo-date" autocomplete="off"><label for="e-dateDebut">Date début *</label></div>
|
||
<div class="input-field col s12 m6"><input id="e-dateFin" class="advalo-date" autocomplete="off"><label for="e-dateFin">Date fin *</label></div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="input-field col s12 m2"><input id="e-capital" required><label for="e-capital">Valeur assurée *</label></div>
|
||
<div class="input-field col s12 m2"><input id="e-taux" required><label for="e-taux">Taux (%) *</label></div>
|
||
<div class="input-field col s12 m2"><input id="e-primeMin" required><label for="e-primeMin">Prime mini *</label></div>
|
||
<div class="input-field col s12 m2"><input id="e-coutActe"><label for="e-coutActe">Coût acte</label></div>
|
||
<div class="input-field col s12 m2"><input id="e-cotisationHT" required><label for="e-cotisationHT">Cotisation HT *</label></div>
|
||
<div class="input-field col s12 m2"><input id="e-cotisationTTC" required><label for="e-cotisationTTC">Cotisation TTC *</label></div>
|
||
<input id="e-tarif" type="hidden">
|
||
</div>
|
||
<span id="e-form-error" class="helper-text error" style="display:block;"></span>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a href="#!" id="advalo-edit-save" class="waves-effect waves-green btn">Valider</a>
|
||
<a href="#!" class="modal-close waves-effect btn-flat">Annuler</a>
|
||
</div>
|
||
</div>
|