132 lines
2.9 KiB
HTML
132 lines
2.9 KiB
HTML
<div class="day-list-container">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<!-- ajouter une date-->
|
|
<button class="btn btn--primary" (click)="addChoice()">
|
|
{{ 'dates.add' | translate }}
|
|
</button>
|
|
</div>
|
|
<div class="column">
|
|
<span class="count-dates title">
|
|
{{ dateList.length }}
|
|
</span>
|
|
<span>
|
|
{{ 'dates.count_dates' | translate }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns days-list" cdkDropList [cdkDropListData]="dateList" (cdkDropListDropped)="dropDayItem($event)">
|
|
<div class="column">
|
|
<h2>Dates</h2>
|
|
<button class="btn button-help" (click)="openKeyboardShortcutsModal()">
|
|
💁 Raccourcis
|
|
</button>
|
|
<br />
|
|
<br />
|
|
<div
|
|
*ngFor="let choice of dateList; index as id"
|
|
class="date-choice padded"
|
|
cdkDrag
|
|
[ngClass]="{ 'day-weekend': isWeekendDay(choice.date_object) }"
|
|
>
|
|
<span class="button is-default">
|
|
<i class="icon fa fa-arrows-v"></i>
|
|
<span *ngIf="choice.date_object">
|
|
{{ choice.date_object | date: 'E':'Europe/Paris':'fr_FR' }}
|
|
</span>
|
|
</span>
|
|
<input
|
|
[(ngModel)]="choice.date_object"
|
|
(keyup)="keyOnChoice($event, id)"
|
|
name="dateChoices_{{ id }}"
|
|
id="dateChoices_{{ id }}"
|
|
useValueAsDate
|
|
type="date"
|
|
/>
|
|
<button (click)="dateList.splice(id, 1)" class="btn btn-warning">
|
|
<i class="fa fa-times" aria-hidden="true"></i>
|
|
</button>
|
|
<button (click)="addTimeToDate(choice, id)" *ngIf="hasSeveralHours" class="btn btn--primary">
|
|
{{ 'dates.add_time' | translate }}
|
|
</button>
|
|
<div *ngIf="hasSeveralHours" class="several-times">
|
|
plage horaire distincte
|
|
<br />
|
|
<app-time-list [timeSlices]="choice.timeList"></app-time-list>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p-dialog class="url-dialog" [(visible)]="display" [modal]="true" [closable]="true">
|
|
<p-header>
|
|
💁 Aide, Raccourcis clavier
|
|
<button class="btn button-help pull-right" (click)="display = false">
|
|
<i class="fa fa-times"></i>
|
|
</button>
|
|
</p-header>
|
|
|
|
Vous pouvez naviguer d'un champ de date à un autre avec les flèches du clavier.
|
|
|
|
<app-wip-todo></app-wip-todo>
|
|
<br />
|
|
<br />
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
Fonction
|
|
</th>
|
|
<th>
|
|
Raccourci
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
Créer un nouveau choix
|
|
</td>
|
|
<td>
|
|
Ctrl + N
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Naviguer vers le champ suivant. Créée un nouveau champ si effectué sur le dernier champ.
|
|
</td>
|
|
<td>
|
|
Ctrl + flèche bas
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
réinitialiser le champ actuel
|
|
</td>
|
|
<td>
|
|
Ctrl + effacer
|
|
<br />
|
|
ou
|
|
<br />
|
|
Ctrl + supprimer
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Alterner entre un sondage de type Date et un sondage texte
|
|
</td>
|
|
<td>
|
|
Alt + D
|
|
</td>
|
|
</tr>
|
|
<td>
|
|
Tout envoyer
|
|
</td>
|
|
<td>
|
|
Ctrl + entrée
|
|
</td>
|
|
</tbody>
|
|
</table>
|
|
</p-dialog>
|
|
</div>
|