added svcapi ui and camunda code
[it/otf.git] / otf-frontend / client / src / app / shared / modules / create-test-instance-form / create-test-instance-form.component.pug
diff --git a/otf-frontend/client/src/app/shared/modules/create-test-instance-form/create-test-instance-form.component.pug b/otf-frontend/client/src/app/shared/modules/create-test-instance-form/create-test-instance-form.component.pug
new file mode 100644 (file)
index 0000000..8739065
--- /dev/null
@@ -0,0 +1,139 @@
+//-  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