Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

réarrangement des champs de date

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/features/administration/form/date/list/day/day-list.component.html
View File

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

7
src/app/features/administration/form/date/list/day/day-list.component.scss
View File

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

2
src/app/features/administration/form/date/list/time/time-list.component.html
View File

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