feat: implement decision due dates and overdue indicators

src/app/components/decision-form/decision-form.component.html

@@ -28,6 +28,11 @@ <h2>{{ isEditMode ? 'Edit Decision' : 'Create New Decision' }}</h2>
                 <option value="CLOSED">Closed</option>
             </select>
         </div>
+
+        <div class="form-group">
+            <label for="dueDate">Due Date (Optional)</label>
+            <input type="date" id="dueDate" formControlName="dueDate" class="form-control">
+        </div>
 
         <div class="form-actions">
             <button type="button" routerLink="../" class="btn-secondary">Back</button>

src/app/components/decision-form/decision-form.component.ts

@@ -28,7 +28,8 @@ export class DecisionFormComponent implements OnInit {
         this.decisionForm = this.fb.group({
             title: ['', Validators.required],
             description: [''],
-            status: ['DRAFT', Validators.required]
+            status: ['DRAFT', Validators.required],
+            dueDate: ['']
         });
     }
 
@@ -53,7 +54,8 @@ export class DecisionFormComponent implements OnInit {
                 this.decisionForm.patchValue({
                     title: decision.title,
                     description: decision.description,
-                    status: decision.status
+                    status: decision.status,
+                    dueDate: decision.dueDate ? new Date(decision.dueDate).toISOString().split('T')[0] : ''
                 });
             } else {
                 this.router.navigate(['../'], { relativeTo: this.route });

src/app/components/decision-list/decision-list.component.css

@@ -110,7 +110,22 @@
 }
 
 .decision-meta {
-    font-size: 12px;
-    color: #666;
-    margin-bottom: 10px;
+    display: flex;
+    justify-content: space-between;
+    font-size: 0.85rem;
+    color: #6c757d;
+    margin-bottom: 1.5rem;
+}
+
+.due-date {
+    display: flex;
+    align-items: center;
+    font-weight: 500;
+}
+
+.due-date.overdue {
+    color: #dc3545;
+    background-color: #f8dbdf;
+    padding: 2px 6px;
+    border-radius: 4px;
 }

src/app/components/decision-list/decision-list.component.html

@@ -20,6 +20,9 @@ <h3>{{ decision.title }}</h3>
             <p class="decision-desc">{{ decision.description || 'No description provided.' }}</p>
             <div class="decision-meta">
                 <span>Created: {{ decision.createdAt | date:'shortDate' }}</span>
+                <span *ngIf="decision.dueDate" class="due-date" [ngClass]="{'overdue': isOverdue(decision)}">
+                    Due: {{ decision.dueDate | date:'shortDate' }}
+                </span>
             </div>
             <div class="decision-actions">
                 <a [routerLink]="[decision.id, 'edit']" class="btn-secondary">Edit</a>

src/app/components/decision-list/decision-list.component.ts

@@ -33,6 +33,13 @@ export class DecisionListComponent implements OnInit {
         }
     }
 
+    isOverdue(decision: Decision): boolean {
+        if (!decision.dueDate || decision.status === 'CLOSED') {
+            return false;
+        }
+        return new Date(decision.dueDate) < new Date();
+    }
+
     private getWorkspaceIdFromRoute(): string | null {
         for (const route of this.route.pathFromRoot) {
             const id = route.snapshot.paramMap.get('id');

src/app/models/decision.model.ts

@@ -5,6 +5,7 @@ export interface Decision {
     status: 'DRAFT' | 'OPEN' | 'CLOSED';
     workspaceId: string;
     userId: string;
+    dueDate?: Date;
     createdAt: Date;
     updatedAt: Date;
     isDeleted: boolean;

src/app/services/decision.service.ts

@@ -20,6 +20,7 @@ export class DecisionService {
                 status: 'CLOSED',
                 workspaceId: 'ws-1',
                 userId: 'user-1',
+                dueDate: new Date('2023-11-01'),
                 createdAt: new Date('2023-10-25'),
                 updatedAt: new Date('2023-10-26'),
                 isDeleted: false
@@ -63,6 +64,7 @@ export class DecisionService {
             status: decision.status || 'DRAFT',
             workspaceId: decision.workspaceId,
             userId: 'user-1', // Mock user
+            dueDate: decision.dueDate,
             createdAt: new Date(),
             updatedAt: new Date(),
             isDeleted: false