48 lines
1.8 KiB
HTML
48 lines
1.8 KiB
HTML
<div class="chapter-create-page">
|
|
|
|
<div class="page-header">
|
|
<h1>{{ (isHub ? 'chapterCreate.titleQuest' : 'chapterCreate.titleChapter') | translate }}</h1>
|
|
@if (arcName) {
|
|
<p class="arc-ref">{{ (isHub ? 'chapterCreate.hub' : 'chapterCreate.arc') | translate }} : {{ arcName }}</p>
|
|
}
|
|
</div>
|
|
|
|
<form [formGroup]="form" (ngSubmit)="submit()" class="chapter-form">
|
|
|
|
<div class="field">
|
|
<label for="chapter-create-name">{{ (isHub ? 'chapterCreate.nameQuestLabel' : 'chapterCreate.nameChapterLabel') | translate }}</label>
|
|
<input
|
|
id="chapter-create-name"
|
|
type="text"
|
|
formControlName="name"
|
|
[placeholder]="(isHub ? 'chapterCreate.namePlaceholderQuest' : 'chapterCreate.namePlaceholderChapter') | translate"
|
|
[class.invalid]="form.get('name')?.invalid && form.get('name')?.touched"
|
|
/>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label for="chapter-create-description">{{ 'common.description' | translate }}</label>
|
|
<textarea
|
|
id="chapter-create-description"
|
|
formControlName="description"
|
|
[placeholder]="(isHub ? 'chapterCreate.descPlaceholderQuest' : 'chapterCreate.descPlaceholderChapter') | translate"
|
|
rows="5">
|
|
</textarea>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label>{{ 'chapterCreate.icon' | translate }}</label>
|
|
<app-icon-picker [options]="campaignIconOptions" [(selected)]="selectedIcon"></app-icon-picker>
|
|
</div>
|
|
|
|
<div class="form-actions">
|
|
<button type="submit" class="btn-primary" [disabled]="form.invalid">
|
|
{{ (isHub ? 'chapterCreate.createQuest' : 'chapterCreate.createChapter') | translate }}
|
|
</button>
|
|
<button type="button" class="btn-secondary" (click)="cancel()">{{ 'common.cancel' | translate }}</button>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|