feat(boards): also show scheduled with reminder case for tasks

johannesjo · Mar 4, 2025 · bca2c98 · bca2c98
1 parent fee5781
commit bca2c98
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 6 deletions.
diff --git a/src/app/features/boards/board-task-list/board-task-list.component.html b/src/app/features/boards/board-task-list/board-task-list.component.html
@@ -20,10 +20,22 @@
       [task]="task"
       [tagsToHide]="panelCfg().includedTagIds || []"
     >
-      @if (
-        ((plannerService.plannedTaskDayMap$ | async) || {})[task.id];
-        as plannedAtDay
-      ) {
+      @if (task.reminderId) {
+        <button
+          (click)="scheduleTask(task, $event)"
+          [title]="T.F.TASK.CMP.EDIT_SCHEDULED | translate"
+          class="ico-btn schedule-btn"
+          color=""
+          mat-icon-button
+        >
+          <mat-icon>alarm</mat-icon>
+          <div
+            class="time-badge"
+            [innerHTML]="task.plannedAt | shortPlannedAt"
+          ></div>
+        </button>
+      }
+      @if (plannedTaskDayMap()[task.id]) {
         <button
           (click)="scheduleTask(task, $event)"
           [title]="T.F.TASK.CMP.SCHEDULE | translate"
@@ -32,7 +44,7 @@
           mat-icon-button
         >
           <mat-icon>today</mat-icon>
-          <div class="time-badge">{{ plannedAtDay | localDateStr }}</div>
+          <div class="time-badge">{{ plannedTaskDayMap()[task.id] | localDateStr }}</div>
         </button>
       }
     </planner-task>

diff --git a/src/app/features/boards/board-task-list/board-task-list.component.ts b/src/app/features/boards/board-task-list/board-task-list.component.ts
@@ -42,6 +42,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { fastArrayCompare } from '../../../util/fast-array-compare';
 import { first, take } from 'rxjs/operators';
 import { PlannerActions } from '../../planner/store/planner.actions';
+import { ShortPlannedAtPipe } from '../../../ui/pipes/short-planned-at.pipe';
 
 @Component({
   selector: 'board-task-list',
@@ -56,6 +57,7 @@ import { PlannerActions } from '../../planner/store/planner.actions';
     MatIcon,
     MatIconButton,
     TranslatePipe,
+    ShortPlannedAtPipe,
   ],
   templateUrl: './board-task-list.component.html',
   styleUrl: './board-task-list.component.scss',

diff --git a/src/app/ui/pipes/short-planned-at.pipe.ts b/src/app/ui/pipes/short-planned-at.pipe.ts
@@ -2,7 +2,7 @@ import { inject, LOCALE_ID, Pipe, PipeTransform } from '@angular/core';
 import { isToday } from '../../util/is-today.util';
 import { ShortTime2Pipe } from './short-time2.pipe';
 
-@Pipe({ name: 'shortPlannedAt' })
+@Pipe({ name: 'shortPlannedAt', standalone: true })
 export class ShortPlannedAtPipe implements PipeTransform {
   private _shortTime2Pipe = inject(ShortTime2Pipe);
   private locale = inject(LOCALE_ID);