sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged PR 860: #1898 TK Änderungen in der Kalenderansicht

Browse Source 
#1898 TK Änderungen in der Kalenderansicht

Related work items: #1898
This commit is contained in:
Andreas Schickinger
2021-09-21 10:21:45 +00:00
committed by Lorenz Hilpert
parent 9bc93396d4
commit 1e66a624ef
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ui/calendar/src/lib/calendar-body/calendar-body.component.html
View File

@@ -10,7 +10,7 @@
<ng-container *ngFor="let week of weeks$ | async">
<div class="cell cell-first cell-calendar-week center">KW {{ week.week }}</div>
<div class="cell cell-calendar-day center" [uiCalendarCell]="date" *ngFor="let date of week.dates" (click)="selectDate(date)">
<div class="day center">{{ date | date: 'dd' }}</div>
<div class="day center">{{ date | date: 'd' }}</div>
<div class="indicators">
<div
class="indicator"

4
apps/ui/calendar/src/lib/calendar-body/calendar-body.component.scss
View File

@@ -46,6 +46,6 @@
}
}
.invisible {
visibility: hidden;
.faded {
@apply text-disabled-branch;
}

6
apps/ui/calendar/src/lib/calendar-body/calendar-cell.directive.ts
View File

@@ -1,4 +1,4 @@
import { AfterViewInit, Directive, ElementRef, HostBinding, Input, Renderer2, Self } from '@angular/core';
import { Directive, HostBinding, Input } from '@angular/core';
import { DateAdapter } from '@ui/common';
import { UiCalendarComponent } from '../ui-calendar.component';
@@ -17,8 +17,8 @@ export class UiCalendarCellDirective {
return this.date && this.dateAdapter.equals(this.date, this.calendar.selected);
}
@HostBinding('class.invisible')
get isInvisible() {
@HostBinding('class.faded')
get isFaded() {
if (this.date && this.calendar.mode === 'month') {
const firstDateOfMonth = this.dateAdapter.getFirstDateOfMonth(this.calendar.displayed);
const lastDateOfMonth = this.dateAdapter.getLastDateOfMonth(this.calendar.displayed);