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