epsdk-app-onap/src/main/webapp/WEB-INF/jsp/testViewEdit.jsp

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