frassidavid/canti
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tasto back e bugfix editor

Browse Source
This commit is contained in:
David Frassi
2026-06-18 13:55:55 +02:00
parent d4a52a8fbf
commit 68d455289d
9 changed files with 471 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/propose-canto/propose-canto.page.html
+20 -7
View File
@@ -31,9 +31,19 @@
</div>
</div>
<!-- Segment Control for mobile layout -->
<ion-segment [(ngModel)]="activeTab" class="custom-mobile-segment ion-margin-bottom" mode="md">
<ion-segment-button value="editor">
<ion-label>Editor</ion-label>
</ion-segment-button>
<ion-segment-button value="preview">
<ion-label>Anteprima</ion-label>
</ion-segment-button>
</ion-segment>
<div class="editor-preview-split">
<!-- Left Column: Inputs & Editor -->
<div class="editor-column">
<div class="editor-column" [class.hide-on-mobile]="activeTab === 'preview'">
<ion-list lines="none" class="input-list">
<ion-item class="custom-input-item">
<ion-label position="stacked">Titolo del Canto</ion-label>
@@ -44,7 +54,7 @@
<ion-item class="custom-input-item select-item">
<ion-label position="stacked">Momento Liturgico</ion-label>
<ion-select [(ngModel)]="selectedLiturgico" placeholder="Scegli momento" multiple="true" interface="popover">
<ion-select-option *ngFor="let lit of cantiService.indiceLiturgico()" [value]="lit.id">
<ion-select-option *ngFor="let lit of sortedLiturgico" [value]="lit.id">
{{ lit.tag_name }}
</ion-select-option>
</ion-select>
@@ -53,7 +63,7 @@
<ion-item class="custom-input-item select-item">
<ion-label position="stacked">Periodo / Tema</ion-label>
<ion-select [(ngModel)]="selectedTematico" placeholder="Scegli tema" multiple="true" interface="popover">
<ion-select-option *ngFor="let tem of cantiService.indiceTematico()" [value]="tem.id">
<ion-select-option *ngFor="let tem of sortedTematico" [value]="tem.id">
{{ tem.tag_name }}
</ion-select-option>
</ion-select>
@@ -103,13 +113,16 @@
<span>Editor Testo</span>
</div>
<div class="editor-actions">
<ion-button fill="clear" size="small" (click)="undo()" [disabled]="undoStack.length === 0">
<ion-button fill="clear" size="small" (click)="undo()" [disabled]="undoStack.length === 0" title="Annulla ultima modifica">
<ion-icon name="undo-outline"></ion-icon>
</ion-button>
<ion-button fill="clear" size="small" (click)="takePhoto()">
<ion-button fill="clear" size="small" (click)="deduceChords()" [disabled]="!content" title="Deduci accordi per le altre strofe">
<ion-icon name="musical-notes-outline"></ion-icon>
</ion-button>
<ion-button fill="clear" size="small" (click)="takePhoto()" title="Scatta foto">
<ion-icon name="camera-outline"></ion-icon>
</ion-button>
<ion-button fill="clear" size="small" (click)="chooseFile()">
<ion-button fill="clear" size="small" (click)="chooseFile()" title="Allega file o PDF">
<ion-icon name="document-attach-outline"></ion-icon>
</ion-button>
</div>
@@ -142,7 +155,7 @@
</div>
<!-- Right Column: Active Preview Pane -->
<div class="preview-column">
<div class="preview-column" [class.hide-on-mobile]="activeTab === 'editor'">
<div class="preview-card" [class.hc]="isHighContrast">
<div class="preview-header">
<span class="preview-title">Anteprima Attiva</span>