+//- Copyright (c) 2019 AT&T Intellectual Property. #\r
+//- #\r
+//- Licensed under the Apache License, Version 2.0 (the "License"); #\r
+//- you may not use this file except in compliance with the License. #\r
+//- You may obtain a copy of the License at #\r
+//- #\r
+//- http://www.apache.org/licenses/LICENSE-2.0 #\r
+//- #\r
+//- Unless required by applicable law or agreed to in writing, software #\r
+//- distributed under the License is distributed on an "AS IS" BASIS, #\r
+//- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. #\r
+//- See the License for the specific language governing permissions and #\r
+//- limitations under the License. #\r
+//- #############################################################################\r
+\r
+\r
+.row(style="margin-left: 0px")\r
+ .col\r
+ button.mr-2.mt-2(mat-raised-button, color="primary", (click)="getDefinition()") Select Definition\r
+ label() Selected Test Defintion: {{ selectedDefinition.testName || "None Selected" }}\r
+ div.mt-4(*ngIf="selectedDefinition.testName")\r
+ .col-md-12.mb-4\r
+ .row\r
+ mat-form-field.mr-3\r
+ input(matInput, [(ngModel)]="testInstance.testInstanceName", placeholder="Instance Name", required)\r
+ mat-error Required\r
+ mat-form-field\r
+ input(matInput, [(ngModel)]="testInstance.testInstanceDescription", placeholder="Description") \r
+ .row\r
+ Label() Select BPMN Version\r
+ .row \r
+ .col-md-4\r
+ mat-select.mr-2([(value)]="selectedBpmn", [disabled]="testInstance.useLatestTestDefinition || editMode", (selectionChange)="changeBpmn()") \r
+ mat-option( *ngFor="let bpmn of selectedDefinition.bpmnInstances | filterNonDeployed: myFilter", [value]="bpmn") {{bpmn.version}}\r
+\r
+ .col-md-4\r
+ mat-slide-toggle(*ngIf='!editMode', [(ngModel)]="testInstance.useLatestTestDefinition", (change)="useLatest()") Use latest\r
+ mat-slide-toggle.ml-2(color="primary", [(ngModel)]="testInstance.simulationMode", (change)="simulationMode()") Simulation Mode\r
+ \r
+ mat-accordion\r
+ mat-expansion-panel([expanded]="false")\r
+ mat-slide-toggle((change)="toggleYaml()", [checked]="displayYAML") Display Yaml Input\r
+ mat-expansion-panel-header Test Input\r
+ div(*ngIf='testInstance.testDataJSON || selectedBpmn.testDataTemplateJSON')\r
+ app-form-generator(*ngIf="!displayYAML", [JSONData] = 'testInstance.testDataJSON || selectedBpmn.testDataTemplateJSON', [taskId]= '', (childEvent)="saveTestDataOptions($event)" )\r
+ codemirror(*ngIf="displayYAML", [config]="codeConfig", [(ngModel)] = "testInstance['testData']")\r
+ \r
+ //- If Not in simulation mode, display vth input fields\r
+ div(*ngIf="!testInstance.simulationMode")\r
+ mat-slide-toggle.mt-4.mb-2((change) = "testHeadYaml()") Display Yaml (All VTHs)\r
+ mat-accordion(*ngFor = 'let testHead of selectedBpmn.testHeads; let i = index')\r
+ mat-expansion-panel(*ngIf="editMode || (testHead.testHeadId.testHeadName && testHead.testHeadId.testHeadName.toLowerCase() != 'robot')",[expanded]='false')\r
+ mat-expansion-panel-header {{ testHead.testHeadId.testHeadName || testInstance.vthInput[testHead.bpmnVthTaskId + "testHeadName"] }} ({{testHead.bpmnVthTaskId}})\r
+ app-form-generator(*ngIf= "!testHeadYAML", [JSONData] = 'testInstance.vthInput[testHead.bpmnVthTaskId] || testHead["testHeadId"]["vthInputTemplateJSON"]', [taskId]="testHead.bpmnVthTaskId", (childEvent)="saveFormOptions($event)")\r
+\r
+ codemirror(*ngIf="testHeadYAML", [config]="codeConfig", [(ngModel)] = "testInstance['vthInputYaml'][testHead.bpmnVthTaskId]")\r
+ \r
+ mat-expansion-panel(*ngIf="(testHead.testHeadId.testHeadName && testHead.testHeadId.testHeadName.toLowerCase() == 'robot')", [expanded]='false')\r
+ mat-expansion-panel-header {{ testHead.testHeadId.testHeadName || testInstance.vthInput[testHead.bpmnVthTaskId + "testHeadName"]}} ({{testHead.bpmnVthTaskId}}) Robot Files\r
+ mat-panel-title Resources\r
+ .row\r
+ .col-md-3\r
+ //- .mb-2 TESTING GIT TRACKING\r
+ //- | Multiple Files \r
+ //- mat-slide-toggle(color="primary", name="isZip", [(ngModel)]="isZip", (change)="uploader.clearQueue()")\r
+ //- | .zip\r
+ //- div \r
+ //- input(*ngIf="!isZip", type="file", name="scripts", ng2der")FileSelect, [uploader]="uploader", multiple)\r
+ input(*ngIf="isZip", type="file", name="scripts", ng2FileSelect, [uploader]="uploaders[testHead.bpmnVthTaskId]", accept="application/zip")\r
+ .col-md-8.ml-2\r
+ div(*ngIf="uploaders[testHead.bpmnVthTaskId].queue.length > 0")\r
+ label Files:\r
+ ul.list-group(style="position:relative")\r
+ li.list-group-item(*ngFor="let item of uploaders[testHead.bpmnVthTaskId].queue")\r
+ | {{ item?.file?.name }}\r
+ div.upload-progress([ngStyle]="{'width': item.progress + '%'}")\r
+ //button.pull-right(mat-button, (click)="upload()") Upload All\r
+ button.pull-right(mat-button, color="primary", (click)="uploaders[testHead.bpmnVthTaskId].clearQueue()") Remove All\r
+ \r
+ //- If in simulation mode, show simulated outputs and delays\r
+ div.mt-4(*ngIf="testInstance.simulationMode && testInstance.simulationVthInput")\r
+ mat-accordion\r
+ mat-expansion-panel(*ngFor="let testHead of selectedBpmn.testHeads; let i = index")\r
+ mat-expansion-panel-header \r
+ span(style="color: #2196f3") Simulated \r
+ | {{ testHead.testHeadId.testHeadName || testInstance.vthInput[testHead.bpmnVthTaskId + "testHeadName"] }} ({{testHead.bpmnVthTaskId}})\r
+ codemirror([config]="codeJsonConfig", *ngIf="testInstance.simulationVthInput[testHead.bpmnVthTaskId]", [(ngModel)]="testInstance.simulationVthInput[testHead.bpmnVthTaskId]")\r
+ //- h5.text-muted testHeadData.yaml\r
+ //- div(style="border: 1px solid lightgrey")\r
+ //- codemirror([config]="codeConfig", value = "{{ testInstance['testData']}}", [(ngModel)]='testInstance["testData"]')\r
+ div.mt-4(*ngIf="checkPfloInputLength()")\r
+ h4 PFLO Inputs\r
+ mat-accordion\r
+ mat-expansion-panel(*ngFor="let pflo of selectedBpmn.pflos; let i = index" color="primary")\r
+ mat-expansion-panel-header {{testInstance.pfloInput[pflo.bpmnPfloTaskId + "pfloName"]}} ({{pflo.bpmnPfloTaskId}})\r
+ .row\r
+ .col-md-6()\r
+ h5 Stop on Failure\r
+ mat-form-field\r
+ mat-select(placeholder="Interrupt On Failure", [(value)]="testInstance.pfloInput[pflo.bpmnPfloTaskId]['interruptOnFailure']", required)\r
+ mat-option([value]="false") False\r
+ mat-option([value]="true") True\r
+ h5 Max Number of Failures\r
+ mat-form-field\r
+ input(matInput, type="number", [(ngModel)] = "testInstance.pfloInput[pflo.bpmnPfloTaskId]['maxFailures']")\r
+ .col-md-6\r
+ h5 Number of Threads\r
+ mat-form-field\r
+ input(matInput, type="number", [(ngModel)] = "testInstance.pfloInput[pflo.bpmnPfloTaskId]['threadPoolSize']")\r
+ \r
+ .dropdown.mt-1(ngbDropdown, autoClose="outside", (openChange)="clearSelectedValues()", placement="left-top")\r
+ button(mat-raised-button, [disabled]="editMode", color="primary", ngbDropdownToggle, (click)="null") Add Instance\r
+ i.ml-1.fa.fa-caret-down\r
+ .dropdown-menu(ngbDropdownMenu)\r
+ h4.mb-2.ml-1(style="font-weight: bold;") Add Instances\r
+ input.ml-1(matInput, type='search', placeholder='Search...', color='blue', [(ngModel)]='search.testInstanceName')\r
+ div(style="max-height: 300px; overflow-y: scroll")\r
+ .px-4.py-3\r
+ .mr-2.ml-2(*ngFor="let instance of instances | filterBy:search")\r
+ mat-checkbox([(ngModel)]='instance.isSelected') {{instance.testInstanceName}} \r
+ div( style="text-align: center") \r
+ button.primary.mr-1(mat-raised-button, aria-label='Add', color="primary", (click)='addInstancesToPflo(pflo.bpmnPfloTaskId)') Add\r
+ \r
+ h4.mt-2(*ngIf="testInstance.pfloInput[pflo.bpmnPfloTaskId].args.length && !editMode", style="width:100%") Workflows\r
+ mat-accordion\r
+ mat-expansion-panel(*ngFor="let workReq of testInstance.pfloInput[pflo.bpmnPfloTaskId].args; let i = index")\r
+ mat-expansion-panel-header(style="align-text:center") {{tiNameLookup[workReq.testInstanceId]}}\r
+ //button.primary.mr-1.ml-4(mat-mini-fab, aria-label='Remove', color="warn", (click)="deleteWorkReq(pflo.bpmnPfloTaskId, i)")\r
+ i.fa.fa-remove.ml-2((click)="deleteWorkReq(pflo.bpmnPfloTaskId, i)")\r
+ app-workflow-request([formData]='testInstance.pfloInput[pflo.bpmnPfloTaskId].args[i]', [taskId]="pflo.bpmnPfloTaskId", [index]="i", (childEvent)="saveWorkReqForm($event)")\r
+.row(style="height:40px")\r
+.row.form-buttons(*ngIf = "selectedDefinition.testName")\r
+ .col-12.mt-3\r
+ .pull-right\r
+ h5.mr-2(style="color: Red", *ngIf='executionFailed') Tests failed to execute! \r
+ button.mr-2(mat-raised-button, *ngIf='!editMode', color="primary", (click)="saveAll()") Save\r
+ button(mat-raised-button, *ngIf='!editMode', color="warn", (click)="saveAndExecute()") Save and Execute\r
+ button.mr-2(mat-raised-button, *ngIf='editMode', color="primary", (click)="updateInstance()") Update\r
+ button.mr-2(mat-raised-button, *ngIf='editMode', color="primary", (click)="cancel()") Cancel
\ No newline at end of file