Skip to content

Commit

Permalink
Feat(lint) Lint all html and css
Browse files Browse the repository at this point in the history
  • Loading branch information
@Pierre-Narcisi @jacquesfize
Pierre-Narcisi authored and jacquesfize committed Mar 11, 2024
1 parent f188da8 commit d2945b9
Show file tree
Hide file tree
Showing 116 changed files with 4,106 additions and 2,430 deletions.
6 changes: 4 additions & 2 deletions contrib/gn_module_occhab/frontend/app/components/delete-modal/delete-modal.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,13 +12,15 @@ <h4 class="modal-title pull-left">Suppression</h4>
<div class="modal-body">
<p>
Attention vous vous apprêtez à supprimer une station qui comporte
{{nbHabitats}} habitat(s)
{{ nbHabitats }} habitat(s)
</p>
<button
mat-raised-button
(click)="c()"
class="btn btn-secondary"
>Annuler</button>
>
Annuler
</button>
<button
mat-raised-button
color="warn"
Expand Down
148 changes: 75 additions & 73 deletions contrib/gn_module_occhab/frontend/app/components/occhab-info/occhab-info.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,15 @@
<pnx-geojson
[geojson]="station"
[zoomOnFirstTime]="true"
>
</pnx-geojson>
></pnx-geojson>
</pnx-map>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-sm right-side">
<div class="card border-primary bg-light">
<h5 class="card-header bg-primary text-white">
Station n° {{station.properties.id_station}}
Station n° {{ station.properties.id_station }}
<button
matTooltip="Editez le relevé {{station?.id}}"
matTooltip="Editez le relevé {{ station?.id }}"
mat-mini-fab
class="button-success float-right"
type="button"
Expand All @@ -23,7 +22,7 @@ <h5 class="card-header bg-primary text-white">
<mat-icon>edit</mat-icon>
</button>
<button
matTooltip="Supprimer le relevé {{station?.id}}"
matTooltip="Supprimer le relevé {{ station?.id }}"
mat-mini-fab
color="warn"
type="button"
Expand All @@ -33,74 +32,81 @@ <h5 class="card-header bg-primary text-white">
>
<mat-icon>delete</mat-icon>
</button>

</h5>
<div
class="card-body"
id="card-station"
>

<div class="content row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-sm">
<h5>
<b class="text-muted">Jeu de donnée :</b>
</h5>
<p> {{station?.properties.dataset?.dataset_name}} </p>
<p>{{ station?.properties.dataset?.dataset_name }}</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-sm">
<h5>
<b class="text-muted">Date :</b>
</h5>
<p>
{{station?.properties.date_min | date:'dd/MM/yyyy'}} -
{{station?.properties.date_max | date:'dd/MM/yyyy'}}
{{ station?.properties.date_min | date: 'dd/MM/yyyy' }} -
{{ station?.properties.date_max | date: 'dd/MM/yyyy' }}
</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-sm">
<h5>
<b class="text-muted">Observateur(s) :</b>
</h5>
<div *ngIf="station?.properties.observers; else elseBlock">
<p *ngFor="let obs of station.properties.observers; let last=last">
{{obs.nom_role}} {{obs.prenom_role}}
<span *ngIf="!last">, </span>
<p *ngFor="let obs of station.properties.observers; let last = last">
{{ obs.nom_role }} {{ obs.prenom_role }}
<span *ngIf="!last">,</span>
</p>
</div>
<ng-template #elseBlock>
<p>{{station?.properties.observers_txt}} </p>
<p>{{ station?.properties.observers_txt }}</p>
</ng-template>
</div>


</div>
<div class="content row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-sm">
<h5> <b class="text-muted">Altitude (en m) : </b> </h5>
<p>{{station?.properties.altitude_min}} - {{station?.properties.altitude_max}}</p>
<h5><b class="text-muted">Altitude (en m) :</b></h5>
<p>
{{ station?.properties.altitude_min }} -
{{ station?.properties.altitude_max }}
</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-sm">
<h5> <b class="text-muted">Surface (en m²) : </b> </h5>
<p> {{station?.properties.area}} <small>(
{{station?.properties.nomenclature_area_surface_calculation?.label_default}} )</small></p>
<h5><b class="text-muted">Surface (en m²) :</b></h5>
<p>
{{ station?.properties.area }}
<small>
(
{{ station?.properties.nomenclature_area_surface_calculation?.label_default }}
)
</small>
</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-sm">
<h5> <b class="text-muted">Type d'information géographique : </b> </h5>
<h5>
<b class="text-muted">Type d'information géographique :</b>
</h5>
<p *ngIf="station?.properties.nomenclature_geographic_object">
{{station.properties.nomenclature_geographic_object.label_default}} </p>
{{ station.properties.nomenclature_geographic_object.label_default }}
</p>
</div>

</div>
<div class="content row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-sm">
<h5> <b class="text-muted">Habitats de la station : </b> </h5>
<h5><b class="text-muted">Habitats de la station :</b></h5>
<table class="table table-hover">
<tr
class="clickable"
[ngClass]="{'table-primary': i == selectedIndex}"
*ngFor="let hab of station?.properties.habitats; let i=index"
[ngClass]="{ 'table-primary': i == selectedIndex }"
*ngFor="let hab of station?.properties.habitats; let i = index"
(click)="setCurrentHab(i); getHabInfo(hab.cd_hab)"
>
<td> {{hab.nom_cite}}</td>
<td>{{ hab.nom_cite }}</td>
<td>
<i
class="fa fa-eye clickable"
Expand All @@ -111,55 +117,62 @@ <h5> <b class="text-muted">Habitats de la station : </b> </h5>
</table>
</div>

<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 ">
<h5> <b class="text-muted">Commentaire : </b> </h5>
<p>{{station?.properties.comment}} </p>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h5><b class="text-muted">Commentaire :</b></h5>
<p>{{ station?.properties.comment }}</p>
</div>

</div>


</div>
</div>
<br>
<br />
<!-- SELECTED HAB -->
<div
*ngIf="currentHab"
class="card border-primary"
>
<h5 class="card-header bg-primary text-white">{{currentHab?.nom_cite}}</h5>
<h5 class="card-header bg-primary text-white">
{{ currentHab?.nom_cite }}
</h5>

<div class="card-body">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-sm">
<b class="text-muted">Technique de collecte : </b>
{{currentHab?.nomenclature_collection_technique?.label_default}} <br>
<b class="text-muted">Méthode de détermination : </b>
{{currentHab?.nomenclature_determination_type?.label_default}} <br>
<b class="text-muted">Pourcentage de recouvrement : </b>
{{currentHab?.nomenclature_recovery_percentage}} <br>
<b class="text-muted">Abondance : </b> {{currentHab?.nomenclature_abundance?.label_default}} <br>
<b class="text-muted">Technique de collecte :</b>
{{ currentHab?.nomenclature_collection_technique?.label_default }}
<br />
<b class="text-muted">Méthode de détermination :</b>
{{ currentHab?.nomenclature_determination_type?.label_default }}
<br />
<b class="text-muted">Pourcentage de recouvrement :</b>
{{ currentHab?.nomenclature_recovery_percentage }}
<br />
<b class="text-muted">Abondance :</b>
{{ currentHab?.nomenclature_abundance?.label_default }}
<br />
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-sm">
<h5 class="text-muted"> <b>Information sur l'habitat (Habref) : </b> </h5>
<h5 class="text-muted">
<b>Information sur l'habitat (Habref) :</b>
</h5>
<p>
<b class="text-muted">Nom :</b> {{currentHab?.habref?.lb_code}} -
{{currentHab?.habref?.lb_hab_fr}}
<b class="text-muted">Nom :</b>
{{ currentHab?.habref?.lb_code }} -
{{ currentHab?.habref?.lb_hab_fr }}
<i
class="fa fa-info-circle clickable"
aria-hidden="true"
(click)="openModalContent(modalInfo, habInfo?.lb_description )"
(click)="openModalContent(modalInfo, habInfo?.lb_description)"
></i>

</p>
<b class="text-muted"> Typologie : </b> {{habInfo?.typo.lb_nom_typo}}
<b class="text-muted">Typologie :</b>
{{ habInfo?.typo.lb_nom_typo }}
<i
class="fa fa-info-circle clickable"
aria-hidden="true"
(click)="openModalContent(modalInfo, habInfo?.typo.presentation )"
(click)="openModalContent(modalInfo, habInfo?.typo.presentation)"
></i>
<br>
<br>
<br />
<br />
<button
(click)="openModal(modalCoresp)"
type="button"
Expand All @@ -171,7 +184,6 @@ <h5 class="text-muted"> <b>Information sur l'habitat (Habref) : </b> </h5>
</div>
</div>
</div>

</div>

<ng-template
Expand All @@ -191,13 +203,9 @@ <h3>Infos</h3>
</button>
</div>
<div class="modal-body">
{{modalContent}}
<div *ngIf="!modalContent || modalContent.length == 0">
Aucune information complémentaire
</div>
{{ modalContent }}
<div *ngIf="!modalContent || modalContent.length == 0">Aucune information complémentaire</div>
</div>


</ng-template>

<ng-template
Expand All @@ -206,7 +214,7 @@ <h3>Infos</h3>
let-c="close"
>
<div class="modal-header">
<h3> Correspondances </h3>
<h3>Correspondances</h3>
<button
type="button"
class="close"
Expand All @@ -219,35 +227,29 @@ <h3> Correspondances </h3>
<div class="modal-body">
<table class="table">
<thead>
<th> Habitat </th>
<th> Typologie </th>
<th> Type de relation </th>
<th>Habitat</th>
<th>Typologie</th>
<th>Type de relation</th>
</thead>
<tbody>
<tr *ngFor="let cor of habInfo?.correspondances">
<td> {{cor.habref.lb_code}} {{cor.habref.lb_hab_fr}} </td>
<td> {{cor.habref.typo.lb_nom_typo}} </td>
<td> {{cor.type_rel?.lb_rel}} </td>
<td>{{ cor.habref.lb_code }} {{ cor.habref.lb_hab_fr }}</td>
<td>{{ cor.habref.typo.lb_nom_typo }}</td>
<td>{{ cor.type_rel?.lb_rel }}</td>
</tr>
</tbody>
</table>
</div>


</ng-template>

<ng-template
#deleteModal
let-c="close"
>

<pnx-occhab-delete
[c]="c"
[idStation]="station?.id"
[nbHabitats]="station.properties.habitats.length"
>
</pnx-occhab-delete>

></pnx-occhab-delete>
</ng-template>

</div>
Loading

0 comments on commit d2945b9

Please sign in to comment.