Add scouthub-attivita-fe

2026-07-23 19:35:45 +02:00
parent 2ee7d402b6
commit cfd2de4ca3
61 changed files with 11437 additions and 0 deletions
@@ -0,0 +1,46 @@
+import { Component, computed, inject, signal } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+import { Attivita, Paragrafo } from '../../core/models/attivita.model';
+import { AttivitaService } from '../../core/services/attivita';
+import { formatData, parseMarkdown, statoStyle } from '../../core/utils/stato-style';
+
+@Component({
+  selector: 'app-detail',
+  imports: [],
+  templateUrl: './detail.html',
+  styleUrl: './detail.css',
+})
+export class Detail {
+  private readonly route = inject(ActivatedRoute);
+  private readonly attivitaService = inject(AttivitaService);
+
+  readonly attivita = signal<Attivita | null>(null);
+  readonly caricamento = signal(true);
+
+  readonly dataModificaFmt = computed(() => formatData(this.attivita()?.dataModifica));
+  readonly statoTextColor = computed(() => statoStyle(this.attivita()?.stato.id ?? 'BO').color);
+  readonly brancaNomi = computed(() => (this.attivita()?.brancaList ?? []).map((b) => b.nome).join(', '));
+  readonly paragrafiOrdinati = computed(() =>
+    [...(this.attivita()?.paragrafoList ?? [])].sort((a, b) => a.ordine - b.ordine)
+  );
+
+  constructor() {
+    const idAttivita = Number(this.route.snapshot.paramMap.get('idAttivita'));
+    this.attivitaService.getOne(idAttivita).subscribe({
+      next: (attivita) => {
+        this.attivita.set(attivita);
+        this.caricamento.set(false);
+      },
+      error: () => this.caricamento.set(false),
+    });
+  }
+
+  isTitolo(paragrafo: Paragrafo): boolean {
+    return paragrafo.tipo.id === 'TITOLO';
+  }
+
+  tokens(paragrafo: Paragrafo) {
+    return parseMarkdown(paragrafo.corpo);
+  }
+}