--- /dev/null
+<div class="maindiv">
+ <div class="toolbar">
+ <app-toolbar></app-toolbar>
+ </div>
+ <!-- <div class="container"> -->
+ <div class="toaster">
+ <ngb-toast *ngFor="let toast of toastService.toasts" [class]="toast.classname" [autohide]="true"
+ [delay]="toast.delay || 5000" (hide)="toastService.remove(toast)" aria-live="polite" aria-atomic="true">
+ <ng-template [ngIf]="isTemplate(toast)" [ngIfElse]="text">
+ <ng-template [ngTemplateOutlet]="toast.textOrTpl"></ng-template>
+ </ng-template>
+
+ <ng-template #text>{{ toast.textOrTpl }}</ng-template>
+ </ngb-toast>
+ </div>
+
+ <div class="upload-accordion">
+
+ <mat-accordion>
+ <mat-expansion-panel>
+ <mat-expansion-panel-header>
+ <mat-panel-title>
+ Upload PCB images Input
+ </mat-panel-title>
+ <mat-panel-description>
+ Upload
+ </mat-panel-description>
+ </mat-expansion-panel-header>
+ <div>
+ <mat-label>Please select an Edge Site
+ </mat-label>
+ <mat-form-field style="padding-left: 60px;">
+ <mat-select placeholder="Select EdgeSite" [(ngModel)]="selectedEdgeSite"
+ (ngModelChange)="onEdgeSiteSelection()">
+ <mat-option *ngFor="let edgesite of edgesites" [value]="edgesite.value">
+ {{edgesite.viewValue}}
+ </mat-option>
+ </mat-select>
+ </mat-form-field>
+ </div>
+ <div>
+ <mat-label>Please select PCB Camera Input
+ </mat-label>
+ <mat-form-field style="padding-left: 20px;">
+ <mat-select placeholder="Select Camera Input" [(ngModel)]="selectedCamera"
+ (ngModelChange)="onCameraSelection()">
+ <mat-option *ngFor="let camera of cameras" [value]="camera.value">
+ {{camera.viewValue}}
+ </mat-option>
+ </mat-select>
+ </mat-form-field>
+ </div>
+
+
+ <div class="submit-button text-center">
+ <button type="button" class="btn btn-outline-primary" (click)="onSubmit()">Image
+ Upload</button>
+ </div>
+
+ <div style="padding-top:20px;" class="submit-button text-center">
+ <button type="button" class="btn btn-outline-primary" (click)="onPreview()" [routerLink]="'/displayimage'">Preview
+ Input Images</button>
+ </div>
+
+ <!-- <form [formGroup]="imageDeployForm" (ngSubmit)="onSubmit()">
+ <div>
+ <p>Please upload zip file contains the pcb images input
+ below...</p>
+ <mat-label>PCB input images zip
+ </mat-label>
+
+ <input type="file" formControlname="deployzipfile" (change)="fileProgress($event)" />
+ <div class="submit-button text-center">
+ <button type="button" class="btn btn-outline-primary" (click)="onSubmit()">Image
+ Upload</button>
+ </div>
+
+ <div style="padding-top:20px;" class="submit-button text-center">
+ <button type="button" class="btn btn-outline-primary" [routerLink]="'/displayimage'">Preview
+ Input Images</button>
+ </div>
+ </div>
+ </form> -->
+
+ </mat-expansion-panel>
+ </mat-accordion>
+ </div>
+
+ <div class="model-upload-accordion">
+
+ <mat-accordion>
+ <mat-expansion-panel>
+ <mat-expansion-panel-header>
+ <mat-panel-title>
+ Upload PCB Trained Model
+ </mat-panel-title>
+ <mat-panel-description>
+ Trained Model Upload
+ </mat-panel-description>
+ </mat-expansion-panel-header>
+
+ <div>
+ <mat-label>Please select Defect Category
+ </mat-label>
+ <mat-form-field style="padding-left: 20px;">
+ <mat-select placeholder="Select Defect Category" [(ngModel)]="selectedDefect"
+ (ngModelChange)="onDefectSelection()">
+ <mat-option *ngFor="let defect of defects" [value]="defect.value">
+ {{defect.viewValue}}
+ </mat-option>
+ </mat-select>
+ </mat-form-field>
+ </div>
+
+ <div>
+ <mat-label>Please select an Edge Site
+ </mat-label>
+ <mat-form-field style="padding-left: 40px;">
+ <mat-select placeholder="Select EdgeSite" [(ngModel)]="selectedEdgeSite"
+ (ngModelChange)="onEdgeSiteSelection()">
+ <mat-option *ngFor="let edgesite of edgesites" [value]="edgesite.value">
+ {{edgesite.viewValue}}
+ </mat-option>
+ </mat-select>
+ </mat-form-field>
+ </div>
+ <div class="submit-button text-center">
+ <button type="button" class="btn btn-outline-primary" (click)="onModelSubmit()">Model
+ Upload</button>
+ </div>
+
+ <!-- <form [formGroup]="modelDeployForm" (ngSubmit)="onSubmit()">
+ <div>
+ <p>Please Upload PCB trained model
+ below...</p>
+ <input type="file" formControlname="deploymodelfile" (change)="fileProgress($event)" />
+ <div class="submit-button text-center">
+ <button type="button" class="btn btn-outline-primary" (click)="onModelSubmit()">Model
+ Upload</button>
+ </div>
+ </div>
+ </form> -->
+
+ </mat-expansion-panel>
+ </mat-accordion>
+ </div>
+
+ <!-- PCB detect -->
+
+ <div class="pcb-detect-accordion">
+
+ <mat-accordion>
+ <mat-expansion-panel>
+ <mat-expansion-panel-header>
+ <mat-panel-title>
+ PCB Images Defect Detection
+ </mat-panel-title>
+ <mat-panel-description>
+ Expand Below to detect defects in PCB
+ </mat-panel-description>
+ </mat-expansion-panel-header>
+ <div>
+ <p>Click Below to Detect Defects in PCB images</p>
+
+ <div>
+ <mat-label>Please select an Edge Site
+ </mat-label>
+ <mat-form-field style="padding-left: 60px;">
+ <mat-select placeholder="Select EdgeSite" [(ngModel)]="selectedEdgeSite"
+ (ngModelChange)="onEdgeSiteSelection()">
+ <mat-option *ngFor="let edgesite of edgesites" [value]="edgesite.value">
+ {{edgesite.viewValue}}
+ </mat-option>
+ </mat-select>
+ </mat-form-field>
+ </div>
+
+ <div>
+ <mat-label>Please select PCB Camera Input
+ </mat-label>
+ <mat-form-field style="padding-left: 20px;">
+ <mat-select placeholder="Select Camera Input" [(ngModel)]="selectedCamera"
+ (ngModelChange)="onCameraSelection()">
+ <mat-option *ngFor="let camera of cameras" [value]="camera.value">
+ {{camera.viewValue}}
+ </mat-option>
+ </mat-select>
+ </mat-form-field>
+ </div>
+
+
+
+ <div class="submit-button text-center">
+ <button type="button" class="btn btn-outline-primary" (click)="onDetect()">PCB Detect</button>
+ </div>
+ </div>
+
+ </mat-expansion-panel>
+ </mat-accordion>
+ </div>
+
+ <!-- pcb results -->
+
+ <div class="pcb-results-accordion">
+
+ <mat-accordion>
+ <mat-expansion-panel>
+ <mat-expansion-panel-header>
+ <mat-panel-title>
+ Results showing PCB defects
+ </mat-panel-title>
+ <mat-panel-description>
+ Expand Below to view defects in PCB
+ </mat-panel-description>
+ </mat-expansion-panel-header>
+ <div>
+ <p>Click Below to Detect Defects in PCB images</p>
+
+ <div class="submit-button text-center">
+ <button type="button" class="btn btn-outline-primary"
+ [routerLink]="'/results'" >Result Images</button>
+ </div>
+ </div>
+
+ </mat-expansion-panel>
+ </mat-accordion>
+ </div>
+
+ <div style="padding-top: 20px;padding-bottom:185px;"class="submit-button text-center">
+ <!-- <button type="button" class="btn btn-outline-primary"
+ [routerLink]="'/results'">Result Images</button> -->
+ </div>
+
+</div>
\ No newline at end of file