vid/src/main/webapp/WEB-INF/jsp/testViewEdit.jsp

   1 <link rel="stylesheet" type="text/css"
   2         href="app/vid/test/testViewEdit.css" />
   3
   4 <script src="app/vid/test/testAaiData.js"></script>
   5 <script src="app/vid/test/testViewEdit.js"></script>
   6
   7 <link rel="stylesheet" type="text/css" href="app/vid/styles/dialogs.css" />
   8
   9 <script src="app/vid/scripts/controller/creationDialogController.js"></script>
  10 <script src="app/vid/scripts/controller/deletionDialogController.js"></script>
  11 <script src="app/vid/scripts/controller/detailsDialogController.js"></script>
  12 <script src="app/vid/scripts/controller/msoCommitController.js"></script>
  13
  14 <script src="app/vid/scripts/services/aaiService.js"></script>
  15 <script src="app/vid/scripts/services/asdcService.js"></script>
  16 <script src="app/vid/scripts/services/creationService.js"></script>
  17 <script src="app/vid/scripts/services/dataService.js"></script>
  18 <script src="app/vid/scripts/services/deletionService.js"></script>
  19 <script src="app/vid/scripts/services/detailsService.js"></script>
  20 <script src="app/vid/scripts/services/componentService.js"></script>
  21 <script src="app/vid/scripts/services/msoService.js"></script>
  22 <script src="app/vid/scripts/services/propertyService.js"></script>
  23 <script src="app/vid/scripts/services/utilityService.js"></script>
  24
  25 <script src="app/vid/scripts/directives/extensionsDirective.js"></script>
  26 <script src="app/vid/scripts/directives/parameterBlockDirective.js"></script>
  27 <script src="app/vid/scripts/directives/popupWindowDirective.js"></script>
  28 <script src="app/vid/scripts/directives/progressBarDirective.js"></script>
  29
  30 <script src="app/vid/scripts/constants/componentConstants.js"></script>
  31 <script src="app/vid/scripts/constants/fieldConstants.js"></script>
  32 <script src="app/vid/scripts/constants/parameterConstants.js"></script>
  33
  34 <!--
  35         Read configuration properties from server-side properties settings and
  36         pass to the test controller via the ng-include onload event.
  37
  38         Consider / investigate replacing this approach with an alternative
  39         REST / Angular mechanism.
  40 -->
  41 <%@ page import="org.openecomp.vid.mso.*"%>
  42 <%@ page import="org.openecomp.portalsdk.core.util.SystemProperties"%>
  43 <%
  44         String properties = "{msoMaxPolls:" + SystemProperties.getProperty(MsoProperties.MSO_MAX_POLLS)
  45                         + ",msoMaxPollingIntervalMsec:"
  46                         + SystemProperties.getProperty(MsoProperties.MSO_POLLING_INTERVAL_MSECS) + "}";
  47 %>
  48
  49 <div ng-controller="testViewEditController"
  50         ng-init="init(<%=properties%>);" ng-cloak>
  51
  52         <div popup-window class="popupContents" ngx-show="{{popup.isVisible}}"
  53                 ng-cloak>
  54                 <div ng-include="'app/vid/scripts/view-models/creationDialog.htm'"></div>
  55                 <div ng-include="'app/vid/scripts/view-models/deletionDialog.htm'"></div>
  56                 <div ng-include="'app/vid/scripts/view-models/detailsDialog.htm'"
  57                         onload="autoStartTest();"></div>
  58         </div>
  59
  60         <h1 class="heading2">
  61                 <center>Test View Edit Page</center>
  62         </h1>
  63         <hr />
  64         These buttons simulate the add, delete and "show details" (called
  65         "script" in User Stories) icons (or buttons) that are expected on the
  66         view / edit page.
  67         <hr />
  68         <div>
  69                 <input type="checkbox" ng-change="testMsoModeChanged();"
  70                         ng-model="isTestMsoMode"></input> <span>Use test MSO
  71                         controller</span>
  72         </div>
  73         <h3 ng-style="callbackStyle">CALLBACK: {{callbackResults}}</h3>
  74         <table>
  75                 <tr>
  76                         <td>Service</td>
  77                         <td>
  78                                 <button type="button" ng-click="createService();" att-button
  79                                         btn-type="primary" size="small">Add</button>
  80                         </td>
  81                         <td>
  82                                 <button type="button" ng-click="deleteService();" att-button
  83                                         btn-type="primary" size="small">Delete</button>
  84                         </td>
  85                         <td>
  86                                 <button type="button" ng-click="showServiceDetails();" att-button
  87                                         btn-type="primary" size="small">Show Details</button>
  88                         </td>
  89                 </tr>
  90                 <tr>
  91                         <td>VNF</td>
  92                         <td>
  93                                 <button type="button" ng-click="createVnf();" att-button
  94                                         btn-type="primary" size="small">Add</button>
  95                         </td>
  96                         <td>
  97                                 <button type="button" ng-click="deleteVnf();" att-button
  98                                         btn-type="primary" size="small">Delete</button>
  99                         </td>
 100                         <td>
 101                                 <button type="button" ng-click="showVnfDetails();" att-button
 102                                         btn-type="primary" size="small">Show Details</button>
 103                         </td>
 104                 </tr>
 105                 <tr>
 106                         <td>VF Module</td>
 107                         <td>
 108                                 <button type="button" ng-click="createVfModule();" att-button
 109                                         btn-type="primary" size="small">Add</button>
 110                         </td>
 111                         <td>
 112                                 <button type="button" ng-click="deleteVfModule();" att-button
 113                                         btn-type="primary" size="small">Delete</button>
 114                         </td>
 115                         <td>
 116                                 <button type="button" ng-click="showVfModuleDetails();" att-button
 117                                         btn-type="primary" size="small">Show Details</button>
 118                         </td>
 119                 </tr>
 120                 <tr>
 121                         <td>Volume Group</td>
 122                         <td>
 123                                 <button type="button" ng-click="createVolumeGroup();" att-button
 124                                         btn-type="primary" size="small">Add</button>
 125                         </td>
 126                         <td>
 127                                 <button type="button" ng-click="deleteVolumeGroup();" att-button
 128                                         btn-type="primary" size="small">Delete</button>
 129                         </td>
 130                         <td>
 131                                 <button type="button" ng-click="showVolumeGroupDetails();"
 132                                         att-button btn-type="primary" size="small">Show Details</button>
 133                         </td>
 134                 </tr>
 135                 <tr>
 136                         <td>Network</td>
 137                         <td>
 138                                 <button type="button" ng-click="createNetwork();" att-button
 139                                         btn-type="primary" size="small">Add</button>
 140                         </td>
 141                         <td>
 142                                 <button type="button" ng-click="deleteNetwork();" att-button
 143                                         btn-type="primary" size="small">Delete</button>
 144                         </td>
 145                         <td>
 146                                 <button type="button" ng-click="showNetworkDetails();" att-button
 147                                         btn-type="primary" size="small">Show Details</button>
 148                         </td>
 149                 </tr>
 150         </table>
 151 </div>
 152
 153 <!--  Temporary solution for footer overlapping the men after talking to EComp SDK developer on 06/16/2016 -->
 154
 155 <br>
 156 <br>
 157 <br>
 158 <br>
 159 <br>
 160 <br>
 161 <br>
 162 <br>
 163 <br>
 164 <br>
 165 <br>
 166 <br>
 167 <br>
 168 <br>
 169 <br>
 170