apiroute/apiroute-service/src/main/resources/iui-route/index.html

   1 <!--\r
   2 \r
   3 Copyright (C) 2016 ZTE, Inc. and others. All rights reserved. (ZTE)\r
   4 \r
   5 Licensed under the Apache License, Version 2.0 (the "License");\r
   6 you may not use this file except in compliance with the License.\r
   7 You may obtain a copy of the License at\r
   8 \r
   9     http://www.apache.org/licenses/LICENSE-2.0\r
  10 \r
  11 Unless required by applicable law or agreed to in writing, software\r
  12 distributed under the License is distributed on an "AS IS" BASIS,\r
  13 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
  14 See the License for the specific language governing permissions and\r
  15 limitations under the License.\r
  16 \r
  17 -->\r
  18 <!DOCTYPE html>\r
  19 <html>\r
  20 <head lang="en">\r
  21 <meta charset="UTF-8">\r
  22 <title id="org_onap_msb_route_title" name_i18n="org_onap_msb_route_ui_i18n"></title>\r
  23 <link rel="shortcut icon" href="img/zte_logo_16.gif" />\r
  24 <link\r
  25         href="js/fontAwesome/css/font-awesome.min.css"\r
  26         rel="stylesheet" />\r
  27 <link\r
  28         href="js/bootstrap/css/bootstrap.min.css"\r
  29         rel="stylesheet" />\r
  30 \r
  31 \r
  32 \r
  33 <link href="css/route.css" rel="stylesheet" type="text/css" />\r
  34 <link href="css/base.css" rel="stylesheet" type="text/css" />\r
  35 <link href="css/animate.min.css" rel="stylesheet" type="text/css" />\r
  36 <link href="js/dataTables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />\r
  37 \r
  38 <style>\r
  39 .ms-controller {\r
  40         visibility: hidden\r
  41 }\r
  42 </style>\r
  43 \r
  44   <script type="text/javascript"  src="js/jquery/jquery-1.10.2.min.js"></script>\r
  45  <script type="text/javascript">\r
  46       var iuiRootPath="iui";\r
  47       var apiRootPath="api";\r
  48     \r
  49       $.ajaxSettings.async = false;\r
  50         $.getJSON("./ext/initUrlRootPath/initUrlRootPath.json",function(json){\r
  51          iuiRootPath=json.iuiRootPath;\r
  52          apiRootPath=json.apiRootPath;\r
  53         });\r
  54       \r
  55 \r
  56       var apiBasePath="/"+apiRootPath+"/microservices/v1";\r
  57       var iuiBasePath="/"+iuiRootPath+"/microservices";\r
  58 \r
  59 </script>\r
  60 \r
  61 \r
  62 \r
  63 \r
  64 </head>\r
  65 <body class="ms-controller"  ms-controller="routeController">\r
  66 \r
  67 \r
  68 \r
  69     <div  id="routeHead">\r
  70         <div class="navbar-inner container-fluid" id="top-bar">\r
  71             <header class="row-fluid">            \r
  72             <div class="logoimg"><img class="logo" src="img/logo.png" alt="Logo"></div>\r
  73             <div class="chineseTitle" id="org_onap_msb_route_chinese_name" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
  74             <div class="englishTitle" id="org_onap_msb_route_english_name" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
  75             </header>\r
  76         </div>\r
  77 </div>\r
  78 \r
  79  <script type="text/javascript">\r
  80  if (self != top) {document.getElementById("routeHead").style.display="none";}\r
  81 \r
  82  var currentLang = navigator.language;  \r
  83 if(!currentLang) {currentLang = navigator.browserLanguage; } \r
  84 if(currentLang.toLowerCase() != "zh-cn") {$("#logo").hide(); }\r
  85  </script>\r
  86 \r
  87 <div style=" background-color: #f1f3fa !important; ">\r
  88 \r
  89 \r
  90  <div class="row row1 container-fluid" ms-visible="boxVisible">\r
  91 \r
  92    <ul class="nav nav-tabs" id="panelTab" style="margin-top: 10px;">\r
  93   <li  class="active" ><a href="#apiPanel" data-toggle="tab" id="apiTab"><i class="fa fa-cloud fa-1x"></i> <span id="org_onap_msb_route_tab_api" name_i18n="org_onap_msb_route_ui_i18n"></span> </a></li>\r
  94   <li ><a href="#iuiPanel" data-toggle="tab" id="iuiTab"><i class="fa fa-tv fa-1x"></i> <span id="org_onap_msb_route_tab_iui" name_i18n="org_onap_msb_route_ui_i18n"></span></a></li>\r
  95   <li ><a href="#customPanel" data-toggle="tab" id="customTab"><i class="fa fa-cogs fa-1x"></i> <span id="org_onap_msb_route_tab_custom" name_i18n="org_onap_msb_route_ui_i18n"></span> </a></li> \r
  96    <li ms-visible="!discoverInfo.enabled" ><a href="#msbPanel" data-toggle="tab" id="msbTab"><i class="fa fa-cubes fa-1x"></i> <span id="org_onap_msb_route_tab_msb" name_i18n="org_onap_msb_route_ui_i18n"></span> </a></li>  \r
  97 </ul>\r
  98 <div class="tab-content" >\r
  99  <div id="apiPanel" class="tab-pane active"> \r
 100     <div class="row" style=" margin-top: 10px;text-align:right;  margin-right: 20px;">\r
 101    \r
 102           <button ms-visible="!discoverInfo.enabled" class="btn btn-primary" id="app-new-btn" ms-click="$showApiRouteDlg()" >\r
 103                   <i class=" fa fa-plus-circle"></i> <span id="org_onap_msb_route_btn_add_api" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 104                </button>\r
 105        \r
 106     </div>\r
 107 \r
 108 \r
 109 <div id="routeDlg" class="modal  fade" tabindex="-1" role="dialog"\r
 110         aria-labelledby="myModalLabel" aria-hidden="true" >\r
 111         <div class="modal-dialog">\r
 112             <div class="modal-content Changepasswd">\r
 113                 <div class="content">\r
 114                     <div class="modal-header">\r
 115                         <button type="button" class="close" data-dismiss="modal"\r
 116                             aria-hidden="true">×</button>\r
 117                         <h3 id="myModalLabel" ms-text="routeDlgInfo.titleName"></h3>\r
 118                     </div>\r
 119                     <div class="modal-body">\r
 120                      <div class="alert alert-info" ms-visible="server_rtn.info_block"></div>\r
 121                     <div class="alert alert-danger " ms-visible="server_rtn.warning_block" ms-text="server_rtn.rtn_info"></div>\r
 122                    \r
 123 \r
 124     \r
 125 \r
 126  <div id="info" class="tab-pane active">                     \r
 127                       \r
 128       <form class="form-horizontal" id="routeForm" role="form">   \r
 129            \r
 130                <div class="tipArea" id="org_onap_msb_route_form_sourceservice" name_i18n="org_onap_msb_route_ui_i18n"></div> \r
 131                 <div class="form-group" ms-visible="!discoverInfo.enabled">\r
 132                             \r
 133                              <label class="control-label col-sm-3">\r
 134                                     <span id="org_onap_msb_route_form_address" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 135                                   <span class="required" aria-required="true">*</span>\r
 136                                 </label>   \r
 137                           \r
 138                               \r
 139                                  <div class="col-sm-6" style="padding-right: 5px;">\r
 140                                  <div class="item-tip" id="org_onap_msb_route_form_host_tip" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
 141                                 <input type="text" ms-duplex="apiRouteInfo.server"  name="server" class="form-control form-tip"  ms-attr-disabled="discoverInfo.enabled" style="display:inline-block;" />\r
 142                                  <span class="help-block"></span>\r
 143                                  </div>\r
 144                                   <div class="col-sm-1" style=" padding-left: 0px;" >  \r
 145                                  <a href="#" ms-click="addapiHost()"  class="btn btn-default " title="org_onap_msb_route_form_btn_addhost" name_i18n="org_onap_msb_route_ui_i18n"><i class="fa fa-plus-circle"></i></a>\r
 146                                  </div>\r
 147                              </div>\r
 148 \r
 149                               <div class="form-group">\r
 150                             <label class="control-label col-sm-3">\r
 151                                <span ms-visible="discoverInfo.enabled" id="org_onap_msb_route_form_address" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 152                             </label>     \r
 153                            <div  class="hostTableDiv col-sm-7">\r
 154                                  <table class="table table-striped hostTable">\r
 155                                    <thead>\r
 156                                       <tr>\r
 157                                          <th id="org_onap_msb_route_form_node_no" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 158                                          <th>IP</th>\r
 159                                          <th>PORT</th>\r
 160                                          <th ms-visible="!discoverInfo.enabled" id="org_onap_msb_route_form_node_control" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 161                                       </tr>\r
 162                                    </thead>\r
 163                                    <tbody ms-each-server="vm.apiRouteInfo.servers">\r
 164                                       <tr>\r
 165                                          <td>{{$index+1}}</td>\r
 166                                          <td ms-text="server.ip"></td>\r
 167                                          <td ms-text="server.port"></td>\r
 168                                          <td ms-visible="!discoverInfo.enabled"><a href="#" ms-click="delapiHost(server.ip,server.port)" style="padding: 0px 6px;" class="btn btn-default btn-s"><i class="fa fa-trash-o"></i></a></td>\r
 169                                       </tr> \r
 170                                      \r
 171                    \r
 172                                    </tbody>\r
 173                                    </table> \r
 174                                 </div> \r
 175 \r
 176                         </div>\r
 177               \r
 178                          <div class="form-group" tyle="margin-bottom: 0;">\r
 179                             <label class="control-label col-sm-3">\r
 180                                     <span id="org_onap_msb_route_form_url" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 181                                     <span class="required" aria-required="true">*</span> \r
 182                                 </label>\r
 183                             <div class="col-sm-7">\r
 184                                 \r
 185                                 <input type="text" ms-duplex="apiRouteInfo.url"  name="url" class="form-control" id="form-url" value="/" ms-attr-disabled="discoverInfo.enabled"/>\r
 186                                 <span class="help-block"></span>\r
 187                             </div>\r
 188                             \r
 189                         </div>\r
 190                  <div class="tipArea" id="org_onap_msb_route_form_target_tip" name_i18n="org_onap_msb_route_ui_i18n"></div>       \r
 191                <div class="form-group">\r
 192                             <label class="control-label col-sm-3">\r
 193                                     <span id="org_onap_msb_route_form_target_service" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 194                               \r
 195                                 </label>\r
 196                             <div class="col-sm-7 line_break">{{vm.apiRouteInfo.publishProtocol}}://{{vm.route.routeHost}}/{{vm.route.apiRootPath}}/{{vm.apiRouteInfo.serviceName}}/{{vm.apiRouteInfo.version}}</div>\r
 197                             \r
 198                         </div>    \r
 199              <div class="form-group">\r
 200                             <label class="control-label col-sm-3">\r
 201                                     <span id="org_onap_msb_route_form_servicename" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 202                                     <span class="required" aria-required="true">*</span>\r
 203                                 </label>\r
 204                             <div class="col-sm-7">  \r
 205                                 <input type="text" ms-duplex="apiRouteInfo.serviceName"  name="serviceName"  class="form-control" ms-attr-disabled="discoverInfo.enabled" />\r
 206                                 <span class="help-block"></span>\r
 207                             </div>\r
 208                             \r
 209                         </div>\r
 210             \r
 211              <div class="form-group">\r
 212                             <label class="control-label col-sm-3">\r
 213                                     <span id="org_onap_msb_route_form_version" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 214                                    \r
 215                                 </label>\r
 216                             <div class="col-sm-7">                            \r
 217                              <div class="item-tip" ms-class-item-tip-none ="routeDlgInfo.saveType=='update'" id="org_onap_msb_route_form_version_tip" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
 218                                 <input type="text" ms-duplex="apiRouteInfo.version"  name="version" class="form-control form-tip"  ms-attr-disabled="discoverInfo.enabled" />\r
 219                                 <span class="help-block"></span>\r
 220                             </div>\r
 221                             \r
 222                         </div>\r
 223                          \r
 224             \r
 225             \r
 226                          <div class="form-group">\r
 227                             <label class="control-label col-sm-3">\r
 228                                     <span><a href="javascript:;"  class="collapse-box" data-toggle="collapse" \r
 229                              data-target="#apiJsonFullurl">\r
 230                                     <i class="fa fa-plus" id="apiJsonCollapse"></i> <span id="org_onap_msb_route_form_swagger" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 231                                   </a></span>\r
 232                                 \r
 233                                 </label>\r
 234                             <div class="col-sm-7">\r
 235                                <div class="input-group">\r
 236                         <input type="text" class="form-control"  ms-if="apiRouteInfo.apiJsonType=='1'" ms-duplex="apiJson.custom"  ms-attr-disabled="routeDlgInfo.saveType=='view'"/>\r
 237                         <select class="form-control m-b" ms-if="apiRouteInfo.apiJsonType=='0'"  ms-each="jsonApiSelectList.selectItems"   ms-duplex="apiJson.local" id="apiJsonSelect" ms-attr-disabled="routeDlgInfo.saveType=='view'">             \r
 238                             <option ms-attr-value='el'>{{el}}</option>\r
 239                         </select>\r
 240 \r
 241                             <div class="input-group-btn">\r
 242                                 <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button" aria-expanded="false" ms-attr-disabled="routeDlgInfo.saveType=='view'">{{showAPITypeName[apiRouteInfo.apiJsonType]}} <span class="caret"></span></button>\r
 243                                 <ul class="dropdown-menu pull-right">\r
 244                                     <li><a ms-click="setAPIType(0)">{{showAPITypeName[0]}}</a></li>          \r
 245                                     <li><a ms-click="setAPIType(1)">{{showAPITypeName[1]}}</a></li>\r
 246                                 </ul>\r
 247                             </div>\r
 248                         </div>\r
 249                                 <span class="help-block"></span>\r
 250                             </div>\r
 251                          \r
 252 \r
 253                         \r
 254                             \r
 255                         </div>\r
 256 \r
 257                         <div id="apiJsonFullurl" class="form-group collapse in">\r
 258                          <label class="control-label col-sm-3"><span id="org_onap_msb_route_form_swagger_address" name_i18n="org_onap_msb_route_ui_i18n"></span></label>\r
 259                                 <div  class="col-sm-9">\r
 260                                 <div> \r
 261                                   <i class="fa fa-home fa-fw"></i> <span id="org_onap_msb_route_form_target_address" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 262                                   <span ms-if="vm.apiRouteInfo.apiJsonType==0">{{vm.route.routeHost}}/{{vm.route.iuiRootPath}}/microservices/ext/initSwaggerJson/{{vm.apiJson.local}}</span>\r
 263                                   <span ms-if="vm.apiRouteInfo.apiJsonType==1">{{vm.apiRouteInfo.servers[0].ip+":"+vm.apiRouteInfo.servers[0].port}}{{vm.apiJson.custom}}</span>\r
 264                                   </div>\r
 265                                   <div> \r
 266                                   <i class="fa fa-cloud-upload fa-fw"></i><span id="org_onap_msb_route_form_publish_address" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 267                                   <span ms-if="vm.apiRouteInfo.apiJsonType==0">{{vm.route.routeHost}}/{{vm.route.iuiRootPath}}/microservices/ext/initSwaggerJson/{{vm.apiJson.local}}</span>\r
 268                                   <span ms-if="vm.apiRouteInfo.apiJsonType==1">{{vm.route.routeHost}}/apijson/{{vm.apiRouteInfo.serviceName}}/{{vm.apiRouteInfo.version}}</span>\r
 269                                 </div> \r
 270 \r
 271                                 \r
 272                                 </div>\r
 273                         </div>\r
 274 \r
 275                      \r
 276             </form>\r
 277    </div>         \r
 278       \r
 279 \r
 280           \r
 281 \r
 282                     </div>\r
 283                     <div class="modal-footer" \r
 284                          ms-visible="routeDlgInfo.saveType!='view'">\r
 285                         <button class="btn" data-dismiss="modal" aria-hidden="true" id="org_onap_msb_route_form_btn_cancel" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 286                         <button class="btn btn-primary" type="submit" ms-click="$saveApiRoute()" id="org_onap_msb_route_form_btn_save" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 287                     </div>\r
 288                     <div class="modal-footer" \r
 289                          ms-visible="routeDlgInfo.saveType=='view'">\r
 290                         <button class="btn  btn-primary" data-dismiss="modal" aria-hidden="true" id="org_onap_msb_route_form_btn_close" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 291                        \r
 292                     </div>\r
 293                 </div>\r
 294 \r
 295             </div>\r
 296         </div>\r
 297     </div>\r
 298 \r
 299      <div class="row" data-name="route_zone" >\r
 300 \r
 301         <span class="response_throbber" ms-visible="vm.routeLoading"></span>\r
 302 \r
 303     <div ms-each-group="apiGroupByPortArray">\r
 304           <div class="form-title">\r
 305               <span><a data-toggle="collapse"   ms-html="routeUtil.showGroupPort($index,group)"></a>\r
 306                 <span class="label label-info" style="margin-left: 10px;">{{apiGroupByPortArray[$index].length}}</span>\r
 307               </span>\r
 308                <div class="panel-tools">                   \r
 309                     <a class="showhide" data-toggle="collapse"><i class="fa fa-chevron-up"></i></a>\r
 310                 </div>\r
 311             </div>\r
 312           <div style="width: 100%;" class="collapseContent collapse in">\r
 313 \r
 314 \r
 315             <div class="stats_box"  ms-each-route="group">\r
 316 \r
 317                  <div class="routeDiv">\r
 318                    <div class="sparkline"  ms-click="gotoTarget(route,'api')"  data-name="route_click_zone">                    \r
 319                     <i class="fa fa-cloud fa-3x" ms-class-route-valid ="route.status === '1'" ms-class-route-invalid ="route.status === '0'"></i>\r
 320                    {{routeUtil.showPotocol(route.publish_port,route.publishProtocol)|html}}\r
 321                   </div>\r
 322                   <div class="stat_text"  ms-click="gotoTarget(route,'api')" data-name="route_click_zone">                    \r
 323                     <strong ms-text="routeUtil.cutString(route.serviceName)" ms-attr-title="route.serviceName" ></strong> \r
 324                     <span><b id="org_onap_msb_route_box_version" name_i18n="org_onap_msb_route_ui_i18n"></b>{{route.version}}</span>\r
 325                             \r
 326                     </div> \r
 327                      \r
 328                   <span ms-visible="!discoverInfo.enabled">\r
 329                     \r
 330                          <a class="btn btn-default"  ms-click="updateApiRoute(route,'update')" title="org_onap_msb_route_box_btn_update" name_i18n="org_onap_msb_route_ui_i18n"><i class="fa  fa-pencil-square-o" > </i></a>          \r
 331                        <a class="btn btn-default" ms-click="delApiRoute(route.serviceName,route.version)" ms-visible="route.control !='1'" title="org_onap_msb_route_box_btn_delete" name_i18n="org_onap_msb_route_ui_i18n"><i class="fa fa-trash-o" > </i></a>\r
 332                        <a class="btn btn-default" ms-visible="route.status === '1' && route.control !='1'" title="org_onap_msb_route_box_btn_disable" name_i18n="org_onap_msb_route_ui_i18n"  ms-click="updateApiRouteStatus(route.serviceName,route.version,'0')"><i class="fa fa-stop" style="color:red;font-size:10px"></i></a>\r
 333                        <a class="btn btn-default" ms-visible="route.status === '0' && route.control !='1'" title="org_onap_msb_route_box_btn_able" name_i18n="org_onap_msb_route_ui_i18n"  ms-click="updateApiRouteStatus(route.serviceName,route.version,'1')"><i class="fa fa-play"  style="color:green;font-size:10px"></i></a>\r
 334                     </span> \r
 335                     <span ms-visible="discoverInfo.enabled">\r
 336         <a class="btn btn-default"  ms-click="updateApiRoute(route,'update')"><i class="fa  fa-pencil-square-o" title="org_onap_msb_route_box_btn_update" name_i18n="org_onap_msb_route_ui_i18n"> </i></a> \r
 337                     <a class="btn btn-default"  ms-click="updateApiRoute(route,'view')"><i class="fa  fa-file-text-o" title="org_onap_msb_route_box_btn_view" name_i18n="org_onap_msb_route_ui_i18n"> </i></a>  </span>\r
 338                  \r
 339                 </div>\r
 340 \r
 341                 </div>\r
 342             </div>\r
 343           </div>      \r
 344 \r
 345       </div>\r
 346 \r
 347 \r
 348  </div>\r
 349  <div id="iuiPanel" class="tab-pane"> \r
 350     <div class="row" style=" margin-top: 10px;text-align:right;  margin-right: 20px;">\r
 351         <button ms-visible="!discoverInfo.enabled" class="btn btn-primary" id="app-new-btn" ms-click="$showiuiRouteDlg()" >\r
 352                   <i class=" fa fa-plus-circle"></i> <span id="org_onap_msb_route_btn_add_iui" name_i18n="org_onap_msb_route_ui_i18n">\r
 353                </button>\r
 354        \r
 355   </div>\r
 356 \r
 357   <div id="iuirouteDlg" class="modal  fade" tabindex="-1" role="dialog"\r
 358         aria-labelledby="myModalLabel" aria-hidden="true" >\r
 359         <div class="modal-dialog">\r
 360             <div class="modal-content Changepasswd">\r
 361                 <div class="content">\r
 362                     <div class="modal-header">\r
 363                         <button type="button" class="close" data-dismiss="modal"\r
 364                             aria-hidden="true">×</button>\r
 365                         <h3 id="myModalLabel" ms-text="routeDlgInfo.titleName"></h3>\r
 366                     </div>\r
 367                     <div class="modal-body">\r
 368                      <div class="alert alert-info" ms-visible="server_rtn.info_block"></div>\r
 369                     <div class="alert alert-danger " ms-visible="server_rtn.warning_block" ms-text="server_rtn.rtn_info"></div>\r
 370 \r
 371       <form class="form-horizontal" id="iuirouteForm" role="form">   \r
 372              \r
 373           <div class="tipArea" id="org_onap_msb_route_form_sourceservice" name_i18n="org_onap_msb_route_ui_i18n"></div>   \r
 374                <div class="form-group"  ms-visible="!discoverInfo.enabled">\r
 375                             \r
 376                              <label class="control-label col-sm-3">\r
 377                                     <span id="org_onap_msb_route_form_address" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 378                                   <span class="required" aria-required="true">*</span>\r
 379                                 </label>   \r
 380                           \r
 381                               \r
 382                                  <div class="col-sm-6" style="padding-right: 5px;">\r
 383                                  <div class="item-tip" id="org_onap_msb_route_form_host_tip" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
 384                                 <input type="text" ms-duplex="iuiRouteInfo.server"  name="iuiserver" class="form-control form-tip"  style="display:inline-block;"  ms-attr-disabled="discoverInfo.enabled" />\r
 385                                  <span class="help-block"></span>\r
 386                                  </div>\r
 387                                   <div class="col-sm-1" style=" padding-left: 0px;" >  \r
 388                                  <a href="#" ms-click="addiuiHost()" class="btn btn-default " title="org_onap_msb_route_form_btn_addhost" name_i18n="org_onap_msb_route_ui_i18n"><i class="fa fa-plus-circle"></i></a>\r
 389                                  </div>\r
 390                              </div>\r
 391 \r
 392                               <div class="form-group">\r
 393                             <label class="control-label col-sm-3" >\r
 394                               \r
 395                                <span ms-visible="discoverInfo.enabled" id="org_onap_msb_route_form_address" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 396                             </label>     \r
 397                            <div  class="hostTableDiv col-sm-7">\r
 398                                  <table class="table table-striped hostTable">\r
 399                                    <thead>\r
 400                                       <tr>\r
 401                                          <th id="org_onap_msb_route_form_node_no" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 402                                          <th>IP</th>\r
 403                                          <th>PORT</th>\r
 404                                          <th ms-visible="routeDlgInfo.saveType!='view'" id="org_onap_msb_route_form_node_control" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 405                                       </tr>\r
 406                                    </thead>\r
 407                                    <tbody ms-each-server="vm.iuiRouteInfo.servers">\r
 408                                       <tr>\r
 409                                          <td>{{$index+1}}</td>\r
 410                                          <td ms-text="server.ip"></td>\r
 411                                          <td ms-text="server.port"></td>\r
 412                                          <td ms-visible="routeDlgInfo.saveType!='view'"><a href="#" ms-click="deliuiHost(server.ip,server.port)" style="padding: 0px 6px;" class="btn btn-default btn-s"><i class="fa fa-trash-o"></i></a></td>\r
 413                                       </tr> \r
 414                                      \r
 415                    \r
 416                                    </tbody>\r
 417                                    </table> \r
 418                                 </div> \r
 419 \r
 420                         </div>\r
 421 \r
 422                \r
 423                          <div class="form-group" tyle="margin-bottom: 0;">\r
 424                             <label class="control-label col-sm-3">\r
 425                                     <span id="org_onap_msb_route_form_url" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 426                                     <span class="required" aria-required="true">*</span>\r
 427                                 </label>\r
 428                             <div class="col-sm-7">\r
 429                                 \r
 430                                 <input type="text" ms-duplex="iuiRouteInfo.url"  name="iuiurl" class="form-control" value="/"   ms-attr-disabled="discoverInfo.enabled" />\r
 431                                 <span class="help-block"></span>\r
 432                             </div>\r
 433                             \r
 434                         </div>\r
 435                         <div class="tipArea" id="org_onap_msb_route_form_target_tip" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
 436                <div class="form-group">\r
 437                             <label class="control-label col-sm-3">\r
 438                                     <span id="org_onap_msb_route_form_target_service" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 439                               \r
 440                                 </label>\r
 441                             <div class="col-sm-7 line_break" >{{vm.iuiRouteInfo.publishProtocol}}://{{vm.route.routeHost}}/{{vm.route.iuiRootPath}}/{{vm.iuiRouteInfo.serviceName}}</div>\r
 442                              <!--i class="fa fa-info-circle fa-lg tip_color" data-toggle="tooltip" data-placement="bottom" title="org_onap_msb_route_form_iui_tip" name_i18n="org_onap_msb_route_ui_i18n" ></i-->\r
 443                             \r
 444                         </div>    \r
 445              <div class="form-group">\r
 446                             <label class="control-label col-sm-3">\r
 447                                     <span id="org_onap_msb_route_form_servicename" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 448                                     <span class="required" aria-required="true">*</span>\r
 449                                 </label>\r
 450                             <div class="col-sm-7">  \r
 451                                 <input type="text" ms-duplex="iuiRouteInfo.serviceName"  name="iuiserviceName"  class="form-control"  ms-attr-disabled="discoverInfo.enabled" />\r
 452                                 <span class="help-block"></span>\r
 453                             </div>\r
 454                             \r
 455                         </div>\r
 456             \r
 457              \r
 458                        \r
 459             \r
 460             \r
 461                     \r
 462             </form>\r
 463        \r
 464          \r
 465         </div>\r
 466           \r
 467 \r
 468                     </div>\r
 469                     <div class="modal-footer" ms-visible="routeDlgInfo.saveType!='view'">\r
 470                         <button class="btn" data-dismiss="modal" aria-hidden="true"  id="org_onap_msb_route_form_btn_cancel" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 471                         <button class="btn btn-primary" type="submit" ms-click="$saveiuiRoute()" id="org_onap_msb_route_form_btn_save" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 472                     </div>\r
 473                     <div class="modal-footer" \r
 474                          ms-visible="routeDlgInfo.saveType=='view'">\r
 475                         <button class="btn  btn-primary" data-dismiss="modal" aria-hidden="true" id="org_onap_msb_route_form_btn_close" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 476                        \r
 477                     </div>\r
 478                 </div>\r
 479 \r
 480             </div>\r
 481   </div>\r
 482 \r
 483      <div class="row" data-name="route_zone" >\r
 484 \r
 485         <span class="response_throbber" ms-visible="vm.routeLoading"></span>\r
 486 \r
 487       <div ms-each-group="iuiGroupByPortArray">\r
 488           <div class="form-title">\r
 489               <span><a data-toggle="collapse"  ms-html="routeUtil.showGroupPort($index,group)"></a>\r
 490                 <span class="label label-info" style="margin-left: 10px;">{{iuiGroupByPortArray[$index].length}}</span>\r
 491               </span>\r
 492                <div class="panel-tools">                   \r
 493                     <a class="showhide" data-toggle="collapse"><i class="fa fa-chevron-up"></i></a>\r
 494                 </div>\r
 495             </div>\r
 496           <div style="width: 100%;" class="collapseContent collapse in">\r
 497 \r
 498 \r
 499             <div class="stats_box"  ms-each-route="group">\r
 500 \r
 501                  <div class="routeDiv" ms-visible="route.control !='2'">\r
 502                    <div class="sparkline"  ms-click="gotoTarget(route,'iui')"  data-name="route_click_zone">                    \r
 503                     <i class="fa fa-tv fa-3x"  ms-class-route-valid ="route.status === '1'" ms-class-route-invalid ="route.status === '0'"></i>\r
 504                    {{routeUtil.showPotocol(route.publish_port,route.publishProtocol)|html}}\r
 505                   </div>\r
 506                   <div class="stat_text"  ms-click="gotoTarget(route,'iui')" data-name="route_click_zone">                  \r
 507                     <strong ms-text="routeUtil.cutString(route.serviceName)" ms-attr-title="route.serviceName" ></strong> \r
 508                     <span>{{route.servers[0].ip}}:{{route.servers[0].port}}</span>          \r
 509                     </div> \r
 510                   <span ms-visible="!discoverInfo.enabled">\r
 511                     \r
 512                        <a class="btn btn-default"  ms-click="updateiuiRoute(route,'update')"><i class="fa  fa-pencil-square-o" title="org_onap_msb_route_box_btn_update" name_i18n="org_onap_msb_route_ui_i18n" > </i></a>             \r
 513                        <a class="btn btn-default" ms-click="deliuiRoute(route.serviceName)" ms-visible="route.control !='1'"><i class="fa fa-trash-o" title="删除"> </i></a>\r
 514                        <a class="btn btn-default" ms-visible="route.status === '1' && route.control !='1'" title="org_onap_msb_route_box_btn_disable" name_i18n="org_onap_msb_route_ui_i18n" ms-click="updateiuiRouteStatus(route.serviceName,'0')"><i class="fa fa-stop" style="color:red;font-size:10px"></i></a>\r
 515                        <a class="btn btn-default" ms-visible="route.status === '0' && route.control !='1'"  title="org_onap_msb_route_box_btn_able" name_i18n="org_onap_msb_route_ui_i18n" ms-click="updateiuiRouteStatus(route.serviceName,'1')"><i class="fa fa-play"  style="color:green;font-size:10px"></i></a>\r
 516                     </span> \r
 517                     <span ms-visible="discoverInfo.enabled"><a class="btn btn-default"  ms-click="updateiuiRoute(route,'view')"><i class="fa  fa-file-text-o" title="org_onap_msb_route_box_btn_view" name_i18n="org_onap_msb_route_ui_i18n"> </i></a>  </span>\r
 518                  \r
 519                 </div>\r
 520 \r
 521                 </div>\r
 522              </div>\r
 523            </div>     \r
 524 \r
 525       </div>\r
 526 \r
 527  </div>\r
 528 \r
 529  <div id="customPanel" class="tab-pane"> \r
 530     <div class="row" style=" margin-top: 10px;text-align:right;  margin-right: 20px;">\r
 531         <button ms-visible="!discoverInfo.enabled" class="btn btn-primary" id="app-new-btn" ms-click="$showcustomRouteDlg()" >\r
 532                   <i class=" fa fa-plus-circle"></i> <span id="org_onap_msb_route_btn_add_custom" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 533                </button>\r
 534        \r
 535   </div>\r
 536 \r
 537   <div id="customrouteDlg" class="modal  fade" tabindex="-1" role="dialog"\r
 538         aria-labelledby="myModalLabel" aria-hidden="true" >\r
 539         <div class="modal-dialog">\r
 540             <div class="modal-content Changepasswd">\r
 541                 <div class="content">\r
 542                     <div class="modal-header">\r
 543                         <button type="button" class="close" data-dismiss="modal"\r
 544                             aria-hidden="true">×</button>\r
 545                         <h3 id="myModalLabel" ms-text="routeDlgInfo.titleName"></h3>\r
 546                     </div>\r
 547                     <div class="modal-body">\r
 548                      <div class="alert alert-info" ms-visible="server_rtn.info_block"></div>\r
 549                     <div class="alert alert-danger " ms-visible="server_rtn.warning_block" ms-text="server_rtn.rtn_info"></div>\r
 550 \r
 551       <form class="form-horizontal" id="customrouteForm" role="form">   \r
 552              \r
 553             <div class="tipArea" id="org_onap_msb_route_form_sourceservice" name_i18n="org_onap_msb_route_ui_i18n"></div> \r
 554                 <div class="form-group"  ms-visible="!discoverInfo.enabled">\r
 555                             \r
 556                              <label class="control-label col-sm-3">\r
 557                                     <span id="org_onap_msb_route_form_address" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 558                                   <span class="required" aria-required="true">*</span>\r
 559                                 </label>   \r
 560                           \r
 561                               \r
 562                                  <div class="col-sm-6" style="padding-right: 5px;">\r
 563                                  <div class="item-tip" id="org_onap_msb_route_form_host_tip" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
 564                                 <input type="text" ms-duplex="customRouteInfo.server"  name="customserver" class="form-control form-tip"  style="display:inline-block;"  ms-attr-disabled="discoverInfo.enabled" />\r
 565                                  <span class="help-block"></span>\r
 566                                  </div>\r
 567                                   <div class="col-sm-1" style=" padding-left: 0px;" ms-visible="routeDlgInfo.saveType!='view'">  \r
 568                                  <a href="#" ms-click="addcustomHost()" class="btn btn-default "  title="org_onap_msb_route_form_btn_addhost" name_i18n="org_onap_msb_route_ui_i18n"><i class="fa fa-plus-circle"></i></a>\r
 569                                  </div>\r
 570                              </div>\r
 571 \r
 572                               <div class="form-group">\r
 573                             <label class="control-label col-sm-3">\r
 574                                <span ms-visible="discoverInfo.enabled" id="org_onap_msb_route_form_address" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 575                             </label>     \r
 576                            <div  class="hostTableDiv col-sm-7">\r
 577                                  <table class="table table-striped hostTable">\r
 578                                    <thead>\r
 579                                       <tr>\r
 580                                          <th id="org_onap_msb_route_form_node_no" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 581                                          <th>IP</th>\r
 582                                          <th>PORT</th>\r
 583                                          <th ms-visible="routeDlgInfo.saveType!='view'" id="org_onap_msb_route_form_node_control" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 584                                       </tr>\r
 585                                    </thead>\r
 586                                    <tbody ms-each-server="vm.customRouteInfo.servers">\r
 587                                       <tr>\r
 588                                          <td>{{$index+1}}</td>\r
 589                                          <td ms-text="server.ip"></td>\r
 590                                          <td ms-text="server.port"></td>\r
 591                                          <td ms-visible="routeDlgInfo.saveType!='view'"><a href="#" ms-click="delcustomHost(server.ip,server.port)" style="padding: 0px 6px;" class="btn btn-default btn-s"><i class="fa fa-trash-o"></i></a></td>\r
 592                                       </tr> \r
 593                                      \r
 594                    \r
 595                                    </tbody>\r
 596                                    </table> \r
 597                                 </div> \r
 598 \r
 599                         </div>\r
 600 \r
 601 \r
 602                \r
 603                          <div class="form-group" tyle="margin-bottom: 0;">\r
 604                             <label class="control-label col-sm-3">\r
 605                                     <span id="org_onap_msb_route_form_url" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 606                                     <span class="required" aria-required="true">*</span>\r
 607                                 </label>\r
 608                             <div class="col-sm-7">\r
 609                                 \r
 610                                 <input type="text" ms-duplex="customRouteInfo.url"  name="customurl" class="form-control" value="/"  ms-attr-disabled="discoverInfo.enabled" />\r
 611                                 <span class="help-block"></span>\r
 612                             </div>\r
 613                             \r
 614                         </div>\r
 615 \r
 616                         <div class="tipArea" id="org_onap_msb_route_form_target_tip" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
 617                <div class="form-group">\r
 618                             <label class="control-label col-sm-3">\r
 619                                     <span id="org_onap_msb_route_form_target_service" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 620                               \r
 621                                 </label>\r
 622                             <div class="col-sm-7 line_break" >{{vm.customRouteInfo.publishProtocol}}://{{vm.route.routeHost}}{{vm.customRouteInfo.serviceName}}</div>\r
 623                            \r
 624                             \r
 625                         </div>    \r
 626              <div class="form-group">\r
 627                             <label class="control-label col-sm-3">\r
 628                                     <span id="org_onap_msb_route_form_servicename" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 629                                     \r
 630                                 </label>\r
 631                             <div class="col-sm-7">  \r
 632                                 <input type="text" ms-duplex="customRouteInfo.serviceName"  name="customserviceName"  class="form-control"  ms-attr-disabled="discoverInfo.enabled"  />\r
 633                                 <span class="help-block"></span>\r
 634                             </div>\r
 635                             \r
 636                         </div>\r
 637             \r
 638                     \r
 639             </form>\r
 640        \r
 641          \r
 642         </div>\r
 643           \r
 644 \r
 645                     </div>\r
 646                     <div class="modal-footer" ms-visible="routeDlgInfo.saveType!='view'">\r
 647                         <button class="btn" data-dismiss="modal" aria-hidden="true" id="org_onap_msb_route_form_btn_cancel" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 648                         <button class="btn btn-primary" type="submit" ms-click="$savecustomRoute()" id="org_onap_msb_route_form_btn_save" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 649                     </div>\r
 650                     <div class="modal-footer" \r
 651                          ms-visible="routeDlgInfo.saveType=='view'">\r
 652                         <button class="btn  btn-primary" data-dismiss="modal" aria-hidden="true" id="org_onap_msb_route_form_btn_close" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 653                        \r
 654                     </div>\r
 655                 </div>\r
 656 \r
 657             </div>\r
 658   </div>\r
 659 \r
 660      <div class="row" data-name="route_zone" >\r
 661 \r
 662         <span class="response_throbber" ms-visible="vm.routeLoading"></span>\r
 663 \r
 664 \r
 665          <div ms-each-group="customGroupByPortArray">\r
 666           <div class="form-title">\r
 667               <span><a data-toggle="collapse"  ms-html="routeUtil.showGroupPort($index,group)"></a>\r
 668                 <span class="label label-info" style="margin-left: 10px;">{{customGroupByPortArray[$index].length}}</span>\r
 669               </span>\r
 670                <div class="panel-tools">                   \r
 671                     <a class="showhide" data-toggle="collapse"><i class="fa fa-chevron-up"></i></a>\r
 672                 </div>\r
 673             </div>\r
 674           <div style="width: 100%;" class="collapseContent collapse in">\r
 675 \r
 676 \r
 677             <div class="stats_box"  ms-each-elem="group">\r
 678 \r
 679                  <div class="routeDiv" ms-visible="elem.control !='2'">\r
 680                    <div class="sparkline"  data-name="route_click_zone">                    \r
 681                     <i class="fa fa-cogs fa-3x"  ms-class-route-valid ="elem.status === '1'" ms-class-route-invalid ="elem.status === '0'"></i>\r
 682                    {{routeUtil.showPotocol(elem.publish_port,elem.publishProtocol)|html}}\r
 683                   </div>\r
 684                   <div class="stat_text"  data-name="route_click_zone" >\r
 685                    \r
 686                     <strong ms-text="elem.serviceName==''?'/':routeUtil.cutString(elem.serviceName)"  ms-attr-title="elem.serviceName"></strong> \r
 687                     <span>{{elem.servers[0].ip}}:{{elem.servers[0].port}}</span>          \r
 688                     </div> \r
 689                   <span ms-visible="!discoverInfo.enabled">\r
 690                     \r
 691                        <a class="btn btn-default"  ms-click="updatecustomRoute(elem,'update')"><i class="fa  fa-pencil-square-o" title="org_onap_msb_route_box_btn_update" name_i18n="org_onap_msb_route_ui_i18n" > </i></a>             \r
 692                        <a class="btn btn-default" ms-click="delcustomRoute(elem.serviceName)" ms-visible="elem.control !='1'"><i class="fa fa-trash-o" title="删除"> </i></a>\r
 693                        <a class="btn btn-default" ms-visible="elem.status === '1' && elem.control !='1'" title="org_onap_msb_route_box_btn_disable" name_i18n="org_onap_msb_route_ui_i18n" ms-click="updatecustomRouteStatus(elem.serviceName,'0')"><i class="fa fa-stop" style="color:red;font-size:10px"></i></a>\r
 694                        <a class="btn btn-default" ms-visible="elem.status === '0' && elem.control !='1'" title="org_onap_msb_route_box_btn_able" name_i18n="org_onap_msb_route_ui_i18n"  ms-click="updatecustomRouteStatus(elem.serviceName,'1')"><i class="fa fa-play"  style="color:green;font-size:10px"></i></a>\r
 695                     </span> \r
 696                     <span ms-visible="discoverInfo.enabled"><a class="btn btn-default"  ms-click="updatecustomRoute(elem,'view')"><i class="fa  fa-file-text-o" title="org_onap_msb_route_box_btn_view" name_i18n="org_onap_msb_route_ui_i18n"> </i></a>  </span>\r
 697                  \r
 698                 </div>\r
 699 \r
 700                 </div>\r
 701            </div>\r
 702 \r
 703         </div>\r
 704 \r
 705            \r
 706 \r
 707       </div>\r
 708 \r
 709  </div>\r
 710 \r
 711 \r
 712  <div id="msbPanel" class="tab-pane"> \r
 713     <div class="row" style=" margin-top: 10px;text-align:right;  margin-right: 20px;">\r
 714         <button class="btn btn-primary" id="app-new-btn" ms-click="$showmsbRouteDlg()" >\r
 715                   <i class=" fa fa-plus-circle"></i> <span id="org_onap_msb_route_btn_add_msb" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 716                </button>\r
 717        \r
 718   </div>\r
 719 \r
 720   <div id="msbrouteDlg" class="modal  fade" tabindex="-1" role="dialog"\r
 721         aria-labelledby="myModalLabel" aria-hidden="true" >\r
 722         <div class="modal-dialog">\r
 723             <div class="modal-content">\r
 724                 <div class="content">\r
 725                     <div class="modal-header">\r
 726                         <button type="button" class="close" data-dismiss="modal"\r
 727                             aria-hidden="true">×</button>\r
 728                         <h3 id="myModalLabel" ms-text="routeDlgInfo.titleName"></h3>\r
 729                     </div>\r
 730                     <div class="modal-body">\r
 731                      <div class="alert alert-info" ms-visible="server_rtn.info_block"></div>\r
 732                     <div class="alert alert-danger " ms-visible="server_rtn.warning_block" ms-text="server_rtn.rtn_info"></div>\r
 733 \r
 734       <form class="form-horizontal" id="msbForm" role="form">   \r
 735           <div class="tipArea" id="org_onap_msb_route_msb_info" name_i18n="org_onap_msb_route_ui_i18n"></div> \r
 736                     <div class="form-group">\r
 737                             <label class="control-label col-sm-3">\r
 738                                     <span id="org_onap_msb_route_form_servicename" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 739                                     <span class="required" aria-required="true">*</span>\r
 740                                 </label>\r
 741                             <div class="col-sm-7">  \r
 742                                 <input type="text" ms-duplex="msbRouteInfo.serviceName"  name="serviceName"  class="form-control"   ms-attr-disabled="vm.routeDlgInfo.saveType=='update'"/>\r
 743                                 <span class="help-block"></span>\r
 744                             </div>\r
 745                             \r
 746                         </div>\r
 747 \r
 748                         <div class="form-group">\r
 749                             <label class="control-label col-sm-3">\r
 750                                     <span id="org_onap_msb_route_form_version" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 751                                 </label>\r
 752                             <div class="col-sm-7">                            \r
 753                              <div class="item-tip" id="org_onap_msb_route_form_version_tip" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
 754                                 <input type="text" ms-duplex="msbRouteInfo.version"  name="version" class="form-control form-tip"  ms-attr-disabled="vm.routeDlgInfo.saveType=='update'" />\r
 755                                 <span class="help-block"></span>\r
 756                             </div>\r
 757                             \r
 758                         </div>\r
 759 \r
 760                      \r
 761 \r
 762                         <div class="form-group">\r
 763                             <label class="control-label col-sm-3">\r
 764                                     <span id="org_onap_msb_route_form_url" name_i18n="org_onap_msb_route_ui_i18n"></span>                                   \r
 765                                 </label>\r
 766                             <div class="col-sm-7">\r
 767                               \r
 768                                 <input type="text" ms-duplex="msbRouteInfo.url"  name="url" class="form-control" />\r
 769                                 <span class="help-block"></span>\r
 770                             </div>\r
 771                             \r
 772                         </div>\r
 773 \r
 774 \r
 775                         <div class="form-group">\r
 776                             <label class="control-label col-sm-3">\r
 777                                     <span id="org_onap_msb_route_form_protocol" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 778                                     <span class="required" aria-required="true">*</span>\r
 779                                 </label>\r
 780                             <div class="col-sm-7">\r
 781                                 <select class="form-control m-b" ms-each="$msbProtocol"  name="protocol" ms-duplex="msbRouteInfo.protocol" >             \r
 782                                   <option ms-attr-value='el'>{{el}}</option>\r
 783                                  </select>\r
 784                                 <span class="help-block"></span>\r
 785                             </div>\r
 786                             \r
 787                         </div>\r
 788 \r
 789                         <div class="form-group">\r
 790                             <label class="control-label col-sm-3">\r
 791                                     <span id="org_onap_msb_route_form_visualrange" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 792                                     <span class="required" aria-required="true">*</span>\r
 793                                 </label>\r
 794                             <div class="col-sm-7">\r
 795                              <input  type="checkbox" ms-duplex="msbRouteInfo.visualRangeArray" value="0" ><span style="margin-right: 20px;"  id="org_onap_msb_route_form_intersystem" name_i18n="org_onap_msb_route_ui_i18n" ></span>\r
 796                                      <input type="checkbox" ms-duplex="msbRouteInfo.visualRangeArray" value="1" ><span style="margin-right: 20px;" id="org_onap_msb_route_form_insystem" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 797                                \r
 798                                 <span class="help-block"></span>\r
 799                             </div>\r
 800                             \r
 801                         </div>\r
 802 \r
 803                           <div class="tipArea" id="org_onap_msb_route_msb_hostlist" name_i18n="org_onap_msb_route_ui_i18n"></div> \r
 804 \r
 805                             <div class="form-group">\r
 806                             \r
 807                              <label class="control-label col-sm-3">\r
 808                                     <span id="org_onap_msb_route_form_msb_host" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 809                                   <span class="required" aria-required="true">*</span>\r
 810                                 </label>   \r
 811                           \r
 812                               \r
 813                                  <div class="col-sm-4" style="padding-right: 5px;">\r
 814                                  <div class="item-tip" id="org_onap_msb_route_form_host_tip" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
 815                                 \r
 816                                 <input type="text"  placeholder=""  ms-duplex="msbRouteInfo.newHost" class="form-control form-tip"   name="newHost" style="display:inline-block;" />\r
 817                                  \r
 818                                  <span class="help-block"></span>\r
 819                                  </div>\r
 820                                   <div class="col-sm-2" style="padding-right: 5px;">\r
 821                                  <div class="item-tip" id="org_onap_msb_route_form_ttl_tip" name_i18n="org_onap_msb_route_ui_i18n"></div>\r
 822                                 \r
 823                                 <input type="text"  placeholder=""  ms-duplex="msbRouteInfo.newttl" class="form-control form-tip"   name="newttl" style="display:inline-block;" />\r
 824                                  \r
 825                                  <span class="help-block"></span>\r
 826                                  </div>\r
 827                                   <div class="col-sm-1" style=" padding-left: 0px;">  \r
 828                                  <a href="#" ms-click="addmsbHost()" class="btn btn-default " title="org_onap_msb_route_form_btn_addhost" name_i18n="org_onap_msb_route_ui_i18n"><i class="fa fa-plus-circle"></i></a>\r
 829                                  </div>\r
 830                              </div>\r
 831 \r
 832                               <div class="form-group">\r
 833                             <label class="control-label col-sm-3"></label>     \r
 834                            <div  class="hostTableDiv col-sm-7">\r
 835                                  <table class="table table-striped hostTable">\r
 836                                    <thead>\r
 837                                       <tr>\r
 838                                          <th id="org_onap_msb_route_form_node_no" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 839                                          <th>IP</th>\r
 840                                          <th>PORT</th>\r
 841                                          <th>TTL</th>\r
 842                                          <th id="org_onap_msb_route_form_node_control" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 843                                       </tr>\r
 844                                    </thead>\r
 845                                    <tbody ms-each-node="vm.msbRouteInfo.nodes">\r
 846                                       <tr>\r
 847                                          <td>{{$index+1}}</td>\r
 848                                          <td ms-text="node.ip"></td>\r
 849                                          <td ms-text="node.port"></td>\r
 850                                          <td ms-text="node.ttl"></td>\r
 851                                          <td><a href="#"  title="org_onap_msb_route_form_btn_delhost" name_i18n="org_onap_msb_route_ui_i18n" ms-click="delmsbHost(node.ip,node.port)" style="padding: 0px 6px;" class="btn btn-default btn-s"><i class="fa fa-trash-o"></i></a></td>\r
 852                                       </tr> \r
 853                                      \r
 854                    \r
 855                                    </tbody>\r
 856                                    </table> \r
 857                                 </div> \r
 858 \r
 859                         </div>\r
 860 \r
 861                         <div class="tipArea"  ms-visible="msbRouteInfo.protocol=='REST'||msbRouteInfo.protocol=='HTTP'||msbRouteInfo.protocol=='UI'" id="org_onap_msb_route_form_target_tip" name_i18n="org_onap_msb_route_ui_i18n"></div> \r
 862                          <div class="form-group"  ms-visible="msbRouteInfo.protocol=='REST'||msbRouteInfo.protocol=='HTTP'||msbRouteInfo.protocol=='UI'">\r
 863                             <label class="control-label col-sm-3">\r
 864                                     <span id="org_onap_msb_route_form_target_service" name_i18n="org_onap_msb_route_ui_i18n"></span>\r
 865                               \r
 866                                 </label>\r
 867                             <div class="col-sm-7 line_break">\r
 868                            {{vm.route.publishProtocol}}://{{vm.targetFullServiceUrl}}             \r
 869                               \r
 870                              \r
 871                             </div>\r
 872                             \r
 873                         </div> \r
 874           \r
 875             </form>\r
 876        \r
 877          \r
 878         </div>\r
 879           \r
 880 \r
 881                     </div>\r
 882                     <div class="modal-footer">\r
 883                         <button class="btn" data-dismiss="modal" aria-hidden="true" id="org_onap_msb_route_form_btn_cancel" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 884                         <button class="btn btn-primary" type="submit" ms-click="$savemsbRoute()" id="org_onap_msb_route_form_btn_save" name_i18n="org_onap_msb_route_ui_i18n"></button>\r
 885                     </div>\r
 886                 </div>\r
 887 \r
 888             </div>\r
 889   </div>\r
 890 \r
 891      <div class="row" data-name="route_zone" >\r
 892 \r
 893    \r
 894       <div class="table-responsive">\r
 895                <table class="table table-striped table-bordered  table-hover" id="msbTable">\r
 896                                     <thead>\r
 897                                         <tr>\r
 898                                          <th></th> \r
 899                                             <th style="display:none"></th> \r
 900                                             <th id="org_onap_msb_route_form_node_no" name_i18n="org_onap_msb_route_ui_i18n"></th> \r
 901                                             <th id="org_onap_msb_route_form_servicename" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 902                                             <th id="org_onap_msb_route_form_version" name_i18n="org_onap_msb_route_ui_i18n"></th>                                        \r
 903                                          \r
 904                                             <th id="org_onap_msb_route_form_url" name_i18n="org_onap_msb_route_ui_i18n"></th>                                 \r
 905                                             <th id="org_onap_msb_route_form_protocol" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 906                                             <th id="org_onap_msb_route_form_visualrange" name_i18n="org_onap_msb_route_ui_i18n"></th>\r
 907                                             <!--th>状态</th--> \r
 908                                              <th id="org_onap_msb_route_form_node_control" name_i18n="org_onap_msb_route_ui_i18n"></th>                                                                                \r
 909                                         </tr>\r
 910                                     </thead>\r
 911                                     <tbody ms-each-msb="msbRouteArray">\r
 912                                         <tr>\r
 913                                          <td class="details-control"></td>\r
 914                                             <td ms-each-node="msb.nodes" style="display:none">\r
 915                                               {{node.ip}}:{{node.port}}:{{node.ttl}}\r
 916                                             </td> \r
 917                                             <td ms-text="$index+1"></td>\r
 918                                             <td ms-text="msb.serviceName"></td>\r
 919                                             <td ms-text="msb.version"></td>\r
 920                                             \r
 921                                             <td>{{msb.url==""?"/":msb.url}}</td>            \r
 922                                             <td ms-text="msb.protocol"></td>\r
 923                                             <td ms-text="routeUtil.showVisualRange(msb.visualRange)"></td>\r
 924                                             <!--td ms-html="routeUtil.showStatus(msb.status)"></td--> \r
 925                                             <td>\r
 926                                            \r
 927                                               <a href="#"  title="org_onap_msb_route_box_btn_update" name_i18n="org_onap_msb_route_ui_i18n" class="btn btn-default btn-s" ms-click="updatemsbRoute(msb)"><i class="fa fa  fa-pencil-square-o"></i></a>\r
 928                                               <a href="#"  title="org_onap_msb_route_box_btn_delete" name_i18n="org_onap_msb_route_ui_i18n" class="btn btn-default btn-s" ms-click="delmsbRoute(msb.serviceName,msb.version,this)"><i class="fa fa-trash-o"></i></a>\r
 929                                            \r
 930                                             </td>                                      \r
 931                                         </tr> \r
 932                                                                             \r
 933                                     </tbody>\r
 934                                 </table>\r
 935                            \r
 936                       </div>\r
 937 \r
 938       \r
 939 \r
 940            \r
 941 \r
 942       </div>\r
 943 \r
 944  </div>\r
 945 \r
 946  </div>\r
 947 \r
 948 \r
 949 \r
 950   <div class="row-fluid separator" id="upArrawDiv">\r
 951            <div ms-visible="boxVisible" class="col-xs-12">\r
 952                 <a href="#" ms-click="clickDisplayGraphAlink()"><img src="img/up.png"/></a>\r
 953              </div>\r
 954    </div>\r
 955 \r
 956  \r
 957 </div>\r
 958 \r
 959 <div class="row-fluid separator">\r
 960 \r
 961             <div ms-visible="!boxVisible" class="col-xs-12">\r
 962                 <a href="#" ms-click="clickDisplayGraphAlink()" ><img src="img/down.png"/></a>\r
 963             </div>\r
 964 </div>\r
 965 \r
 966    <div class="container-fluid" style="margin-top:20px" id="serviceContent">\r
 967 \r
 968        <div class="row" style=" margin-top: 15px;">\r
 969          <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6">\r
 970            <i class="fa fa-file-text-o fa-fw"></i> \r
 971            <span class=" titlefont" ms-text="routeTargetTitle"></span>\r
 972 \r
 973          </div>\r
 974         \r
 975         \r
 976        </div>\r
 977      <div class="separator-line"></div>\r
 978          \r
 979 \r
 980         \r
 981   <iframe src="" width="100%" scrolling="no" marginheight="0" frameborder="0" id="msbSubPage"  name="msbSubPage"  class="page-mainIframeisWare"  ></iframe>\r
 982              \r
 983 \r
 984       \r
 985   </div>\r
 986  \r
 987 \r
 988 </div>\r
 989 \r
 990 <script type="text/javascript" src="js/jquery.i18n/jquery.i18n.properties-1.0.9.js"></script>\r
 991 \r
 992 \r
 993   <script type="text/javascript"  src="js/iframeResizer/iframeResizer.min.js"></script>\r
 994   <script type="text/javascript" src="js/iframeResizer/iframeResizer.contentWindow.min.js"></script>\r
 995 \r
 996         <script type="text/javascript"  src="js/bootstrap/js/bootstrap.min.js"></script>\r
 997   <script type="text/javascript"  src="js/dataTables/jquery.dataTables.min.js"></script>\r
 998   <script type="text/javascript"  src="js/dataTables/dataTables.bootstrap.min.js"></script>\r
 999   <script type="text/javascript" src="js/bootbox/bootbox.min.js"></script>\r
1000   <script src="js/bootstrap-growl.min.js"></script>\r
1001   <script src="js/jquery-validation/jquery.validate.js"></script>\r
1002         <script type="text/javascript"  src="js/avalon.js"></script>\r
1003 \r
1004 \r
1005 <script src="i18n/loadi18nApp_iui-route_view.js"></script>\r
1006 \r
1007 \r
1008   <script type="text/javascript"   src="js/routeController.js"></script>\r
1009 \r
1010 \r
1011 <script type="text/javascript">\r
1012 \r
1013 $(function(){\r
1014 \r
1015 $('iframe').iFrameResize();\r
1016  loadPropertiesSideMenu('', 'msb-iui-route-i18n', 'i18n/'); \r
1017 avalon.scan();\r
1018 vm.$initRoute();\r
1019 \r
1020 \r
1021 });\r
1022 \r
1023 </script>\r
1024   <script src="js/routeUtil.js"></script>\r
1025   <script src="js/routeFunc.js"></script>\r
1026  \r
1027 </body>\r
1028 </html>