From 0a6e32dbdb5d505536d33a3539f7b9fcfba1cffe Mon Sep 17 00:00:00 2001
From: GuangrongFu <fu.guangrong@zte.com.cn>
Date: Mon, 30 Jul 2018 11:06:58 +0800
Subject: [PATCH] Added Menu Items

Change-Id: Iab5d4c3be6e3db846bb0077221ec7d7ecbeb0315
Issue-ID: HOLMES-150
Signed-off-by: GuangrongFu <fu.guangrong@zte.com.cn>
---
 rulemgt-frontend/assembly.xml                      |   7 +++
 rulemgt-frontend/karma.conf.js                     |   2 +-
 rulemgt-frontend/package-lock.json                 |   2 +-
 rulemgt-frontend/src/app/app.component.ts          |   4 +-
 rulemgt-frontend/src/app/app.module.ts             |   2 +-
 rulemgt-frontend/src/app/app.routing.ts            |  16 +++----
 .../src/app/correlation-modal/modal.component.html |   2 +-
 .../src/app/correlation-modal/modal.component.ts   |   2 +-
 .../src/app/correlation-modal/modal.service.ts     |   2 +-
 rulemgt-frontend/src/app/correlation-modal/msg.ts  |   2 +-
 .../correlation-ruleInfo/ruleInfo.component.html   |   2 +-
 .../app/correlation-ruleInfo/ruleInfo.component.ts |   2 +-
 .../correlation-ruleList/alarmRule.component.html  |   4 +-
 .../correlation-ruleList/alarmRule.component.ts    |   2 +-
 .../app/correlation-ruleList/alarmRule.service.ts  |   2 +-
 .../src/app/correlation-ruleList/alarmRule.ts      |   2 +-
 .../src/app/correlation-ruleList/ruleRequest.ts    |   2 +-
 .../src/app/pages/remote.component.html            |   5 +--
 rulemgt-frontend/src/assets/images/logo.png        | Bin 0 -> 4762 bytes
 rulemgt-frontend/src/default.html                  |  47 +++++++++++++--------
 rulemgt-frontend/src/index.html                    |   3 +-
 rulemgt-frontend/src/main.ts                       |   2 +-
 rulemgt-frontend/src/polyfills.ts                  |   2 +-
 23 files changed, 66 insertions(+), 50 deletions(-)
 create mode 100644 rulemgt-frontend/src/assets/images/logo.png

diff --git a/rulemgt-frontend/assembly.xml b/rulemgt-frontend/assembly.xml
index bf9a73e..9a4a65d 100644
--- a/rulemgt-frontend/assembly.xml
+++ b/rulemgt-frontend/assembly.xml
@@ -11,6 +11,13 @@
       <directory>dist</directory>
       <outputDirectory>/iui/holmes</outputDirectory>
     </fileSet>
+    <fileSet>
+      <directory>src</directory>
+      <outputDirectory>/iui/holmes</outputDirectory>
+      <includes>
+        <include>default.html</include>
+      </includes>
+    </fileSet>
   </fileSets>
 </assembly>
 
diff --git a/rulemgt-frontend/karma.conf.js b/rulemgt-frontend/karma.conf.js
index 37c5952..9f3bb5e 100644
--- a/rulemgt-frontend/karma.conf.js
+++ b/rulemgt-frontend/karma.conf.js
@@ -1,4 +1,4 @@
-/* Copyright 2017 ZTE Corporation.
+/* 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.
diff --git a/rulemgt-frontend/package-lock.json b/rulemgt-frontend/package-lock.json
index 1c29b4d..ac2cffe 100644
--- a/rulemgt-frontend/package-lock.json
+++ b/rulemgt-frontend/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "alarm-analysis",
+  "name": "holmes",
   "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
diff --git a/rulemgt-frontend/src/app/app.component.ts b/rulemgt-frontend/src/app/app.component.ts
index aa1b236..29bf86b 100644
--- a/rulemgt-frontend/src/app/app.component.ts
+++ b/rulemgt-frontend/src/app/app.component.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
@@ -18,7 +18,7 @@ import { TranslateService } from '@ngx-translate/core';
 
 @Component({
     selector: 'remote-config',
-    templateUrl: './pages/remote.component.html',
+    templateUrl: './pages/remote.component.html'
 })
 export class AppComponent implements OnInit {
     constructor(private translate: TranslateService) { }
diff --git a/rulemgt-frontend/src/app/app.module.ts b/rulemgt-frontend/src/app/app.module.ts
index 670c9b3..47977e6 100644
--- a/rulemgt-frontend/src/app/app.module.ts
+++ b/rulemgt-frontend/src/app/app.module.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/app.routing.ts b/rulemgt-frontend/src/app/app.routing.ts
index 3502167..649053b 100644
--- a/rulemgt-frontend/src/app/app.routing.ts
+++ b/rulemgt-frontend/src/app/app.routing.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
@@ -13,14 +13,14 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 */
-import { ModuleWithProviders }  from '@angular/core';
+import { ModuleWithProviders } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
-import {AlarmRule} from './correlation-ruleList/alarmRule.component';
-import {RuleInfo} from './correlation-ruleInfo/ruleInfo.component'
+import { AlarmRule } from './correlation-ruleList/alarmRule.component';
+import { RuleInfo } from './correlation-ruleInfo/ruleInfo.component';
 const appRoutes: Routes = [
     {
         path: 'alarmRule',
-        component:AlarmRule
+        component: AlarmRule
     },
     {
         path: 'ruleInfo',
@@ -31,10 +31,10 @@ const appRoutes: Routes = [
         component: RuleInfo
     },
     {
-        path:'',
-        redirectTo:'alarmRule',
+        path: '',
+        redirectTo: 'alarmRule',
         pathMatch: 'full'
     },
 
 ];
-export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes,{ useHash: true });
+export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes, { useHash: true });
diff --git a/rulemgt-frontend/src/app/correlation-modal/modal.component.html b/rulemgt-frontend/src/app/correlation-modal/modal.component.html
index 16f61e8..cc1cb2c 100644
--- a/rulemgt-frontend/src/app/correlation-modal/modal.component.html
+++ b/rulemgt-frontend/src/app/correlation-modal/modal.component.html
@@ -1,5 +1,5 @@
 <!--
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/correlation-modal/modal.component.ts b/rulemgt-frontend/src/app/correlation-modal/modal.component.ts
index 8fff7cd..cafb8e5 100644
--- a/rulemgt-frontend/src/app/correlation-modal/modal.component.ts
+++ b/rulemgt-frontend/src/app/correlation-modal/modal.component.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/correlation-modal/modal.service.ts b/rulemgt-frontend/src/app/correlation-modal/modal.service.ts
index d851d52..11b4378 100644
--- a/rulemgt-frontend/src/app/correlation-modal/modal.service.ts
+++ b/rulemgt-frontend/src/app/correlation-modal/modal.service.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/correlation-modal/msg.ts b/rulemgt-frontend/src/app/correlation-modal/msg.ts
index 8608dc1..55151a4 100644
--- a/rulemgt-frontend/src/app/correlation-modal/msg.ts
+++ b/rulemgt-frontend/src/app/correlation-modal/msg.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.html b/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.html
index 6378429..f5158b9 100644
--- a/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.html
+++ b/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.html
@@ -1,5 +1,5 @@
 <!--
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.ts b/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.ts
index 36d721c..56376df 100644
--- a/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.ts
+++ b/rulemgt-frontend/src/app/correlation-ruleInfo/ruleInfo.component.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html b/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html
index 6e03db3..01b7f12 100644
--- a/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html
+++ b/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.html
@@ -1,5 +1,5 @@
 <!--
- Copyright 2017 ZTE Corporation.
+ 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.
@@ -13,7 +13,7 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -->
-<div class="container" style="margin-top: 20px">
+<div class="container-fluid" style="padding-top: 20px">
     <form class="form-inline">
         <div class="form-body">
             <div class="row form-group col-xs-12">
diff --git a/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.ts b/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.ts
index 65a5296..f6329f5 100644
--- a/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.ts
+++ b/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.component.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.service.ts b/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.service.ts
index 33ea713..d558041 100644
--- a/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.service.ts
+++ b/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.service.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.ts b/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.ts
index 9c36d30..92c45b5 100644
--- a/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.ts
+++ b/rulemgt-frontend/src/app/correlation-ruleList/alarmRule.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/correlation-ruleList/ruleRequest.ts b/rulemgt-frontend/src/app/correlation-ruleList/ruleRequest.ts
index 2719a90..065fe50 100644
--- a/rulemgt-frontend/src/app/correlation-ruleList/ruleRequest.ts
+++ b/rulemgt-frontend/src/app/correlation-ruleList/ruleRequest.ts
@@ -1,5 +1,5 @@
 /*
- Copyright 2017 ZTE Corporation.
+ 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.
diff --git a/rulemgt-frontend/src/app/pages/remote.component.html b/rulemgt-frontend/src/app/pages/remote.component.html
index 2b5c8c3..a3f64c8 100644
--- a/rulemgt-frontend/src/app/pages/remote.component.html
+++ b/rulemgt-frontend/src/app/pages/remote.component.html
@@ -1,5 +1,5 @@
 <!--
- Copyright 2017 ZTE Corporation.
+ 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.
@@ -13,7 +13,6 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -->
-<div class="tabzone">
-</div>
+<div class="tabzone"></div>
 <sif-modal></sif-modal>
 <router-outlet></router-outlet>
\ No newline at end of file
diff --git a/rulemgt-frontend/src/assets/images/logo.png b/rulemgt-frontend/src/assets/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f47ed0e7b590a341a0c2b80518107c924bd542d
GIT binary patch
literal 4762
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

literal 0
HcmV?d00001

diff --git a/rulemgt-frontend/src/default.html b/rulemgt-frontend/src/default.html
index beab509..33280b7 100644
--- a/rulemgt-frontend/src/default.html
+++ b/rulemgt-frontend/src/default.html
@@ -17,10 +17,12 @@
 <html>
 
 <head>
-    <!-- <base href=""> -->
+    <base href="/iui/holmes/">
     <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>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
+        crossorigin="anonymous">
 
     <style type="text/css">
         .header {
@@ -59,21 +61,20 @@
 
         .body {
             min-height: 500px;
-            height: 500px;
             padding: 0;
         }
 
         body {
             margin: 0;
-            overflow: auto;
         }
 
         iframe {
             margin: 0;
+            border: none;
         }
 
         .menu-item {
-            height: 135px;
+            height: 120px;
             color: #aaa;
             text-align: center;
         }
@@ -84,22 +85,22 @@
         }
 
         .menu-item-title {
-            height: 50px;
-            line-height: 50px;
+            height: 45px;
+            line-height: 25px;
             font-family: Arial, Helvetica, sans-serif;
             font-weight: bold;
         }
 
         .menu-icon {
-            height: 85px;
-            line-height: 85px;
+            height: 75px;
+            line-height: 90px;
+            font-size: 35px;
         }
 
         .active {
             color: #FFF;
             background-color: #424e57;
         }
-
     </style>
 </head>
 
@@ -114,31 +115,41 @@
     </div>
     <div class="body">
         <div class="sidebar fl">
-            <div class="menu-item active">
+            <div class="menu-item active" id="rule-mgmt">
                 <div class="menu-icon">
-                    icon
+                    <i class="fas fa-file-alt"></i>
                 </div>
                 <div class="menu-item-title">Rules</div>
             </div>
         </div>
         <div class="main fl">
-            <iframe src="/iui/holmes/index.html"></iframe>
+            <iframe src="/iui/holmes/#/alarmRule"></iframe>
         </div>
     </div>
 
     <script type="text/javascript">
+
+        var menus = {
+            "rule-mgmt": "/iui/holmes/#/alarmRule"
+        }
+
         function adjustSizes() {
-            var height = $(window).height() - $(".header").height();
-                $(".sidebar").height(height);
-                $("iframe").height(height);
-                $("iframe").width($(window).width() - $(".sidebar").width());
+            var height = $(window).height() - $(".header").outerHeight() - 4;
+            $(".sidebar").height(height);
+            $("iframe").height(height);
+            $(".main").height(height);
+            $("iframe").width($(window).width() - $(".sidebar").width());
         }
 
-        $(function(){
-            $(window).on("resize", function(){
+        $(function () {
+            $(window).on("resize", function () {
                 adjustSizes();
             });
             adjustSizes();
+
+            $(".menu-item").on("click", function () {
+                $("iframe")[0].src = menus[$(this).attr("id")];
+            })
         });
     </script>
 </body>
diff --git a/rulemgt-frontend/src/index.html b/rulemgt-frontend/src/index.html
index c8da64f..5331b5e 100644
--- a/rulemgt-frontend/src/index.html
+++ b/rulemgt-frontend/src/index.html
@@ -1,5 +1,5 @@
 <!--
- Copyright 2017 ZTE Corporation.
+ 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.
@@ -30,5 +30,4 @@
     <body style="overflow: auto">
         <remote-config>Loading...</remote-config>
     </body>
-
 </html>
diff --git a/rulemgt-frontend/src/main.ts b/rulemgt-frontend/src/main.ts
index ac36dfe..028eb6d 100644
--- a/rulemgt-frontend/src/main.ts
+++ b/rulemgt-frontend/src/main.ts
@@ -1,4 +1,4 @@
-/* Copyright 2017 ZTE Corporation.
+/* 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.
diff --git a/rulemgt-frontend/src/polyfills.ts b/rulemgt-frontend/src/polyfills.ts
index ed349af..d8d80f8 100644
--- a/rulemgt-frontend/src/polyfills.ts
+++ b/rulemgt-frontend/src/polyfills.ts
@@ -1,4 +1,4 @@
-/* Copyright 2017 ZTE Corporation.
+/* 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.
-- 
2.16.6