sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add calendar component

Browse Source
This commit is contained in:
Sebastian Neumair
2020-01-31 17:05:55 +01:00
parent 9b94d716e7
commit 91432a649b
118 changed files with 2689 additions and 509 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
libs/ui/src/lib/double-choice-switch/double-choice-switch.component.html
View File

@@ -12,12 +12,18 @@
class="first-wrapper"
[ngStyle]="{
'background-color':
!animations && (model.isFirstSwitchedOn ? model.firstChoiceColor.selectedBackground : model.firstChoiceColor.unSelectedbackground),
color: model.isFirstSwitchedOn ? model.firstChoiceColor.selectedText : model.firstChoiceColor.unSelectedText
!animations &&
(model.isFirstSwitchedOn
? model.firstChoiceColor.selectedBackground
: model.firstChoiceColor.unSelectedbackground),
color: model.isFirstSwitchedOn
? model.firstChoiceColor.selectedText
: model.firstChoiceColor.unSelectedText
}"
[ngClass]="{ selected: model.isFirstSwitchedOn }"
(click)="switch('first')"
>
<ng-content select="[slot=firstSwitchIcon]"></ng-content>
<span>{{ model.firstChoice }}</span>
</div>
@@ -26,12 +32,17 @@
[ngStyle]="{
'background-color':
!animations &&
(!model.isFirstSwitchedOn ? model.secondChoiceColor.selectedBackground : model.secondChoiceColor.unSelectedbackground),
color: !model.isFirstSwitchedOn ? model.secondChoiceColor.selectedText : model.secondChoiceColor.unSelectedText
(!model.isFirstSwitchedOn
? model.secondChoiceColor.selectedBackground
: model.secondChoiceColor.unSelectedbackground),
color: !model.isFirstSwitchedOn
? model.secondChoiceColor.selectedText
: model.secondChoiceColor.unSelectedText
}"
[ngClass]="{ selected: !model.isFirstSwitchedOn }"
(click)="switch('second')"
>
<ng-content select="[slot=secondSwitchIcon]"></ng-content>
<span>{{ model.secondChoice }}</span>
</div>
</div>

7
libs/ui/src/lib/double-choice-switch/double-choice-switch.component.scss
View File

@@ -18,6 +18,13 @@
cursor: default;
}
.first-wrapper,
.second-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.first-wrapper {
padding: 7px 20px 7px 20px;
cursor: pointer;