first commit
This commit is contained in:
@@ -0,0 +1,105 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user