diff options
Diffstat (limited to 'usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models')
4 files changed, 211 insertions, 0 deletions
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> + + + + |