réarrangement des champs de date

This commit is contained in:
Tykayn 2021-05-18 12:36:49 +02:00 committed by tykayn
parent 345b90c2e1
commit 3c4c0b5337
3 changed files with 12 additions and 3 deletions

View File

@ -30,8 +30,10 @@
cdkDrag
[ngClass]="{ 'day-weekend': isWeekendDay(choice.date_object) }"
>
<i class="fa fa-arrows-v"></i>
{{ choice.date_object | date: 'E':'Europe/Paris':'fr_FR' }}
<span class="button is-default" for="dateChoices_{{ id }}">
<i class="icon fa fa-arrows-v"></i>
{{ choice.date_object | date: 'E':'Europe/Paris':'fr_FR' }}
</span>
<input
[(ngModel)]="choice.date_object"
(keyup)="keyOnChoice($event, id)"

View File

@ -1,3 +1,10 @@
.day-weekend {
background: #dedede;
}
.button {
min-width: 9ch;
}
.icon {
margin-right: 1ch;
display: inline-block;
}

View File

@ -1,6 +1,6 @@
<div class="time-list-container" cdkDropList [cdkDropListData]="timeSlices" (cdkDropListDropped)="dropTimeItem($event)">
<div *ngFor="let time of timeSlices; index as id" class="time-choice" cdkDrag>
<label class="icon" for="timeChoices_{{ id }}">
<label class="icon button is-default" for="timeChoices_{{ id }}">
<i class="fa fa-arrows-v" aria-hidden="true"></i>
</label>
<input [(ngModel)]="time.literal" name="timeChoices_{{ id }}" type="text" id="timeChoices_{{ id }}" />