196 lines
8.1 KiB
TypeScript
196 lines
8.1 KiB
TypeScript
import { Component, OnInit, OnDestroy } from '@angular/core';
|
|
|
|
import { ActivatedRoute, Router, RouterModule } from '@angular/router';
|
|
import { forkJoin, of } from 'rxjs';
|
|
import { switchMap } from 'rxjs/operators';
|
|
import { LucideAngularModule, Pencil, Trash2, AlertCircle } from 'lucide-angular';
|
|
import { TranslatePipe, TranslateService } from '@ngx-translate/core';
|
|
import { resolveCampaignIcon } from '../../campaign-icons';
|
|
import { CampaignService } from '../../../services/campaign.service';
|
|
import { CharacterService } from '../../../services/character.service';
|
|
import { NpcService } from '../../../services/npc.service';
|
|
import { RandomTableService } from '../../../services/random-table.service';
|
|
import { EnemyService } from '../../../services/enemy.service';
|
|
import { PageService } from '../../../services/page.service';
|
|
import { LayoutService } from '../../../services/layout.service';
|
|
import { PageTitleService } from '../../../services/page-title.service';
|
|
import { Arc, Chapter, Prerequisite } from '../../../services/campaign.model';
|
|
import { Page } from '../../../services/page.model';
|
|
import { loadCampaignTreeData, buildCampaignSidebarConfig } from '../../campaign-tree.helper';
|
|
import { ImageGalleryComponent } from '../../../shared/image-gallery/image-gallery.component';
|
|
import { ConfirmDialogService } from '../../../shared/confirm-dialog/confirm-dialog.service';
|
|
|
|
/**
|
|
* Écran de consultation d'un Arc narratif (lecture seule).
|
|
* Route : /campaigns/:campaignId/arcs/:arcId
|
|
* Bouton "Modifier" → /campaigns/:campaignId/arcs/:arcId/edit
|
|
*/
|
|
@Component({
|
|
selector: 'app-arc-view',
|
|
imports: [RouterModule, LucideAngularModule, ImageGalleryComponent, TranslatePipe],
|
|
templateUrl: './arc-view.component.html',
|
|
styleUrls: ['./arc-view.component.scss']
|
|
})
|
|
export class ArcViewComponent implements OnInit, OnDestroy {
|
|
readonly Pencil = Pencil;
|
|
readonly Trash2 = Trash2;
|
|
readonly AlertCircle = AlertCircle;
|
|
readonly resolveCampaignIcon = resolveCampaignIcon;
|
|
|
|
campaignId = '';
|
|
arcId = '';
|
|
arc: Arc | null = null;
|
|
|
|
/** Chapitres de l'arc courant — exploités pour le rendu HUB (grille de quêtes). */
|
|
hubQuests: Chapter[] = [];
|
|
|
|
/**
|
|
* Indexe les chapitres de toute la campagne par id pour résoudre les libellés
|
|
* des prérequis QUEST_COMPLETED quand on les affiche dans les tooltips de verrouillage.
|
|
*/
|
|
private allChaptersById: Record<string, Chapter> = {};
|
|
|
|
/** ID du Lore associé à la campagne (null si pas d'univers lié). */
|
|
loreId: string | null = null;
|
|
/** Pages du Lore — pour résoudre relatedPageIds en titres. */
|
|
availablePages: Page[] = [];
|
|
|
|
constructor(
|
|
private route: ActivatedRoute,
|
|
private router: Router,
|
|
private campaignService: CampaignService,
|
|
private characterService: CharacterService,
|
|
private npcService: NpcService,
|
|
private randomTableService: RandomTableService,
|
|
private enemyService: EnemyService,
|
|
private pageService: PageService,
|
|
private layoutService: LayoutService,
|
|
private pageTitleService: PageTitleService,
|
|
private confirmDialog: ConfirmDialogService,
|
|
private translate: TranslateService
|
|
) {}
|
|
|
|
ngOnInit(): void {
|
|
this.route.paramMap.subscribe(pm => {
|
|
const newCampaignId = pm.get('campaignId')!;
|
|
const newArcId = pm.get('arcId')!;
|
|
if (newArcId !== this.arcId || newCampaignId !== this.campaignId) {
|
|
this.campaignId = newCampaignId;
|
|
this.arcId = newArcId;
|
|
this.load();
|
|
}
|
|
});
|
|
}
|
|
|
|
private load(): void {
|
|
forkJoin({
|
|
campaign: this.campaignService.getCampaignById(this.campaignId),
|
|
allCampaigns: this.campaignService.getAllCampaigns(),
|
|
arc: this.campaignService.getArcById(this.arcId),
|
|
treeData: loadCampaignTreeData(this.campaignService, this.campaignId, this.characterService, this.npcService, this.randomTableService, this.enemyService)
|
|
}).pipe(
|
|
switchMap(data => {
|
|
const lid = data.campaign.loreId ?? null;
|
|
const pages$ = lid ? this.pageService.getByLoreId(lid) : of([] as Page[]);
|
|
return pages$.pipe(switchMap(pages => of({ ...data, pages, loreId: lid })));
|
|
})
|
|
).subscribe(({ campaign, allCampaigns, arc, treeData, pages, loreId }) => {
|
|
this.arc = arc;
|
|
this.loreId = loreId;
|
|
this.availablePages = pages;
|
|
this.pageTitleService.set(arc.name);
|
|
|
|
// Quêtes du Hub : chapitres de l'arc courant, triés par order puis par nom.
|
|
this.hubQuests = [...(treeData.chaptersByArc[this.arcId] ?? [])].sort((a, b) => {
|
|
const oa = a.order ?? 0;
|
|
const ob = b.order ?? 0;
|
|
if (oa !== ob) return oa - ob;
|
|
return a.name.localeCompare(b.name, 'fr', { numeric: true, sensitivity: 'base' });
|
|
});
|
|
// Index global pour résoudre les noms de quêtes référencées par les prérequis.
|
|
this.allChaptersById = {};
|
|
Object.values(treeData.chaptersByArc).forEach(list =>
|
|
list.forEach(c => { if (c.id) this.allChaptersById[c.id] = c; })
|
|
);
|
|
|
|
this.layoutService.show(buildCampaignSidebarConfig(campaign, allCampaigns, treeData, this.campaignId, this.translate));
|
|
});
|
|
}
|
|
|
|
/** Construit un libellé lisible pour un prérequis (tooltip de verrouillage). */
|
|
describePrerequisite(p: Prerequisite): string {
|
|
switch (p.kind) {
|
|
case 'QUEST_COMPLETED':
|
|
return this.translate.instant('arcView.prereqQuestCompleted', { name: this.allChaptersById[p.questId]?.name ?? '?' });
|
|
case 'SESSION_REACHED':
|
|
return this.translate.instant('arcView.prereqSessionReached', { n: p.minSessionNumber });
|
|
case 'FLAG_SET':
|
|
return this.translate.instant('arcView.prereqFlagSet', { flag: p.flagName });
|
|
}
|
|
}
|
|
|
|
openQuest(q: Chapter): void {
|
|
if (!q.id) return;
|
|
this.router.navigate([
|
|
'/campaigns', this.campaignId, 'arcs', this.arcId, 'chapters', q.id
|
|
]);
|
|
}
|
|
|
|
titleOfRelated(pageId: string): string {
|
|
return this.availablePages.find(p => p.id === pageId)?.title ?? this.translate.instant('arcView.deletedPage');
|
|
}
|
|
|
|
editMode(): void {
|
|
this.router.navigate(['/campaigns', this.campaignId, 'arcs', this.arcId, 'edit']);
|
|
}
|
|
|
|
/**
|
|
* Suppression en cascade : récupère d'abord le compte de chapitres / scènes
|
|
* qui tomberont avec l'arc, l'annonce dans la confirmation, puis délègue au
|
|
* backend (transaction atomique).
|
|
*/
|
|
deleteArc(): void {
|
|
if (!this.arc) return;
|
|
const arc = this.arc;
|
|
this.campaignService.getArcDeletionImpact(arc.id!).subscribe({
|
|
next: impact => {
|
|
const parts: string[] = [];
|
|
if (impact.chapters > 0) {
|
|
parts.push(this.translate.instant(impact.chapters > 1 ? 'arcView.chaptersPlural' : 'arcView.chaptersSingular', { n: impact.chapters }));
|
|
}
|
|
if (impact.scenes > 0) {
|
|
parts.push(this.translate.instant(impact.scenes > 1 ? 'arcView.scenesPlural' : 'arcView.scenesSingular', { n: impact.scenes }));
|
|
}
|
|
|
|
const details: string[] = [];
|
|
if (parts.length) {
|
|
details.push(this.translate.instant('arcView.deleteCascade', { parts: parts.join(', ') }));
|
|
}
|
|
details.push(this.translate.instant('arcView.irreversible'));
|
|
|
|
this.confirmDialog.confirm({
|
|
title: this.translate.instant('arcView.deleteConfirmTitle'),
|
|
message: this.translate.instant('arcView.deleteConfirmMessage', { name: arc.name }),
|
|
details,
|
|
confirmLabel: this.translate.instant('common.delete'),
|
|
variant: 'danger'
|
|
}).then(ok => {
|
|
if (!ok) return;
|
|
this.campaignService.deleteArc(arc.id!).subscribe({
|
|
next: () => this.router.navigate(['/campaigns', this.campaignId]),
|
|
error: () => console.error('Erreur lors de la suppression de l\'arc')
|
|
});
|
|
});
|
|
},
|
|
error: () => console.error('Impossible de récupérer les dépendances de l\'arc')
|
|
});
|
|
}
|
|
|
|
ngOnDestroy(): void {
|
|
// Volontairement vide : la sidebar reste prise en charge par le composant
|
|
// suivant (autre sous-route ou le composant detail parent) qui appellera
|
|
// show(). Eviter d'appeler hide() ici previent le clignotement / la
|
|
// disparition de la sidebar lors des navigations internes a la section.
|
|
}
|
|
}
|