summaryrefslogtreecommitdiffstats
path: root/rulemgt-frontend
diff options
context:
space:
mode:
authorGuangrongFu <fu.guangrong@zte.com.cn>2018-07-28 16:54:16 +0800
committerGuangrongFu <fu.guangrong@zte.com.cn>2018-07-28 16:54:16 +0800
commitfb0d4ea03ce4150861d921ba96cf0d3466491bca (patch)
tree57087ef0f23013416de00f53461994160e8adda2 /rulemgt-frontend
parent07a64a6e2b0feea3543f7c6fc7fecb064cb600a3 (diff)
Initialized the front page
Change-Id: Ie84c89c33b66793eef7e03008832823272853594 Issue-ID: HOLMES-150 Signed-off-by: GuangrongFu <fu.guangrong@zte.com.cn>
Diffstat (limited to 'rulemgt-frontend')
-rw-r--r--rulemgt-frontend/src/default.html146
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