JoeKung/print-calculator
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

produzione 1 #9

Merged
JoeKung merged 135 commits from dev into main 2026-03-03 09:58:04 +01:00
Conversation 0 Commits 135 Files Changed 331 +72 -57
1 changed files with 72 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 44d99b0a68 - Show all commits

127
frontend/src/app/features/calculator/calculator-page.component.html
View File

@@ -1,64 +1,79 @@
<div class="container hero"> <div class="container hero">
<h1>{{ 'CALC.TITLE' | translate }}</h1> <h1>{{ 'CALC.TITLE' | translate }}</h1>
<p class="subtitle">{{ 'CALC.SUBTITLE' | translate }}</p> <p class="subtitle">{{ 'CALC.SUBTITLE' | translate }}</p>
@if (orderSuccess()) {
<app-alert type="success">{{ 'USER_DETAILS.ORDER_SUCCESS' | translate }}</app-alert>
}
@if (error()) {
<app-alert type="error">{{ 'CALC.ERROR_GENERIC' | translate }}</app-alert>
}
</div> </div>
<div class="container content-grid"> @if (step() === 'details' && result()) {
<!-- Left Column: Input --> <div class="container">
<div class="col-input"> <app-user-details
<app-card> [quote]="result()!"
<div class="mode-selector"> (submitOrder)="onSubmitOrder($event)"
<div class="mode-option" (cancel)="onCancelDetails()">
[class.active]="mode() === 'easy'" </app-user-details>
(click)="mode.set('easy')"> </div>
{{ 'CALC.MODE_EASY' | translate }} } @else {
</div> <div class="container content-grid">
<div class="mode-option" <!-- Left Column: Input -->
[class.active]="mode() === 'advanced'" <div class="col-input">
(click)="mode.set('advanced')"> <app-card>
{{ 'CALC.MODE_ADVANCED' | translate }} <div class="mode-selector">
</div> <div class="mode-option"
[class.active]="mode() === 'easy'"
(click)="mode.set('easy')">
{{ 'CALC.MODE_EASY' | translate }}
</div>
<div class="mode-option"
[class.active]="mode() === 'advanced'"
(click)="mode.set('advanced')">
{{ 'CALC.MODE_ADVANCED' | translate }}
</div>
</div>
<app-upload-form
#uploadForm
[mode]="mode()"
[loading]="loading()"
[uploadProgress]="uploadProgress()"
(submitRequest)="onCalculate($event)"
></app-upload-form>
</app-card>
</div> </div>
<app-upload-form <!-- Right Column: Result or Info -->
#uploadForm <div class="col-result" #resultCol>
[mode]="mode()"
[loading]="loading()"
[uploadProgress]="uploadProgress()"
(submitRequest)="onCalculate($event)"
></app-upload-form>
</app-card>
</div>
<!-- Right Column: Result or Info --> @if (loading()) {
<div class="col-result" #resultCol> <app-card class="loading-state">
@if (error()) { <div class="loader-content">
<app-alert type="error">Si è verificato un errore durante il calcolo del preventivo.</app-alert> <div class="spinner"></div>
} <h3 class="loading-title">Analisi in corso...</h3>
<p class="loading-text">Stiamo analizzando la geometria e calcolando il percorso utensile.</p>
@if (loading()) { </div>
<app-card class="loading-state"> </app-card>
<div class="loader-content"> } @else if (result()) {
<div class="spinner"></div> <app-quote-result
<h3 class="loading-title">Analisi in corso...</h3> [result]="result()!"
<p class="loading-text">Stiamo analizzando la geometria e calcolando il percorso utensile.</p> (consult)="onConsult()"
</div> (proceed)="onProceed()"
</app-card> (itemChange)="uploadForm.updateItemQuantityByName($event.fileName, $event.quantity)"
} @else if (result()) { ></app-quote-result>
<app-quote-result } @else {
[result]="result()!" <app-card>
(consult)="onConsult()" <h3>{{ 'CALC.BENEFITS_TITLE' | translate }}</h3>
(itemChange)="uploadForm.updateItemQuantityByName($event.fileName, $event.quantity)" <ul class="benefits">
></app-quote-result> <li>{{ 'CALC.BENEFITS_1' | translate }}</li>
} @else { <li>{{ 'CALC.BENEFITS_2' | translate }}</li>
<app-card> <li>{{ 'CALC.BENEFITS_3' | translate }}</li>
<h3>{{ 'CALC.BENEFITS_TITLE' | translate }}</h3> </ul>
<ul class="benefits"> </app-card>
<li>{{ 'CALC.BENEFITS_1' | translate }}</li> }
<li>{{ 'CALC.BENEFITS_2' | translate }}</li> </div>
<li>{{ 'CALC.BENEFITS_3' | translate }}</li> </div>
</ul> }
</app-card>
}
</div>
</div>