123 lines
3.3 KiB
TypeScript
123 lines
3.3 KiB
TypeScript
import { Component, inject, OnInit } from '@angular/core';
|
|
import { CommonModule } from '@angular/common';
|
|
import { RouterLink } from '@angular/router';
|
|
import { FormsModule } from '@angular/forms';
|
|
import { PrintService } from '../../print.service';
|
|
import { StlViewerComponent } from '../../common/stl-viewer/stl-viewer.component';
|
|
|
|
@Component({
|
|
selector: 'app-advanced-quote',
|
|
standalone: true,
|
|
imports: [CommonModule, RouterLink, FormsModule, StlViewerComponent],
|
|
templateUrl: './advanced-quote.component.html',
|
|
styleUrls: ['./advanced-quote.component.scss']
|
|
})
|
|
export class AdvancedQuoteComponent implements OnInit {
|
|
printService = inject(PrintService);
|
|
|
|
selectedFile: File | null = null;
|
|
isDragOver = false;
|
|
isCalculating = false;
|
|
quoteResult: any = null;
|
|
|
|
// Available Profiles
|
|
machines: string[] = [];
|
|
filaments: string[] = [];
|
|
qualities: string[] = [];
|
|
|
|
// Parameters
|
|
params = {
|
|
machine: 'bambu_a1',
|
|
filament: 'pla_basic',
|
|
quality: 'standard',
|
|
layer_height: null,
|
|
infill_density: 15,
|
|
support_enabled: false
|
|
};
|
|
|
|
ngOnInit() {
|
|
this.printService.getProfiles().subscribe(data => {
|
|
this.machines = data.machines;
|
|
this.filaments = data.filaments;
|
|
this.qualities = data.processes;
|
|
});
|
|
}
|
|
|
|
onDragOver(event: DragEvent) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
this.isDragOver = true;
|
|
}
|
|
|
|
onDragLeave(event: DragEvent) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
this.isDragOver = false;
|
|
}
|
|
|
|
onDrop(event: DragEvent) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
this.isDragOver = false;
|
|
|
|
const files = event.dataTransfer?.files;
|
|
if (files && files.length > 0) {
|
|
if (files[0].name.toLowerCase().endsWith('.stl')) {
|
|
this.selectedFile = files[0];
|
|
this.quoteResult = null;
|
|
} else {
|
|
alert('Please upload an STL file.');
|
|
}
|
|
}
|
|
}
|
|
|
|
onFileSelected(event: any) {
|
|
const file = event.target.files[0];
|
|
if (file) {
|
|
this.selectedFile = file;
|
|
this.quoteResult = null;
|
|
}
|
|
}
|
|
|
|
removeFile(event: Event) {
|
|
event.stopPropagation();
|
|
this.selectedFile = null;
|
|
this.quoteResult = null;
|
|
}
|
|
|
|
calculate() {
|
|
if (!this.selectedFile) return;
|
|
|
|
this.isCalculating = true;
|
|
|
|
// Use PrintService
|
|
this.printService.calculateQuote(this.selectedFile, {
|
|
machine: this.params.machine,
|
|
filament: this.params.filament,
|
|
quality: this.params.quality,
|
|
infill_density: this.params.infill_density,
|
|
// Optional mappings if user selected overrides
|
|
// layer_height: this.params.layer_height,
|
|
// support_enabled: this.params.support_enabled
|
|
})
|
|
.subscribe({
|
|
next: (res) => {
|
|
console.log('API Response:', res);
|
|
if (res.success) {
|
|
this.quoteResult = res.data;
|
|
console.log('Quote Result set to:', this.quoteResult);
|
|
} else {
|
|
console.error('API succeeded but returned error flag:', res.error);
|
|
alert('Error: ' + res.error);
|
|
}
|
|
this.isCalculating = false;
|
|
},
|
|
error: (err) => {
|
|
console.error(err);
|
|
alert('Calculation failed: ' + (err.error?.detail || err.message));
|
|
this.isCalculating = false;
|
|
}
|
|
});
|
|
}
|
|
}
|