todo-list.component.html

todo-list.component.html

<ng-container *ngIf="!(isLoading$ | async); else loadingRef">
	<div class="todo-list-wrapper" *ngIf="todoList$ | async as todoList">
		<div class="mx-auto col-10">
			<h5>{{ 'todo-list' | translate }}</h5>
			<hr />
			<app-cards-list
				[tableRef]="todoListRef"
				[cardRef]="todoItemCardRef"
				[data]="todoList"
			></app-cards-list>

			<hr />
			<div>
				{{ 'todo-list-section.todos-duedate-today' | translate }}:
				{{ todoList | duedateTodayCount }}
			</div>
			<hr />
			<app-add-todo [currentTODO]="selectedTodo$ | async"></app-add-todo>
		</div>
	</div>
</ng-container>