Asymmetrik/ngx-starter

View on GitHub
src/app/common/loading-overlay/loading-overlay.component.html

Summary

Maintainability
Test Coverage
@if (isLoading()) {
    <div class="overlay">
        @if (isError()) {
            <notification notificationType="danger" showActions [message]="errorMessage()">
                <ng-template #notificationActions>
                    <button class="btn btn-primary" type="button" (click)="retry.emit()">
                        Retry
                    </button>
                </ng-template>
            </notification>
        } @else {
            <div class="overlay-spinner">
                <loading-spinner [message]="message()" />
            </div>
        }
    </div>
}