Simple Managment webapp [LLM]

webapp/src/app/features/messages/message-detail/message-detail.component.ts

@@ -0,0 +1,102 @@
+import { Component, inject, signal, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ActivatedRoute, Router } from '@angular/router';
+import { NzCardModule } from 'ng-zorro-antd/card';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';
+import { NzTagModule } from 'ng-zorro-antd/tag';
+import { NzSpinModule } from 'ng-zorro-antd/spin';
+import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
+import { NzDividerModule } from 'ng-zorro-antd/divider';
+import { ApiService } from '../../../core/services/api.service';
+import { NotificationService } from '../../../core/services/notification.service';
+import { Message } from '../../../core/models';
+import { RelativeTimePipe } from '../../../shared/pipes/relative-time.pipe';
+
+@Component({
+  selector: 'app-message-detail',
+  standalone: true,
+  imports: [
+    CommonModule,
+    NzCardModule,
+    NzButtonModule,
+    NzIconModule,
+    NzDescriptionsModule,
+    NzTagModule,
+    NzSpinModule,
+    NzPopconfirmModule,
+    NzDividerModule,
+    RelativeTimePipe,
+  ],
+  templateUrl: './message-detail.component.html',
+  styleUrl: './message-detail.component.scss'
+})
+export class MessageDetailComponent implements OnInit {
+  private route = inject(ActivatedRoute);
+  private router = inject(Router);
+  private apiService = inject(ApiService);
+  private notification = inject(NotificationService);
+
+  message = signal<Message | null>(null);
+  loading = signal(true);
+  deleting = signal(false);
+
+  ngOnInit(): void {
+    const messageId = this.route.snapshot.paramMap.get('id');
+    if (messageId) {
+      this.loadMessage(messageId);
+    }
+  }
+
+  loadMessage(messageId: string): void {
+    this.loading.set(true);
+    this.apiService.getMessage(messageId).subscribe({
+      next: (message) => {
+        this.message.set(message);
+        this.loading.set(false);
+      },
+      error: () => {
+        this.loading.set(false);
+      }
+    });
+  }
+
+  goBack(): void {
+    this.router.navigate(['/messages']);
+  }
+
+  deleteMessage(): void {
+    const message = this.message();
+    if (!message) return;
+
+    this.deleting.set(true);
+    this.apiService.deleteMessage(message.message_id).subscribe({
+      next: () => {
+        this.notification.success('Message deleted');
+        this.router.navigate(['/messages']);
+      },
+      error: () => {
+        this.deleting.set(false);
+      }
+    });
+  }
+
+  getPriorityLabel(priority: number): string {
+    switch (priority) {
+      case 0: return 'Low';
+      case 1: return 'Normal';
+      case 2: return 'High';
+      default: return 'Unknown';
+    }
+  }
+
+  getPriorityColor(priority: number): string {
+    switch (priority) {
+      case 0: return 'default';
+      case 1: return 'blue';
+      case 2: return 'red';
+      default: return 'default';
+    }
+  }
+}