refactor: refactor if statements to switch-case for better readability and performance
This commit is contained in:
parent
64418d6549
commit
dfe2b14206
1 changed files with 6 additions and 6 deletions
|
|
@ -4,35 +4,35 @@
|
||||||
[class.closing]="isClosingAnimation"
|
[class.closing]="isClosingAnimation"
|
||||||
>
|
>
|
||||||
<div class="overlay-content">
|
<div class="overlay-content">
|
||||||
@if (overlayType === "taskOverlay") {
|
@switch (overlayType) { @case ('taskOverlay') {
|
||||||
<app-task-overlay
|
<app-task-overlay
|
||||||
[overlayData]="overlayData"
|
[overlayData]="overlayData"
|
||||||
(closeDialogEmitter)="onCloseOverlay()"
|
(closeDialogEmitter)="onCloseOverlay()"
|
||||||
></app-task-overlay>
|
></app-task-overlay>
|
||||||
} @if (overlayType === "taskOverlayEdit") {
|
} @case ('taskOverlayEdit') {
|
||||||
<app-task-edit-overlay
|
<app-task-edit-overlay
|
||||||
[overlayData]="overlayData"
|
[overlayData]="overlayData"
|
||||||
[overlayType]="overlayType"
|
[overlayType]="overlayType"
|
||||||
(closeDialogEmitter)="onCloseOverlay()"
|
(closeDialogEmitter)="onCloseOverlay()"
|
||||||
></app-task-edit-overlay>
|
></app-task-edit-overlay>
|
||||||
} @if (overlayType === "newTaskOverlay") {
|
} @case ('newTaskOverlay') {
|
||||||
<app-task-edit-overlay
|
<app-task-edit-overlay
|
||||||
[overlayData]="overlayData"
|
[overlayData]="overlayData"
|
||||||
[overlayType]="overlayType"
|
[overlayType]="overlayType"
|
||||||
(closeDialogEmitter)="onCloseOverlay()"
|
(closeDialogEmitter)="onCloseOverlay()"
|
||||||
></app-task-edit-overlay>
|
></app-task-edit-overlay>
|
||||||
} @if (overlayType === "dialogOverlay") {
|
} @case ('dialogOverlay') {
|
||||||
<app-dialog-overlay
|
<app-dialog-overlay
|
||||||
[overlayData]="overlayData"
|
[overlayData]="overlayData"
|
||||||
[overlayType]="overlayType"
|
[overlayType]="overlayType"
|
||||||
(closeDialogEmitter)="onCloseOverlay()"
|
(closeDialogEmitter)="onCloseOverlay()"
|
||||||
></app-dialog-overlay>
|
></app-dialog-overlay>
|
||||||
} @if (overlayType === "contactOverlay") {
|
} @case ('contactOverlay') {
|
||||||
<app-contact-overlay
|
<app-contact-overlay
|
||||||
[overlayData]="overlayData"
|
[overlayData]="overlayData"
|
||||||
[overlayType]="overlayType"
|
[overlayType]="overlayType"
|
||||||
(closeDialogEmitter)="onCloseOverlay()"
|
(closeDialogEmitter)="onCloseOverlay()"
|
||||||
></app-contact-overlay>
|
></app-contact-overlay>
|
||||||
}
|
} @default { } }
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue