3 <app-toolbar></app-toolbar>
5 <!-- <div class="container"> -->
7 <ngb-toast *ngFor="let toast of toastService.toasts" [class]="toast.classname" [autohide]="true"
8 [delay]="toast.delay || 5000" (hide)="toastService.remove(toast)" aria-live="polite" aria-atomic="true">
9 <ng-template [ngIf]="isTemplate(toast)" [ngIfElse]="text">
10 <ng-template [ngTemplateOutlet]="toast.textOrTpl"></ng-template>
13 <ng-template #text>{{ toast.textOrTpl }}</ng-template>
17 <div class="upload-accordion">
21 <mat-expansion-panel-header>
23 Upload PCB images Input
25 <mat-panel-description>
27 </mat-panel-description>
28 </mat-expansion-panel-header>
30 <mat-label>Please select an Edge Site
32 <mat-form-field style="padding-left: 60px;">
33 <mat-select placeholder="Select EdgeSite" [(ngModel)]="selectedEdgeSite"
34 (ngModelChange)="onEdgeSiteSelection()">
35 <mat-option *ngFor="let edgesite of edgesites" [value]="edgesite.value">
36 {{edgesite.viewValue}}
42 <mat-label>Please select PCB Camera Input
44 <mat-form-field style="padding-left: 20px;">
45 <mat-select placeholder="Select Camera Input" [(ngModel)]="selectedCamera"
46 (ngModelChange)="onCameraSelection()">
47 <mat-option *ngFor="let camera of cameras" [value]="camera.value">
55 <div class="submit-button text-center">
56 <button type="button" class="btn btn-outline-primary" (click)="onSubmit()">Image
60 <div style="padding-top:20px;" class="submit-button text-center">
61 <button type="button" class="btn btn-outline-primary" (click)="onPreview()" [routerLink]="'/displayimage'">Preview
65 <!-- <form [formGroup]="imageDeployForm" (ngSubmit)="onSubmit()">
67 <p>Please upload zip file contains the pcb images input
69 <mat-label>PCB input images zip
72 <input type="file" formControlname="deployzipfile" (change)="fileProgress($event)" />
73 <div class="submit-button text-center">
74 <button type="button" class="btn btn-outline-primary" (click)="onSubmit()">Image
78 <div style="padding-top:20px;" class="submit-button text-center">
79 <button type="button" class="btn btn-outline-primary" [routerLink]="'/displayimage'">Preview
85 </mat-expansion-panel>
89 <div class="model-upload-accordion">
93 <mat-expansion-panel-header>
95 Upload PCB Trained Model
97 <mat-panel-description>
99 </mat-panel-description>
100 </mat-expansion-panel-header>
103 <mat-label>Please select Defect Category
105 <mat-form-field style="padding-left: 20px;">
106 <mat-select placeholder="Select Defect Category" [(ngModel)]="selectedDefect"
107 (ngModelChange)="onDefectSelection()">
108 <mat-option *ngFor="let defect of defects" [value]="defect.value">
116 <mat-label>Please select an Edge Site
118 <mat-form-field style="padding-left: 40px;">
119 <mat-select placeholder="Select EdgeSite" [(ngModel)]="selectedEdgeSite"
120 (ngModelChange)="onEdgeSiteSelection()">
121 <mat-option *ngFor="let edgesite of edgesites" [value]="edgesite.value">
122 {{edgesite.viewValue}}
127 <div class="submit-button text-center">
128 <button type="button" class="btn btn-outline-primary" (click)="onModelSubmit()">Model
132 <!-- <form [formGroup]="modelDeployForm" (ngSubmit)="onSubmit()">
134 <p>Please Upload PCB trained model
136 <input type="file" formControlname="deploymodelfile" (change)="fileProgress($event)" />
137 <div class="submit-button text-center">
138 <button type="button" class="btn btn-outline-primary" (click)="onModelSubmit()">Model
144 </mat-expansion-panel>
150 <div class="pcb-detect-accordion">
153 <mat-expansion-panel>
154 <mat-expansion-panel-header>
156 PCB Images Defect Detection
158 <mat-panel-description>
159 Expand Below to detect defects in PCB
160 </mat-panel-description>
161 </mat-expansion-panel-header>
163 <p>Click Below to Detect Defects in PCB images</p>
166 <mat-label>Please select an Edge Site
168 <mat-form-field style="padding-left: 60px;">
169 <mat-select placeholder="Select EdgeSite" [(ngModel)]="selectedEdgeSite"
170 (ngModelChange)="onEdgeSiteSelection()">
171 <mat-option *ngFor="let edgesite of edgesites" [value]="edgesite.value">
172 {{edgesite.viewValue}}
179 <mat-label>Please select PCB Camera Input
181 <mat-form-field style="padding-left: 20px;">
182 <mat-select placeholder="Select Camera Input" [(ngModel)]="selectedCamera"
183 (ngModelChange)="onCameraSelection()">
184 <mat-option *ngFor="let camera of cameras" [value]="camera.value">
193 <div class="submit-button text-center">
194 <button type="button" class="btn btn-outline-primary" (click)="onDetect()">PCB Detect</button>
198 </mat-expansion-panel>
204 <div class="pcb-results-accordion">
207 <mat-expansion-panel>
208 <mat-expansion-panel-header>
210 Results showing PCB defects
212 <mat-panel-description>
213 Expand Below to view defects in PCB
214 </mat-panel-description>
215 </mat-expansion-panel-header>
217 <p>Click Below to Detect Defects in PCB images</p>
219 <div class="submit-button text-center">
220 <button type="button" class="btn btn-outline-primary"
221 [routerLink]="'/results'" >Result Images</button>
225 </mat-expansion-panel>
229 <div style="padding-top: 20px;padding-bottom:185px;"class="submit-button text-center">
230 <!-- <button type="button" class="btn btn-outline-primary"
231 [routerLink]="'/results'">Result Images</button> -->