Skip to content

Commit

Permalink
Feat(lint) scss and html in contribs
Browse files Browse the repository at this point in the history
  • Loading branch information
@Pierre-Narcisi
Pierre-Narcisi committed Mar 11, 2024
1 parent 9b87b38 commit 26159b2
Show file tree
Hide file tree
Showing 37 changed files with 2,037 additions and 1,633 deletions.
10 changes: 4 additions & 6 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,11 @@ <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>
<button mat-raised-button (click)="c()" class="btn btn-secondary">
Annuler
</button>
<button
mat-raised-button
color="warn"
Expand Down
190 changes: 85 additions & 105 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
@@ -1,19 +1,15 @@
<div class="row row-sm">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-sm">
<pnx-map height="87vh">
<pnx-geojson
[geojson]="station"
[zoomOnFirstTime]="true"
>
</pnx-geojson>
<pnx-geojson [geojson]="station" [zoomOnFirstTime]="true"> </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 +19,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,133 +29,146 @@ <h5 class="card-header bg-primary text-white">
>
<mat-icon>delete</mat-icon>
</button>

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

<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}}
<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"
aria-hidden="true"
></i>
<i class="fa fa-eye clickable" aria-hidden="true"></i>
</td>
</tr>
</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>
<div *ngIf="currentHab" class="card border-primary">
<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>
{{ currentHab?.nomenclature_collection_technique?.label_default }}
<br />
<b class="text-muted">Méthode de détermination : </b>
{{currentHab?.nomenclature_determination_type?.label_default}} <br>
{{ 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>
{{ 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,83 +180,54 @@ <h5 class="text-muted"> <b>Information sur l'habitat (Habref) : </b> </h5>
</div>
</div>
</div>

</div>

<ng-template
#modalInfo
let-d="dismiss"
let-c="close"
>
<ng-template #modalInfo let-d="dismiss" let-c="close">
<div class="modal-header">
<h3>Infos</h3>
<button
type="button"
class="close"
aria-label="Close"
(click)="c()"
>
<button type="button" class="close" aria-label="Close" (click)="c()">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
{{modalContent}}
{{ modalContent }}
<div *ngIf="!modalContent || modalContent.length == 0">
Aucune information complémentaire
</div>
</div>


</ng-template>

<ng-template
#modalCoresp
let-d="dismiss"
let-c="close"
>
<ng-template #modalCoresp let-d="dismiss" let-c="close">
<div class="modal-header">
<h3> Correspondances </h3>
<button
type="button"
class="close"
aria-label="Close"
(click)="c()"
>
<h3>Correspondances</h3>
<button type="button" class="close" aria-label="Close" (click)="c()">
<span aria-hidden="true">&times;</span>
</button>
</div>
<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"
>

<ng-template #deleteModal let-c="close">
<pnx-occhab-delete
[c]="c"
[idStation]="station?.id"
[nbHabitats]="station.properties.habitats.length"
>
</pnx-occhab-delete>

</ng-template>

</div>
Loading

0 comments on commit 26159b2

Please sign in to comment.