105 lines
4.6 KiB
HTML
105 lines
4.6 KiB
HTML
<div class="row">
|
|
<div class="col-lg-12 grid-margin stretch-card">
|
|
<div class="card">
|
|
<div class="card-body card-body-review">
|
|
<h6 class="card-title" style="font-size: 16px!important;text-transform: none;"> Fiche chargement de
|
|
fichiers GeoJSON </h6>
|
|
<nz-divider></nz-divider>
|
|
|
|
<form [formGroup]="uploadForm" *ngIf="uploadForm">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="did-floating-label-content mt-3">
|
|
<input class="did-floating-input" type="text" id="reference" formControlName="reference"
|
|
placeholder="Entrez la référence">
|
|
<label class="did-floating-label"> Référence du chargement <span class="text-danger">
|
|
*</span> </label>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="did-floating-label-content mt-3">
|
|
<input class="did-floating-input" style="padding-top: 10px;"
|
|
(change)="handleFileInput($event)" type="file" accept=".geojson"
|
|
placeholder="Entrez la référence" #fileInput>
|
|
<label class="did-floating-label"> Fichier à charger <span class="text-danger"> *</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="did-floating-label-content mt-3">
|
|
<input class="did-floating-input" type="text" id="description"
|
|
formControlName="description" placeholder="Entrez la description">
|
|
<label class="did-floating-label"> Entrez une description <span class="text-danger">
|
|
*</span> </label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<button class="btn btn-review btn-secondary btn-fw mr-2" (click)="resetForm()"
|
|
[disabled]="isActionInProgress">
|
|
Fermer
|
|
</button>
|
|
<button class="btn btn-review btn-primary btn-fw" (click)="saveForm()"
|
|
[disabled]="isActionInProgress">
|
|
{{ isActionInProgress == false ? 'Enregistrer' : 'Opération en cours ...' }}
|
|
</button>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" [ngClass]="isActionInProgress ? 'hidden-for-loading': 'visible-for-loading'">
|
|
<div class="col-lg-12 grid-margin stretch-card">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="card-title" style="font-size: 16px!important;margin-bottom: 0px;text-transform: unset;">
|
|
Liste des fichiers GeoJSON chargés </h4>
|
|
<p class="card-description text-gray" style="margin-bottom: 2%;line-height: 30px;font-size: 12px;">
|
|
Liste des différents fichiers GeoJSON chargés pour l'affichage cartographique
|
|
</p>
|
|
<div class="table-responsive">
|
|
<table class="table table-striped" datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger">
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
Référence
|
|
</th>
|
|
<th>
|
|
Description
|
|
</th>
|
|
<th class="text-center">
|
|
Actions
|
|
</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let todo of fichierList; let i=index" class="border-bottom-light">
|
|
<td>
|
|
{{ todo.reference }}
|
|
</td>
|
|
<td>
|
|
{{ todo.description }}
|
|
</td>
|
|
<td class="text-center">
|
|
<button type="button" class="btn btn-icons btn-rounded btn-success mr-1">
|
|
<i class="mdi mdi-pencil btn-icon-modify"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-icons btn-rounded btn-danger">
|
|
<i class="mdi mdi-delete btn-icon-modify"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |