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

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