msb-core/apiroute/apiroute-service/src/main/resources/iui-route/default.html

   1 <!--
   2
   3     Copyright 2016 2015-2016 ZTE, Inc. and others. All rights reserved.
   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         Author: Zhaoxing Meng
  18         email: meng.zhaoxing1@zte.com.cn
  19
  20 -->
  21 <!DOCTYPE html>
  22 <html>
  23 <head lang="en">
  24 <meta charset="UTF-8">
  25 <title id="org_openo_msb_route_title" name_i18n="org_openo_msb_route_ui_i18n"></title>
  26 <link
  27         href="js/fontAwesome/css/font-awesome.min.css"
  28         rel="stylesheet" />
  29 <link
  30         href="js/bootstrap/css/bootstrap.min.css"
  31         rel="stylesheet" />
  32         <link href="css/newRoute.css" rel="stylesheet" type="text/css" />
  33         <script type="text/javascript">
  34
  35         function setIframeUrl(type){
  36                 var url;
  37                 switch(type){
  38                         case 1:url="/iui/microservices/index.html";break;
  39                         case 2:url="/iui/msdiscover/index.html";break;
  40                         case 3:url="/iui/msdiscover/admin.html";break;
  41                 }
  42
  43                  $('#msbPage').attr("src",url);
  44         }
  45         </script>
  46
  47 </head>
  48 <body >
  49  <div class="header navbar mega-menu navbar-static-top">
  50                         <div class="header-inner">
  51                                 <span class="navbar-brand zte-navbar-brand hidden-sm hidden-xs" >
  52                                         <img id="com_zte_ums_ict_framework_img_netnumenLogo" src="./img/logo.png"  alt="logo" style="display: inline;">
  53
  54                                 </span>
  55
  56
  57                         </div>
  58                         <div class="chineseTitle" id="org_openo_msb_route_chinese_name" name_i18n="org_openo_msb_route_ui_i18n"></div>
  59                         <div class="englishTitle" id="org_openo_msb_route_english_name" name_i18n="org_openo_msb_route_ui_i18n">
  60                         </div>
  61 </div>
  62
  63 <div>
  64    <div class="page-sidebar" >
  65         <div class="sidebar-toggler hidden-xs hidden-sm" ></div>
  66         <div class="sideBar">
  67       <a onclick="setIframeUrl(1)" class="router-link-active"><div class="menu"><div class="menu-left"></div><i aria-hidden="true" class="icon fa fa-link"></i><br><label  id="org_openo_msb_route_sideBar_serviceroute" name_i18n="org_openo_msb_route_ui_i18n"></label>
  68
  69       </div>
  70
  71       </a>
  72
  73       <a  onclick="setIframeUrl(2)" ><div class="menu"><div class="menu-left"></div><i aria-hidden="true" class="icon fa fa-search-plus"></i><br><label id="org_openo_msb_route_sideBar_servicediscover" name_i18n="org_openo_msb_route_ui_i18n"></label>
  74
  75       </div>
  76
  77       </a>
  78
  79       <a onclick="setIframeUrl(3)"  >
  80       <div class="menu">
  81       <div class="menu-left"></div>
  82       <i aria-hidden="true" class="icon fa fa-cogs"></i><br><label id="org_openo_msb_route_sideBar_servicemng" name_i18n="org_openo_msb_route_ui_i18n"></label>
  83
  84       </div>
  85
  86       </a>
  87   </div>
  88   </div>
  89 <div class="page-content" >
  90   <div class="page-content-body">
  91
  92         <div id="pdiv_page-mainIframeisWare">
  93                                         <iframe src="/iui/microservices/index.html" width="100%" scrolling="no" marginheight="0" frameborder="0" id="msbPage"  name="msbPage"  class="page-mainIframeisWare"  ></iframe>
  94            </div>
  95         </div>
  96  </div>
  97 </div>
  98 <script type="text/javascript"  src="js/jquery/jquery-1.10.2.min.js"></script>
  99 <script type="text/javascript"  src="js/iframeResizer/iframeResizer.min.js"></script>
 100 <script type="text/javascript" src="js/jquery.i18n/jquery.i18n.properties-1.0.9.js"></script>
 101 <script src="i18n/loadi18nApp_iui-route_view.js"></script>
 102 <script type="text/javascript">
 103
 104
 105
 106 $(function(){
 107
 108  loadPropertiesSideMenu('', 'msb-iui-route-i18n', 'i18n/');
 109
 110         //Get window height
 111         var winHeight=610;
 112                 if (window.innerHeight)
 113                         winHeight = window.innerHeight;
 114                 else if ((document.body) && (document.body.clientHeight))
 115                         winHeight = document.body.clientHeight;
 116                 //Through in-depth internal Document to test the body, for the window size
 117                 if (document.documentElement && document.documentElement.clientHeight ) {
 118                     winHeight = document.documentElement.clientHeight;
 119
 120                 }
 121         winHeight=winHeight-55;
 122 $('iframe').iFrameResize({minHeight:winHeight});
 123
 124  $(".sideBar a").on({
 125         click: function(){
 126         $(".sideBar a").removeClass("router-link-active");
 127         $(this).addClass("router-link-active");
 128         }
 129       });
 130
 131 $(".sidebar-toggler").click(function(){
 132   $("body").toggleClass("page-sidebar-closed");
 133 });
 134
 135
 136
 137 });
 138
 139
 140 </script>
 141
 142
 143 </body>
 144 </html>