Revize d8107adb
Přidáno uživatelem Václav Jirák před asi 6 roky(ů)
| frontend/src/app/days-off-info/days-off-info.component.html | ||
|---|---|---|
| 1 |
<div class="days-off-info-container"> |
|
| 2 |
|
|
| 3 |
<div class="component-header"> |
|
| 4 |
Zbývající volno |
|
| 5 |
</div> |
|
| 6 |
|
|
| 7 |
<div class="days-off-type-container"> |
|
| 8 |
<span class="days-off-remaining">{{extraVacationRemaining}}</span>
|
|
| 9 |
<span class="days-off-type">Extra dovolená</span> |
|
| 10 |
</div> |
|
| 11 |
|
|
| 12 |
<div class="days-off-type-container"> |
|
| 13 |
<span class="days-off-remaining">{{sickDaysRemaining}}</span>
|
|
| 14 |
<span class="days-off-type">Sickdays</span> |
|
| 15 |
<span class="sickdays-used">Využito {{sickDaysUsed}} sickdays</span>
|
|
| 16 |
</div> |
|
| 17 |
|
|
| 18 |
</div> |
|
| frontend/src/app/days-off-info/days-off-info.component.sass | ||
|---|---|---|
| 1 |
@import '../../common-styles/basic-component' |
|
| 2 |
|
|
| 3 |
.days-off-info-container |
|
| 4 |
@extend .basic-component |
|
| 5 |
|
|
| 6 |
.days-off-type-container |
|
| 7 |
border-bottom: 1px solid gainsboro |
|
| 8 |
padding-left: 20px |
|
| 9 |
|
|
| 10 |
.days-off-remaining |
|
| 11 |
color: green |
|
| 12 |
font-size: 30px |
|
| 13 |
font-weight: bold |
|
| 14 |
|
|
| 15 |
.days-off-type |
|
| 16 |
color: black |
|
| 17 |
font-weight: bold |
|
| 18 |
display: block |
|
| 19 |
|
|
| 20 |
.sickdays-used |
|
| 21 |
color: grey |
|
| 22 |
font-size: 10px |
|
| 23 |
font-style: italic |
|
| frontend/src/app/days-off-info/days-off-info.component.ts | ||
|---|---|---|
| 1 |
import { Component, Input } from '@angular/core';
|
|
| 2 |
|
|
| 3 |
@Component({
|
|
| 4 |
selector: 'app-days-off-info', |
|
| 5 |
templateUrl: './days-off-info.component.html', |
|
| 6 |
styleUrls: ['./days-off-info.component.sass'] |
|
| 7 |
}) |
|
| 8 |
export class DaysOffInfoComponent {
|
|
| 9 |
|
|
| 10 |
@Input() sickDaysRemaining: number; |
|
| 11 |
@Input() sickDaysUsed: number; |
|
| 12 |
|
|
| 13 |
@Input() extraVacationRemaining: number; |
|
| 14 |
|
|
| 15 |
constructor() { }
|
|
| 16 |
} |
|
| frontend/src/app/days-off-info/days-off-info.module.ts | ||
|---|---|---|
| 1 |
import { NgModule } from '@angular/core';
|
|
| 2 |
import { DaysOffInfoComponent } from './days-off-info.component';
|
|
| 3 |
|
|
| 4 |
@NgModule({
|
|
| 5 |
declarations: [ DaysOffInfoComponent ], |
|
| 6 |
exports: [ DaysOffInfoComponent ] |
|
| 7 |
}) |
|
| 8 |
export class DaysOffInfoModule { }
|
|
| frontend/src/app/off-days-info/off-days-info.component.html | ||
|---|---|---|
| 1 |
<div class="off-days-info-container"> |
|
| 2 |
|
|
| 3 |
<div class="component-header"> |
|
| 4 |
Zbývající volno |
|
| 5 |
</div> |
|
| 6 |
|
|
| 7 |
<div class="off-days-type-container"> |
|
| 8 |
<span class="off-days-remaining">{{extraVacationRemaining}}</span>
|
|
| 9 |
<span class="off-days-type">Extra dovolená</span> |
|
| 10 |
</div> |
|
| 11 |
|
|
| 12 |
<div class="off-days-type-container"> |
|
| 13 |
<span class="off-days-remaining">{{sickDaysRemaining}}</span>
|
|
| 14 |
<span class="off-days-type">Sickdays</span> |
|
| 15 |
<span class="sickdays-used">Využito {{sickDaysUsed}} sickdays</span>
|
|
| 16 |
</div> |
|
| 17 |
|
|
| 18 |
</div> |
|
| frontend/src/app/off-days-info/off-days-info.component.sass | ||
|---|---|---|
| 1 |
@import '../../common-styles/basic-component' |
|
| 2 |
|
|
| 3 |
.off-days-info-container |
|
| 4 |
@extend .basic-component |
|
| 5 |
|
|
| 6 |
.off-days-type-container |
|
| 7 |
border-bottom: 1px solid gainsboro |
|
| 8 |
padding-left: 20px |
|
| 9 |
|
|
| 10 |
.off-days-remaining |
|
| 11 |
color: green |
|
| 12 |
font-size: 30px |
|
| 13 |
font-weight: bold |
|
| 14 |
|
|
| 15 |
.off-days-type |
|
| 16 |
color: black |
|
| 17 |
font-weight: bold |
|
| 18 |
display: block |
|
| 19 |
|
|
| 20 |
.sickdays-used |
|
| 21 |
color: grey |
|
| 22 |
font-size: 10px |
|
| 23 |
font-style: italic |
|
| frontend/src/app/off-days-info/off-days-info.component.ts | ||
|---|---|---|
| 1 |
import { Component, Input } from '@angular/core';
|
|
| 2 |
|
|
| 3 |
@Component({
|
|
| 4 |
selector: 'app-off-days-info', |
|
| 5 |
templateUrl: './off-days-info.component.html', |
|
| 6 |
styleUrls: ['./off-days-info.component.sass'] |
|
| 7 |
}) |
|
| 8 |
export class OffDaysInfoComponent {
|
|
| 9 |
|
|
| 10 |
@Input() sickDaysRemaining: number; |
|
| 11 |
@Input() sickDaysUsed: number; |
|
| 12 |
|
|
| 13 |
@Input() extraVacationRemaining: number; |
|
| 14 |
|
|
| 15 |
constructor() { }
|
|
| 16 |
} |
|
| frontend/src/app/off-days-info/off-days-info.module.ts | ||
|---|---|---|
| 1 |
import { NgModule } from '@angular/core';
|
|
| 2 |
import { OffDaysInfoComponent } from './off-days-info.component';
|
|
| 3 |
|
|
| 4 |
@NgModule({
|
|
| 5 |
declarations: [ OffDaysInfoComponent ], |
|
| 6 |
exports: [ OffDaysInfoComponent ] |
|
| 7 |
}) |
|
| 8 |
export class OffDaysInfoModule { }
|
|
Také k dispozici: Unified diff
Re #7263 Days off info component modified