sdnc-a1-controller/oam/SdncReports/SdncReportsApi/src/main/resources/static/form-validationTest.html

   1 <!-- /*
   2    * ============LICENSE_START=======================================================
   3    * ONAP : SDNC-FEATURES
   4    * ================================================================================
   5    * Copyright 2018 TechMahindra
   6    *=================================================================================
   7    * Licensed under the Apache License, Version 2.0 (the "License");
   8    * you may not use this file except in compliance with the License.
   9    * You may obtain a copy of the License at
  10    *
  11    *     http://www.apache.org/licenses/LICENSE-2.0
  12    *
  13    * Unless required by applicable law or agreed to in writing, software
  14    * distributed under the License is distributed on an "AS IS" BASIS,
  15    * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16    * See the License for the specific language governing permissions and
  17    * limitations under the License.
  18    * ============LICENSE_END=========================================================
  19    */
  20     -->
  21 <div class="testMain" style="height:auto ;">
  22         <div class="heading">
  23                 <img src="images/validation.png" width=30 height="30"
  24                         style="margin-left: 5px;">&nbsp;&nbsp;Pre-test/Certification
  25         </div>
  26         <form name="reportForm">
  27                 <div class="row>
  28          <div role="
  29                         alert" style="margin-left: 20px; margin-bottom: 5px;">
  30                         <button class="btn btn-danger testNotification" ng-show="showError">
  31                                 <img src="images/error.png" width=40 height="30" class="testImgIcon">{{errorMessage}}
  32                         </button>
  33                         <button class="btn btn-success testNotification"
  34                                 ng-show="showSuccess">
  35                                 <img src="images/success.png" width=40 height="30"
  36                                         class="testImgIcon">{{successMessage}}
  37                         </button>
  38                         <button class="btn btn-warning testNotification"
  39                                 ng-show="showWarninf">
  40                                 <img src="images/waning.png" width=35 height="25"
  41                                         class="testImgIcon">{{warningMessage}}
  42                         </button>
  43                         <button class="btn btn-info testNotification" ng-show="showInfo">{{infoMessage}}</button>
  44                 </div>
  45                 <div class="row">
  46                         <div class="column testCol">
  47                                 <label class="labeltext">Specify IP Address</label>
  48                         </div>
  49                         <div class="column"
  50                                 style="background-color: #f2f2f2; width: 50%; margin-left: 0px;">
  51                                 <input type="text" ng-model="IPAddress" name="IPAddress"
  52                                         style="margin-left: 5px; width: 170px;" ng-ip-address
  53                                         placeholder='255.255.255.255' required></input>
  54                                 <div role="alert">
  55                                         <span class="error" ng-show="reportForm.IPAddress.$error.required">Required!</span>
  56                                 </div>
  57                                 <div role="alert">
  58                                         <span class="error" ng-if="reportForm.IPAddress.$invalid">Not
  59                                                 a valid IPAddress!</span>
  60                                 </div>
  61                                 <div role="alert">
  62                                         <span class="error" ng-if="reportForm.IPAddress.pattern">Not
  63                                                 a valid IPAddress!</span>
  64                                 </div>
  65                         </div>
  66                 </div>
  67                 <div class="row">
  68                         <div class="column testCol">
  69                                 <label class="labeltext">Specify Host Name</label>
  70                         </div>
  71                         <div class="column"
  72                                 style="background-color: #f2f2f2; width: 50%; margin-left: 0px;">
  73                                 <input type="text" ng-model="HostName" name="HostName"
  74                                         style="margin-left: 5px; width: 170px;" required
  75                                         ng-pattern="hostNamePattern"></input>
  76                                 <div role="alert">
  77                                         <span class="error" ng-show="reportForm.HostName.$error.required">Required!</span>
  78                                 </div>
  79                                 <div role="alert">
  80                                         <span class="error" ng-show="reportForm.HostName.$invalid">Not
  81                                                 a valid HostName!</span>
  82                                 </div>
  83                         </div>
  84                 </div>
  85                 <div class="row">
  86                         <div class="column"
  87                                 style="width: 25%; background-color: #f2f2f2; height: 45px; margin-left: 35px;">
  88                                 <label class="labeltext">Select Certification</label>
  89                         </div>
  90                         <div class="column"
  91                                 style="background-color: #f2f2f2; width: 50%; height: 45px; margin-left: 0px;">
  92                                 <label ng-repeat="val in validationTestList" class="labeltext"
  93                                         style="margin-right: 35px;"> <input type="checkbox"
  94                                         ng-model="val.Selected" class="check"
  95                                         ng-change="updateSelection($index,validationTestList,val.validationType);">{{val.validationType}}</input>
  96                                 </label>
  97                         </div>
  98                 </div>
  99                 <!--<hr style="border-color:darkGrey;">-->
 100                 <div class="row">
 101                         <div class="column btnRunTest">
 102                                 <input type="submit" ng-click="runTest()" value="Run PreTest"
 103                                         id="btnSubmit" ng-disabled="showError" style="margin-left: 0px;" />
 104                         </div>
 105
 106 </div>
 107                         <table class="tableDisplay" ng-show="ShowResult" id="tableToExport"
 108                                 style="margin-left: 10px; width: 1000px;">
 109                                 <tr class="first_row">
 110                                         <th>SNo.</th>
 111                                         <th colspan="2" style="text-align: center;">TestName</th>
 112                                         <th>Device IP</th>
 113                                         <th>Status</th>
 114                                         <th style="width: 20%;">Statistics (%Loss)</th>
 115                                         <th style="width: 20%;">Average Time (ms)</th>
 116                                         <th>Result</th>
 117                                 </tr>
 118                                 <tr ng-repeat="test in objPreTest">
 119                                         <td>{{$index+1}}</td>
 120                                         <td><img
 121                                                 src="{{(test.testtype=='Network Layer') ? 'images/images.png': 'images/protocol.png'}}"
 122                                                 width=40 height=30></img></td>
 123                                         <td>{{test.testtype}}</td>
 124                                         <td>{{test.ipaddress}}</td>
 125                                         <td>{{test.status | uppercase}}</td>
 126                                         <td>{{test.statistics | uppercase}}</td>
 127                                         <td>{{test.avgTime | uppercase}}</td>
 128
 129                                         <td><img
 130                                                 src="{{(test.status=='reachable') ? 'images/success.png': 'images/FailImage.png'}}"
 131                                                 width=30 height=25></img></td>
 132                                 </tr>
 133                         </table>
 134
 135         </form>
 136
 137         <div class="row">
 138                 <div class="column" style="margin-top: 10px; width: 800px;"
 139                         ng-show="ShowResult">
 140                         <span class='arrowRed'>&#8594;</span> <label class="labeltext">UnReachable</label>&nbsp;&nbsp;
 141                         <span class='arrowGreen'>&#8594;</span> <label class="labeltext">Reachable</label>&nbsp;&nbsp;
 142                         <span><img src='images/success.png' width=30 height=25></span>
 143                         <label class="labeltext">Pass</label>&nbsp;&nbsp; <span><img
 144                                 src='images/FailImage.png' width=30 height=25></span> <label
 145                                 class="labeltext">Fail</label>
 146                 </div>
 147         </div>
 148 </div>