Keyboard shortcuts
-
@for (key of keys; track key.action) {
-
- - @for (formatted of key.formatted | map: withoutCyrillics; track formatted) { - {{ formatted }} - } - -
- {{ key.description }} +
- + @for (formatted of key.formatted | map: withoutCyrillics; track formatted) { + {{ formatted }} + } + +
- {{ key.description }} }
-
- | Start | -End | -Duration | -- |
|---|---|---|---|
| - {{ item.start | date: 'yyyy-MM-dd H:mm' }} - | -- {{ item.end | date: 'yyyy-MM-dd H:mm' }} - | -
- |
-
- |
-
| Total | -- |
- |
- - |
+
+ | Start | +End | +Duration | ++ |
|---|---|---|---|
| + {{ item.start | date: 'yyyy-MM-dd H:mm' }} + | ++ {{ item.end | date: 'yyyy-MM-dd H:mm' }} + | +
+ |
+
+ |
+
| Total | ++ |
+ |
+ + |
- @if (store.currentTasks(); as tasks) {
-
-
-
-
-
-
- @defer {
- @if (searchOpened()) {
-
-
-
-
-
-
- } @else {
- @defer {
- @if (searchOpened() === false) {
-
- 
- No tasks
-
- @switch (store.currentTaskState()) {
- @case ('all') {
- Create a task and it will show up here
- }
- @case (taskState.active) {
- Create a task and it will show up here
- }
- @case (taskState.finished) {
- You didn't finish any tasks yet
- }
- @case (taskState.dropped) {
- You didn't abandon any tasks yet
- }
- }
-
-
-
- } @else {
-
-
- }
- }
- }
-
- }
-
- @if (store.isCurrentTaskOpened()) {
-
-
- }
-
diff --git a/src/app/screen-tasks/screen-tasks.html b/src/app/screen-tasks/screen-tasks.html
new file mode 100644
index 00000000..554767c0
--- /dev/null
+++ b/src/app/screen-tasks/screen-tasks.html
@@ -0,0 +1,93 @@
+
- {{ store.currentTaskState() | taskState }}
- (
-
-
- {{ task.name }}
-
-
- No tasks
-
- @switch (store.currentTaskState()) {
- @case ('all') {
- Create a task and it will show up here
- }
- @case (taskState.active) {
- Create a task and it will show up here
- }
- @case (taskState.finished) {
- You didn't finish any tasks yet
- }
- @case (taskState.dropped) {
- You didn't abandon any tasks yet
- }
- }
-
-
-
+ @if (store.currentTasks(); as tasks) {
+
+
+
+
+
+
+ @defer { @if (searchOpened()) {
+
+
+
+
+
+
+ } @else { @defer { @if (searchOpened() === false) {
+
+
+ No tasks
+
+ @switch (store.currentTaskState()) { @case ('all') { Create a task and it will show up here } @case
+ (taskState.active) { Create a task and it will show up here } @case (taskState.finished) { You didn't finish any
+ tasks yet } @case (taskState.dropped) { You didn't abandon any tasks yet } }
+
+
+
+ } @else {
+
+
+ } } }
+
+ } @if (store.isCurrentTaskOpened()) {
+
+
+ }
+
diff --git a/src/app/screen-tasks/screen-tasks.component.scss b/src/app/screen-tasks/screen-tasks.scss
similarity index 100%
rename from src/app/screen-tasks/screen-tasks.component.scss
rename to src/app/screen-tasks/screen-tasks.scss
diff --git a/src/app/screen-tasks/screen-tasks.component.ts b/src/app/screen-tasks/screen-tasks.ts
similarity index 88%
rename from src/app/screen-tasks/screen-tasks.component.ts
rename to src/app/screen-tasks/screen-tasks.ts
index f9b28cd9..9d4dac27 100644
--- a/src/app/screen-tasks/screen-tasks.component.ts
+++ b/src/app/screen-tasks/screen-tasks.ts
@@ -20,27 +20,27 @@ import { MatListItem, MatListItemIcon, MatListItemMeta, MatListItemTitle, MatNav
import { MatToolbar } from '@angular/material/toolbar';
import { MatTooltip } from '@angular/material/tooltip';
import { Router, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
-import { ButtonTaskActionsComponent } from '@app/button-task-actions/button-task-actions.component';
-import { DurationComponent } from '@app/directives/duration.component';
+import { ButtonTaskActionsComponent } from '@app/button-task-actions/button-task-actions';
+import { DurationComponent } from '@app/directives/duration';
import { ToolbarWidthSyncDirective } from '@app/directives/toolbar-width-sync';
import { KEYS_ADD, KEYS_NEXT, KEYS_PREV, KEYS_SEARCH, hotkey } from '@app/domain/hotkeys';
import { SessionDragEvent, Task, TaskState, isTaskRunning, taskDuration, tasksDuration } from '@app/domain/task';
-import { MapPipe } from '@app/pipes/map.pipe';
-import { TaskStateIconPipe } from '@app/pipes/task-state-icon.pipe';
-import { TaskStatePipe } from '@app/pipes/task-state.pipe';
+import { MapPipe } from '@app/pipes/map';
+import { TaskStatePipe } from '@app/pipes/task-state';
+import { TaskStateIconPipe } from '@app/pipes/task-state-icon';
import { DialogLinkDirective, RoutedDialogs } from '@app/providers/routed-dialogs';
import { AppStore } from '@app/providers/state';
-import { TypeSafeCdkVirtualForDirective } from '@app/screen-task/type-safe-virtual-for.directive';
+import { TypeSafeCdkVirtualForDirective } from '@app/screen-task/type-safe-virtual-for';
import { Hotkey, HotkeysService } from 'angular2-hotkeys';
-import { CheckViewportSizeWhenValueChangesDirective } from './checkViewportSizeWhenValueChanges.directive';
-import { EmptyStateComponent } from './empty-state/empty-state.component';
-import { ScrollToIndexDirective } from './scrollToIndex.directive';
-import { TasksFilterComponent } from './tasks-filter/tasks-filter.component';
+import { CheckViewportSizeWhenValueChangesDirective } from './checkViewportSizeWhenValueChanges';
+import { EmptyStateComponent } from './empty-state/empty-state';
+import { ScrollToIndexDirective } from './scrollToIndex';
+import { TasksFilterComponent } from './tasks-filter/tasks-filter';
@Component({
selector: 'screen-tasks',
- templateUrl: './screen-tasks.component.html',
- styleUrls: ['./screen-tasks.component.scss'],
+ templateUrl: './screen-tasks.html',
+ styleUrls: ['./screen-tasks.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
imports: [
EmptyStateComponent,
diff --git a/src/app/screen-tasks/scrollToIndex.directive.ts b/src/app/screen-tasks/scrollToIndex.ts
similarity index 100%
rename from src/app/screen-tasks/scrollToIndex.directive.ts
rename to src/app/screen-tasks/scrollToIndex.ts
diff --git a/src/app/screen-tasks/tasks-filter/tasks-filter.component.html b/src/app/screen-tasks/tasks-filter/tasks-filter.html
similarity index 87%
rename from src/app/screen-tasks/tasks-filter/tasks-filter.component.html
rename to src/app/screen-tasks/tasks-filter/tasks-filter.html
index 68194cae..b08db8d0 100644
--- a/src/app/screen-tasks/tasks-filter/tasks-filter.component.html
+++ b/src/app/screen-tasks/tasks-filter/tasks-filter.html
@@ -64,18 +64,16 @@
-@if (dataRange(); as dataRange) {
- @defer {
-
+ {{ store.currentTaskState() | taskState }}
+ (
+
+
+ {{ task.name }}
+
+
+ No tasks
+
+ @switch (store.currentTaskState()) { @case ('all') { Create a task and it will show up here } @case
+ (taskState.active) { Create a task and it will show up here } @case (taskState.finished) { You didn't finish any
+ tasks yet } @case (taskState.dropped) { You didn't abandon any tasks yet } }
+
+
+