diff options
| author |   GuangrongFu <fu.guangrong@zte.com.cn> | 2018-07-28 16:54:16 +0800 |
|---|---|---|
| committer | GuangrongFu <fu.guangrong@zte.com.cn> | 2018-07-28 16:54:16 +0800 |
| commit | fb0d4ea03ce4150861d921ba96cf0d3466491bca (patch) | |
| tree | 57087ef0f23013416de00f53461994160e8adda2 | |
| parent | 07a64a6e2b0feea3543f7c6fc7fecb064cb600a3 (diff) | |
Initialized the front page
Change-Id: Ie84c89c33b66793eef7e03008832823272853594
Issue-ID: HOLMES-150
Signed-off-by: GuangrongFu <fu.guangrong@zte.com.cn>
| -rw-r--r-- | rulemgt-frontend/src/default.html | 146 |
1 files changed, 146 insertions, 0 deletions
diff --git a/rulemgt-frontend/src/default.html b/rulemgt-frontend/src/default.html new file mode 100644 index 0000000..beab509 --- /dev/null +++ b/rulemgt-frontend/src/default.html @@ -0,0 +1,146 @@ +<!-- + Copyright 2018 ZTE Corporation. + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. +--> +<!DOCTYPE html> +<html> + +<head> + <!-- <base href=""> --> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <script src="./assets/thirdparty/js/jquery_1.12.4.min.js"></script> + + <style type="text/css"> + .header { + height: 50px; + width: 100%; + background-color: #e0e0e0; + color: #333333; + padding-left: 20px; + padding-right: 20px; + border-bottom: 2px solid #d0d0d0d0; + padding: 0; + } + + .header .title { + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 20px; + padding-left: 25px; + padding-top: 17px; + } + + .logo-img { + margin-top: 8px; + } + + .fl { + float: left; + } + + .sidebar { + height: 100%; + background-color: #4d5b69; + width: 135px; + display: table-cell; + } + + .body { + min-height: 500px; + height: 500px; + padding: 0; + } + + body { + margin: 0; + overflow: auto; + } + + iframe { + margin: 0; + } + + .menu-item { + height: 135px; + color: #aaa; + text-align: center; + } + + .menu-item:hover { + color: #FFF; + background-color: rgba(255, 255, 255, 0.1); + } + + .menu-item-title { + height: 50px; + line-height: 50px; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + } + + .menu-icon { + height: 85px; + line-height: 85px; + } + + .active { + color: #FFF; + background-color: #424e57; + } + + </style> +</head> + +<body> + <div class="header"> + <div class="fl logo-img"> + <img src="./assets/images/logo.png" alt="ONAP" /> + </div> + <div class="fl title"> + Holmes + </div> + </div> + <div class="body"> + <div class="sidebar fl"> + <div class="menu-item active"> + <div class="menu-icon"> + icon + </div> + <div class="menu-item-title">Rules</div> + </div> + </div> + <div class="main fl"> + <iframe src="/iui/holmes/index.html"></iframe> + </div> + </div> + + <script type="text/javascript"> + function adjustSizes() { + var height = $(window).height() - $(".header").height(); + $(".sidebar").height(height); + $("iframe").height(height); + $("iframe").width($(window).width() - $(".sidebar").width()); + } + + $(function(){ + $(window).on("resize", function(){ + adjustSizes(); + }); + adjustSizes(); + }); + </script> +</body> + +</html>
\ No newline at end of file |