49 lines
2.7 KiB
HTML
49 lines
2.7 KiB
HTML
<div class="modal-header">
|
|
<h4 class="modal-title pull-left">{{ 'update_availability_schedule'|translate }}</h4>
|
|
<button type="button" class="btn-close close pull-right" [attr.aria-label]="'close'|translate|titlecase" (click)="bsModalRef.hide()">
|
|
<span aria-hidden="true" class="visually-hidden">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" style="overflow-x: auto">
|
|
<table cellpadding="0" cellspacing="0" id="scheduler_table">
|
|
<thead>
|
|
<tr>
|
|
<td style="background-color: white;"></td>
|
|
<ng-container *ngIf="orientation === 'portrait'">
|
|
<ng-container *ngFor="let day of days; let i = index">
|
|
<td class="day" (click)="selectEntireDay(i)">{{ day.short|translate }}</td>
|
|
</ng-container>
|
|
</ng-container>
|
|
<ng-container *ngIf="orientation === 'landscape'">
|
|
<ng-container *ngFor="let slot of slots; odd as isOdd; even as isEven;">
|
|
<td class="hour" (click)="selectEverySlotWithHour(slot)">{{ isEven ? (slot/2) : ((slot-1)/2) }}:{{ isEven ? "00" : "30" }}</td>
|
|
</ng-container>
|
|
</ng-container>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="scheduler_body" *ngIf="orientation === 'portrait'">
|
|
<ng-container *ngFor="let slot of slots">
|
|
<tr>
|
|
<td class="hour" (click)="selectEverySlotWithHour(slot)">{{ slot }}</td>
|
|
<ng-container *ngFor="let day of days; let i = index">
|
|
<td class="hour-cell" [class.highlighted] = "isCellSelected(i, slot)" (mousedown)="mouseDownCell(i, slot)" (mouseup)="mouseUpCell()" (mouseover)="mouseOverCell(i, slot)"></td>
|
|
</ng-container>
|
|
</tr>
|
|
</ng-container>
|
|
</tbody>
|
|
<tbody id="scheduler_body" *ngIf="orientation === 'landscape'">
|
|
<ng-container *ngFor="let day of days; let i = index">
|
|
<tr>
|
|
<td class="day" (click)="selectEntireDay(i)">{{ day.short|translate }}</td>
|
|
<ng-container *ngFor="let slot of slots">
|
|
<td class="hour-cell" [class.highlighted] = "isCellSelected(i, slot)" (mousedown)="mouseDownCell(i, slot)" (mouseup)="mouseUpCell()" (mouseover)="mouseOverCell(i, slot)"></td>
|
|
</ng-container>
|
|
</tr>
|
|
</ng-container>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" (click)="saveChanges()">{{ 'save_changes'|translate }}</button>
|
|
<button type="button" class="btn btn-secondary" (click)="bsModalRef.hide()">{{ 'close'|translate }}</button>
|
|
</div> |