cernont/pyrofetes-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gitignore

Browse Source
This commit is contained in:
Timothé
2025-11-13 17:53:30 +01:00
parent dccac91ec5
commit 53abb68514
245 changed files with 1496 additions and 112690 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/pages/planning/planning.html
+110
View File
@@ -0,0 +1,110 @@
<div class="background">
<div class="planning-container">
<!-- Calendrier à gauche -->
<div class="calendar-section">
<div class="calendar-title">CALENDAR</div>
<div class="calendar-date-info">
<div class="date-badge">
<div class="month-abbr">JAN</div>
<div class="day-number">21</div>
</div>
<div class="date-full">
<div class="date-text">21 janvier 2026</div>
<div class="day-text">Mercredi</div>
</div>
</div>
<div class="card">
<div class="calendar-header">
<button class="nav-button" (click)="previousMonth()">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M15 18L9 12L15 6" stroke="#d4a574" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<h2 class="month-title">{{ currentMonthYear }}</h2>
<button class="nav-button" (click)="nextMonth()">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M9 18L15 12L9 6" stroke="#d4a574" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<nz-calendar
[nzFullscreen]="false"
[ngModel]="currentDate"
(nzSelectChange)="onValueChange($event)"
(nzPanelChange)="onPanelChange($event)"
[nzDateFullCell]="dateCellTemplate"
></nz-calendar>
<ng-template #dateCellTemplate let-date>
<div class="ant-picker-cell-inner" [class.in-selection]="isDateSelected(date)">
{{ date.getDate() }}
</div>
</ng-template>
</div>
</div>
<!-- Planning de la semaine à droite -->
<div class="week-section" *ngIf="selectedDates.length > 0">
<div class="week-toolbar">
<div class="week-actions">
<button class="action-btn">Lorem</button>
<button class="action-btn active">Camion</button>
<button class="action-btn">Show</button>
</div>
<div class="week-nav">
<span class="today-label">LOREM</span>
<button class="today-btn" (click)="goToToday()">
< TODAY >
</button>
<button class="new-project-btn">NEW PROJECT</button>
</div>
</div>
<div class="week-calendar">
<div class="week-nav-header">
<button class="nav-button-week" (click)="previousWeek()">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M15 18L9 12L15 6" stroke="#999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<button class="nav-button-week" (click)="nextWeek()">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M9 18L15 12L9 6" stroke="#999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<div class="week-grid">
<!-- Colonne des heures -->
<div class="time-column">
<div class="time-header"></div>
<div class="time-slot" *ngFor="let hour of getHours()">
{{ hour }}
</div>
</div>
<!-- Colonnes des jours -->
<div class="day-column" *ngFor="let date of selectedDates">
<div class="day-header" [class.today]="isToday(date)">
<div class="day-name">{{ getDayName(date) }}</div>
<div class="day-date">{{ formatDate(date) }}</div>
</div>
<div class="day-slots">
<div class="hour-slot" *ngFor="let hour of getHours()">
<!-- Ici on peut ajouter des événements plus tard -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Message si aucune semaine sélectionnée -->
<div class="week-section empty-state" *ngIf="selectedDates.length === 0">
<div class="empty-message">
<p>Sélectionnez une date dans le calendrier pour voir le planning de la semaine</p>
</div>
</div>
</div>
</div>