From 290e9b481168cbb753758ffbe95765e77233ebd6 Mon Sep 17 00:00:00 2001
From: shentao <shentao@chinamobile.com>
Date: Mon, 18 Sep 2017 20:41:28 +0800
Subject: Upload source code of monitor pages

Change-Id: I7fdb2239cebe69f990feafecb6460296aca04ead
Issue-Id: USECASEUI-33
Signed-off-by: shentao <shentao@chinamobile.com>
---
 .../app/uui/fusion/scripts/view-models/alarm.html  | 62 +++++++++++++++++
 .../uui/fusion/scripts/view-models/left-menu.html  | 29 ++++++++
 .../scripts/view-models/performance-details.html   | 79 ++++++++++++++++++++++
 .../fusion/scripts/view-models/performance.html    | 41 +++++++++++
 4 files changed, 211 insertions(+)
 create mode 100644 usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html
 create mode 100644 usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/left-menu.html
 create mode 100644 usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-details.html
 create mode 100644 usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html

(limited to 'usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models')

diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html
new file mode 100644
index 00000000..b40e8520
--- /dev/null
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html
@@ -0,0 +1,62 @@
+
+<div class="templatemo-content" ng-controller="alarmGridCtrl">
+    <h1>Alarm</h1>	  
+ <div class="btn-group" style="margin-top:10px;margin-bottom:10px;">
+        <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'open'" uncheckable>OPEN</label>
+        <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'close'" uncheckable>CLOSE</label>
+    </div>
+    <div class="row margin-bottom-10">
+        <div class="col-md-6">
+            <ul class="nav nav-pills">
+                <li ng-repeat="s in status"
+                    ng-click="selectStatus(s.id)"
+                    ng-class="{active:activeStatus(s.id)}" >
+                    <a href="">
+                        {{s.name}}
+                        <span class="badge">{{s.count}}</span>
+                    </a>
+                </li>
+                <input type="hidden" ng-model="selectedStatus" />
+            </ul>
+        </div>
+    </div>
+	<ul id="list">
+  <li>cpu <input type="text" /></li>
+  <li>state <input type="text" /></li>
+  <li>memory<input type="text" /></li>
+  <button>search</button>
+</ul>
+<ul id="list" ng-show='menuState.show'>
+  <li>disk <input type="text"/></li>
+   <li>Network <input type="text"/></li>
+</ul>
+ <div class="row">
+        <div class="col-md-5" style="border-top:1px dotted #ddd">       
+        </div>
+        <div class="col-md-2" style="border:1px dotted #ddd;border-top:none;text-align:center" ng-click="toggleMenu()">
+		<span class="caret"></span>
+        </div>
+        <div class="col-md-5" style="border-top:1px dotted #ddd">       
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-4">
+            <h4 class="margin-bottom-15">Another Table of Existing Users</h4>
+        </div>
+        <div class="col-md-7">
+        </div>
+        <div class="col-md-1">
+            <button ng-click="trashcan()" class="glyphicon glyphicon-trash btn btn-primary"></button>
+        </div>
+    </div>
+    <div>
+        <div ui-grid="gridOptions" style="width: 100%; height: 500px; text-align: center;" ui-grid-edit
+             ui-grid-pagination
+             ui-grid-selection ui-grid-resize-columns ui-grid-auto-resize>
+        </div>
+
+
+    </div>
+	
+</div>
+
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/left-menu.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/left-menu.html
new file mode 100644
index 00000000..a67d8456
--- /dev/null
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/left-menu.html
@@ -0,0 +1,29 @@
+<div ng-controller="cmCtrl">
+    <div id="main-wrapper">
+        <div id="navbar" role="navigation">
+            <div class="navbar-header">
+                <div class="logo"><h1>UUI</h1></div>
+                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span class="sr-only">Toggle navigation</span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
+        </div>
+        <div class="template-page-wrapper">
+            <div class="navbar-collapse collapse templatemo-sidebar">
+               <ul  class="templatemo-sidebar-menu" >
+                   <li ng-repeat="x in routeData"
+                       ng-class="{active:isActiveTab(x.url)}" ng-click="onClickTab(x.url)">
+                       <a href="">
+                           <i class="{{x.nclass}}"></i>{{x.name}}
+                       </a>
+                   </li>
+               </ul>
+            </div>
+        </div>
+    </div>
+
+    <div ng-include="currentTab"></div>
+</div>
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-details.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-details.html
new file mode 100644
index 00000000..a5ecfd06
--- /dev/null
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-details.html
@@ -0,0 +1,79 @@
+<style>
+        body {
+            overflow-y:scroll;
+        }
+        text {
+            font: 12px sans-serif;
+        }
+        svg {
+            display: block;
+        }
+        #CPUchart,#Memorychart,#Diskchart,#Networkchart svg {
+            height: 200px;
+            width:  400px;
+            min-width: 100px;
+            min-height: 100px;
+        }
+        tr.z-row-over > td.z-row-inner, tr.z-row-over > .z-cell { background-color: rgb(255, 255, 255); }
+        .nodatadiv {
+            display: table-cell;
+            width: 600px;
+            height:300px;
+            text-align:center;
+            vertical-align: middle;
+        }
+        .nodatainner {
+            padding: 10px;
+        }
+    </style>
+
+        <!--/.navbar-collapse -->
+
+        <div class="templatemo-content-wrapper">
+            <div class="templatemo-content">
+                <h1>Performance Details</h1>
+				   <div class="row" style="min-height: 500px" ng-controller="pertabCtrl">
+                    <div class="col-md-12 col-sm-12" ng-controller="pertabCtrl">
+                        <uib-tabset active="active" >
+                            <uib-tab index="$index + 1" ng-repeat="tab in tabes" heading="{{tab.title}}" disable="tab.disabled">
+                                <div class="templatemo-charts">
+                                    <div class="row">
+                                        <div class="col-md-5 col-sm-6">
+                                            <div class="panel panel-success">
+                                                <div class="panel-heading">CPU</div>
+                                                <div align="center"><H3></H3></div><div id="CPUchart"> <svg></svg> </div>
+                                            </div>
+                                        </div>
+                                        <div class="col-md-5 col-sm-6">
+                                            <div class="panel panel-success">
+                                                <div class="panel-heading">Memory</div>
+                                                <div align="center"><H3></H3></div><div id="Memorychart"> <svg></svg> </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col-md-5 col-sm-6">
+                                            <div class="panel panel-success">
+                                                <div class="panel-heading">Disk</div>
+                                                <div align="center"><H3></H3></div><div id="Diskchart"> <svg></svg> </div>
+                                            </div>
+                                        </div>
+                                        <div class="col-md-5 col-sm-6">
+                                            <div class="panel panel-primary">
+                                                <div class="panel-heading">Network</div>
+                                                <div align="center"><H3></H3></div><div id="Networkchart"> <svg></svg> </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </uib-tab>
+                        </uib-tabset>
+                    </div>
+                    <br />
+                    <br />
+                    <br />
+                    <br />
+                </div>
+               
+            </div>
+        </div>
\ No newline at end of file
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html
new file mode 100644
index 00000000..f2ae7b44
--- /dev/null
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html
@@ -0,0 +1,41 @@
+<div class="templatemo-content-wrapper">
+     <div class="templatemo-content">
+         <h1>Performance</h1>
+         <div class="row">
+             <div class="col-md-9" >
+                 <div class="table-responsive">
+                     <h4 class="margin-bottom-15">Another Table of Existing Users</h4>
+                 </div>
+             </div>
+         </div>
+		
+         <div ng-controller="perGridCtrl">
+		 <ul id="list">
+  <li>cpu <input type="text" /></li>
+  <li>state <input type="text" /></li>
+  <li>memory<input type="text" /></li>
+  <button>search</button>
+</ul>
+<ul id="list" ng-show='menuState.show'>
+  <li>disk <input type="text"/></li>
+   <li>Network <input type="text"/></li>
+</ul>
+ <div class="row">
+        <div class="col-md-5" style="border-top:1px dotted #ddd">       
+        </div>
+        <div class="col-md-2" style="border:1px dotted #ddd;border-top:none;text-align:center" ng-click="toggleMenu()">
+		<span class="caret"></span>
+        </div>
+        <div class="col-md-5" style="border-top:1px dotted #ddd">       
+        </div>
+    </div>
+             <div  ui-grid="gridOptions" style="width: 100%;margin-top:10px; height: 500px; text-align: center;" ui-grid-edit ui-grid-pagination
+                   ui-grid-selection  ui-grid-resize-columns ui-grid-auto-resize>
+             </div>
+         </div>
+     </div>
+ </div>
+
+
+
+
-- 
cgit 1.2.3-korg