CLIENT GUI Framework
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / default.html
1 <!--\r
2     Copyright 2016-2017, CMCC Technologies Co., Ltd.\r
3 \r
4     Licensed under the Apache License, Version 2.0 (the "License");\r
5     you may not use this file except in compliance with the License.\r
6     You may obtain a copy of the License at\r
7 \r
8             http://www.apache.org/licenses/LICENSE-2.0\r
9 \r
10     Unless required by applicable law or agreed to in writing, software\r
11     distributed under the License is distributed on an "AS IS" BASIS,\r
12     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
13     See the License for the specific language governing permissions and\r
14     limitations under the License.\r
15 -->\r
16 <!DOCTYPE html>\r
17 <html>\r
18         <head>\r
19                 <title id="com_zte_ums_ict_framework_ui_page_title" name_i18n="openo_frame_page_i18n"></title>\r
20                 <meta charset="utf-8"/>\r
21                 <meta http-equiv="X-UA-Compatible" content="IE=edge">\r
22                 <meta http-equiv="pragma" content="no-cache"/>\r
23                 <meta http-equiv="cache-control" content="no-cache, no-store, max-age=0, must-revalidate"/>\r
24                 <meta content="width=device-width, initial-scale=1.0" name="viewport"/>\r
25                 <meta content="" name="description"/>\r
26                 <meta content="" name="author"/>\r
27                 <link href="thirdparty/fakeLoader/fakeLoader.css" rel="stylesheet" type="text/css"/>\r
28                 <link href="thirdparty/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" id="font_awesome"/>\r
29                 <link href="thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>\r
30                 <link href="thirdparty/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>\r
31                 <link href="thirdparty/select2/select2.css" rel="stylesheet" type="text/css"/>\r
32                 <link href="thirdparty/select2/select2-custom.css" rel="stylesheet" type="text/css"/>\r
33                 <link href="css/style-custom.css" rel="stylesheet" type="text/css"/>\r
34                 <link href="css/style.css" rel="stylesheet" type="text/css"/>\r
35                 <link href="css/frame-style.css" rel="stylesheet" type="text/css"/>\r
36                 <link href="css/style-responsive.css" rel="stylesheet" type="text/css"/>\r
37                 <link href="css/plugins.css" rel="stylesheet" type="text/css"/>\r
38                 <link href="css/style.css" rel="stylesheet" type="text/css"/>\r
39                 <link href="css/more-operation.css" rel="stylesheet" type="text/css" />\r
40                 <link href="css/ZteIctIcons/style.css" rel="stylesheet" type="text/css"/>\r
41                 <link href="" rel="stylesheet" type="text/css" id="style_color"/>\r
42         </head>\r
43         <body class="page-header-fixed page-sidebar-fixed">\r
44                 <div id="pageLoading" class="fakeloader"></div>\r
45                 <script type="text/javascript">\r
46                         $("#pageLoading").fakeLoader({text:"", bgColor:"#1178ee", opacity:'1', spinner:"spinner2", zIndex:99999999});\r
47                 </script>\r
48                 <div class="header navbar navbar-fixed-top mega-menu">\r
49                         <div class="header-inner">\r
50                                 <img id="com_zte_ums_ict_framework_img_netnumenLogo" src="image/integration/openo_logo_white.png" width="7%" name_img="com_zte_ums_ict_framework_img" alt="logo" style="margin-left:50px; margin-top:3px;"/>\r
51                                 <ul class="nav navbar-nav pull-right">\r
52                                         <div class="zte-theme-panel">\r
53                                                 <div class="toggler"></div>\r
54                                                 <div class="toggler-close"></div>\r
55                                                 <div class="theme-options">\r
56                                                         <div class="theme-option theme-colors clearfix">\r
57                                                                 <span id="com_zte_ums_ict_framework_ui_skin_select" name_i18n="openo_frame_page_i18n"></span>\r
58                                                                 <ul>\r
59                                                                         <li class="color-ztebluelight current" data-style="ztebluelight"></li>\r
60                                                                         <li class="color-ztebluelight4" data-style="ztebluelight4"></li>\r
61                                                                         <li class="color-ztebluelight2" data-style="ztebluelight2"></li>\r
62                                                                 </ul>\r
63                                                         </div>\r
64                                                 </div>\r
65                                         </div>\r
66                                         <li class="dropdown user" id="header_dropdown_user" style="display:none">\r
67                                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">\r
68                                                         <span><img alt="" width=26 height=26 src="image/user.png"/></span>\r
69                                                         <span class="username" id="currentUser"></span>\r
70                                                         <i class="fa fa-angle-down"></i>\r
71                                                 </a>\r
72                                                 <ul class="dropdown-menu">\r
73                                                         <li class="divider" id="full_logout_divider"></li>\r
74                                                         <div id="trigger_fullscreen_div">\r
75                                                                 <li>\r
76                                                                         <a href="javascript:;" id="trigger_fullscreen">\r
77                                                                                 <i class="fa fa-arrows"></i>\r
78                                                                                 <span id="com_zte_ums_ict_framework_ui_group_fullscreen" name_i18n="openo_frame_page_i18n"></span>\r
79                                                                         </a>\r
80                                                                 </li>\r
81                                                         </div>\r
82                                                         <div id="trigger_logout_div">\r
83                                                                 <li>\r
84                                                                         <a id="trigger_logout" href="#">\r
85                                                                                 <i class="fa fa-key"></i>\r
86                                                                                 <span id="com_zte_ums_ict_framework_ui_group_logout" name_i18n="openo_frame_page_i18n"></span>\r
87                                                                         </a>\r
88                                                                 </li>\r
89                                                         </div>\r
90                                                 </ul>\r
91                                         </li>\r
92                                 </ul>\r
93                         </div>\r
94                 </div>\r
95                 <div class="page-container">\r
96                         <div class="page-sidebar navbar-collapse collapse" style="z-index: 9999;">\r
97                                 <ul class="page-sidebar-menu" id="page-f-sidebar-menu" data-auto-scroll="true" data-slide-speed="200"></ul>\r
98                         </div>\r
99                         <div class="page-content-wrapper">\r
100                                 <div class="page-content">\r
101                                         <div class="page-content-body">\r
102                                                 <div class="row">\r
103                                                         <div class="col-md-12">\r
104                                                                 <ul class="page-breadcrumb breadcrumb">\r
105                                                                         <div class="row">\r
106                                                                                 <ul class="col-md-10 breadcrumbUl"></ul>\r
107                                                                         </div>\r
108                                                                         <ul class="col-md-2 more-botton-zone"></ul>\r
109                                                                 </ul>\r
110                                                                 <div id="pageableDiv" style="display: none" class="row row1">\r
111                                                                         <div class="col-xs-12" >\r
112                                                                                 <div class="row">\r
113                                                                                         <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">\r
114                                                                                                 <div class="carousel-inner" role="listbox"></div>\r
115                                                                                                 <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">\r
116                                                                                                         <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>\r
117                                                                                                         <span class="sr-only">Previous</span>\r
118                                                                                                 </a>\r
119                                                                                                 <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" style="margin-right: -10px;">\r
120                                                                                                         <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>\r
121                                                                                                         <span class="sr-only">Next</span>\r
122                                                                                                 </a>\r
123                                                                                         </div>\r
124                                                                                 </div>\r
125                                                                         </div>\r
126                                                                 </div>\r
127                                                         </div>\r
128                                                 </div>\r
129                                         </div>\r
130                                 </div>\r
131                         </div>\r
132                 </div>\r
133                 <script type="text/javascript" src="js/core/const.js"></script>\r
134                 <script type="text/javascript" src="js/core/hk.min.js"></script>\r
135                 <script type="text/javascript" src="thirdparty/jquery/jquery-1.10.2.min.js"></script>\r
136                 <script type="text/javascript" src="thirdparty/fakeLoader/fakeLoader.min.js"></script>\r
137                 <script type="text/javascript" src="thirdparty/bootstrap/js/bootstrap.min.js"></script>\r
138                 <script type="text/javascript" src="thirdparty/jquery-validation/js/jquery.validate.min.js"></script>\r
139                 <script type="text/javascript" src="thirdparty/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"></script>\r
140                 <script type="text/javascript" src="thirdparty/jquery-blockui/jquery.blockui.min.js"></script>\r
141                 <script type="text/javascript" src="thirdparty/jquery-cokie/jquery.cokie.min.js"></script>\r
142                 <script type="text/javascript" src="thirdparty/uniform/jquery.uniform.min.js"></script>\r
143                 <script type="text/javascript" src="thirdparty/cometd/cometd.js"></script>\r
144                 <script type="text/javascript" src="thirdparty/cometd/jquery/jquery.cometd.js"></script>\r
145                 <script type="text/javascript" src="thirdparty/select2/select2.min.js"></script>\r
146                 <script type="text/javascript" src="thirdparty/bootbox/bootbox.min.js"></script>\r
147                 <script type="text/javascript" src="thirdparty/jquery.i18n/jquery.i18n.properties-1.0.9.js"></script>\r
148                 <script type="text/javascript" src="thirdparty/data-tables/jquery.dataTables.min.js"></script>\r
149                 <script type="text/javascript" src="js/login.js"></script>\r
150                 <script type="text/javascript" src="js/moreOperation.js"></script>\r
151                 <script type="text/javascript" src="js/tools.js"></script> \r
152                 <script type="text/javascript" src="js/international/loadi18n.js"></script>\r
153                 <script type="text/javascript" src="js/Main2moreMenu.js"></script>\r
154                 <script type="text/javascript" src="js/core/pym.min.js"></script>\r
155                 <script type="text/javascript" src="js/core/openoFrameWork.js"></script>\r
156                 <script type="text/javascript" src="js/fm_light.js"></script>\r
157                 <script type="text/javascript" src="js/mainpage/about.js"></script>\r
158                 <script type="text/javascript" src="js/core/load_menuList.js"></script>\r
159                 <script>\r
160                         var panel = $('.zte-theme-panel');\r
161                         loadi18n_WebFramework('web-framework-i18n', 'i18n/', 'openo_frame_page_i18n');\r
162                         iniFMenu();\r
163                 </script>\r
164                 <script>\r
165                         jQuery(document).ready(function() {\r
166                                 openoFrameWork.init();\r
167                                 var initLink = document.getElementById('openo_menu_service_service_management_href');\r
168                                 initLink.target = '_blank';\r
169                                 initLink.click();\r
170                                 $("#pageLoading").setToHide();\r
171                         });\r
172                 </script>\r
173         </body>\r
174 </html>\r