summaryrefslogtreecommitdiffstats
path: root/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models
diff options
context:
space:
mode:
Diffstat (limited to 'usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models')
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html157
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-details.html96
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html136
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/left-menu.html44
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/pagination.html9
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html150
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-details.html72
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html123
8 files changed, 0 insertions, 787 deletions
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html
deleted file mode 100644
index 6715a7b1..00000000
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html
+++ /dev/null
@@ -1,157 +0,0 @@
-<!--
- Copyright (C) 2017 CMCC, Inc. and others. All rights reserved.
-
- 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.
--->
-<style>
- body {
- overflow-y: scroll;
- }
-
- text {
- font: 12px sans-serif;
- }
-
- svg {
- display: block;
- }
-
- #chart 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;
- }
-
- #alarmChart {
- width: 100%;
- height: 260px;
- }
- /* .minutes {
- display: none;
- }
-
- .uib-separator {
- display: none;
- } */
-</style>
-<!--/.navbar-collapse -->
-<div class="templatemo-content-wrapper">
- <div class="templatemo-content">
- <h1>alarm Chart</h1>
- <div class="row" style="min-height: 500px" ng-controller="alarmchartCtrl">
- <div class="col-md-12 col-sm-12">
- <div class="row">
- <div class="col-md-6">
- <p class="input-group" style="float:left">
- <label style="float:left;width:80px;line-height:100px">startTime:</label>
- <div ng-show="dayshow" style="float:left;width:100px;padding-top:33px">
- <input type="text" class="form-control" readonly ng-change="startTimeChanged()"
- uib-datepicker-popup ng-click="open1()" ng-model="startTime" is-open="popup1.opened"
- datepicker-options ng-required="true" close-text="Close"/>
- </div>
- <div ng-show="!dayshow" style="float:left;width:140px;padding-top:33px">
- <input style="padding-right:0px" type="text" class="form-control" readonly ng-change="startTimeChanged()"
- uib-datepicker-popup ng-click="open1()" ng-model="startTime" is-open="popup1.opened"
- datepicker-options ng-required="true" close-text="Close"/>
- </div>
-
- <div ng-show='hourshow' style="display:block;float:left" uib-timepicker ng-model="startTime"
- ng-change="startTimeChanged()" hour-step minute-step='0' show-meridian></div>
- </p>
- </div>
-
- <div class="col-md-6" style="float:left">
- <p class="input-group" style="float:left">
- <label style="float:left;width:80px;line-height:100px">endTime:</label>
- <div ng-show="dayshow" style="float:left;width:100px;padding-top:33px;">
- <input type="text" class="form-control" readonly ng-change="endTimeChanged()"
- ng-click="open2()" uib-datepicker-popup ng-model="endTime" is-open="popup2.opened"
- datepicker-options ng-required="true" close-text="Close"/>
- </div>
- <div ng-show="!dayshow" style="float:left;width:140px;padding-top:33px;">
- <input style="padding-right:0px" type="month" class="form-control" readonly ng-change="endTimeChanged()"
- ng-click="open2()" uib-datepicker-popup ng-model="endTime" is-open="popup2.opened"
- datepicker-options ng-required="true" close-text="Close"/>
- </div>
- <div ng-show='hourshow' style="display:block;float:left" uib-timepicker ng-model="endTime"
- ng-change="endTimeChanged()" hour-step minute-step='0' show-meridian></div>
- </p>
- </div>
-
- <div class="col-md-6" style="width:100%;padding-bottom:20px;">
- <p>
- <div style="float:left;padding-right:30px;">
- <label style="float:left;width:80px;line-height:30px;">sourceId:</label>
- <div style="float:left;width:130px;">
- <select class="form-control" ng-change="sourceIdChanged()" ng-model="sourceId"
- ng-options="s for s in sourceIds">
- <option value="">--- All ---</option>
- </select>
- </div>
- </div>
- <div style="float:left;padding-right:30px;">
- <label style="float:left;width:120px;line-height:30px;">Display Interval:</label>
- <div style="float:left;width:100px;">
- <select class="form-control" ng-change="showModeIdChanged()" ng-model="showModeId"
- ng-options="sm for sm in showModeIds">
- <!-- <option value="">- Auto -</option> -->
- </select>
- </div>
- </div>
- <div style="float:left">
- <button style="padding-top:6px;" class="btn btn-default" ng-click="genDiagram()">submit
- </button>
- </div>
- </p>
- </div>
-
-
- <div class="col-md-6 col-sm-12" style="width:100%">
- <div class="panel panel-success" >
- <!-- ng-show="chartShow" -->
- <div class="panel-heading">Chart
- <button ng-click="generateCsv('cpu');" class="btn btn-primary"
- style="float: right;margin-top:-7px;display: none ">CSV
- </button>
- </div>
- <div ng-show="ndaShow" style="text-align: center"><h2>No Data Available</h2></div>
- <!-- <nvd3 ng-show="hdaShow" options="options" data="data" api="api" ></nvd3> -->
- <div ng-show="hdaShow" id="alarmChart"></div>
- </div>
- </div>
- </div>
- </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/alarm-details.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-details.html
deleted file mode 100644
index a50a399d..00000000
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-details.html
+++ /dev/null
@@ -1,96 +0,0 @@
-<!--
- Copyright (C) 2017 CMCC, Inc. and others. All rights reserved.
-
- 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.
--->
-<div class="templatemo-content" ng-controller="alarmDetailsController">
- <h1>VNF Alarm Details</h1>
- <button style="position:relative;left:75%;" ng-click="back()" class="btn btn-primary">back</button>
- <div>
- <span>Header Information</span>
- <table width="80%" border="1" cellspacing="50%" cellpadding="10">
- <tr>
- <th style="background-color:lightblue;">Event Name</th>
- <td>{{eventName}}</td>
- <th style="background-color:lightblue;">Event Id</th>
- <td>{{eventId}}</td>
- </tr>
- <tr>
- <th style="background-color:lightblue;">Source Id</th>
- <td>{{sourceId}}</td>
- <th style="background-color:lightblue;">Source Name</th>
- <td>{{sourceName}}</td>
- </tr>
- <tr>
- <th style="background-color:lightblue;">Reporting Entity Id</th>
- <td>{{reportingEntityId}}</td>
- <th style="background-color:lightblue;">Reporting Entity Name</th>
- <td>{{reportingEntityName}}</td>
- </tr>
- <tr>
- <th style="background-color:lightblue;">Priority</th>
- <td>{{priority}}</td>
- <th style="background-color:lightblue;">Start Time</th>
- <td>{{startTIme}}</td>
- </tr>
- <tr>
- <th style="background-color:lightblue;">NFC Naming Code</th>
- <td>{{nfcNamingCode}}</td>
- <th style="background-color:lightblue;">NF Naming Code</th>
- <td>{{nfNamingCode}}</td>
- </tr>
- </table>
- </div>
- <div style="padding-top:10px;">
- <span>
- Detail Information
- </span>
- <table width="80%" border="1" cellspacing="50%" cellpadding="10">
- <tr>
- <th style="background-color:lightblue;">Event Servrity</th>
- <td>{{eventServrity}}</td>
- <th style="background-color:lightblue;">Event Source Type</th>
- <td>{{eventSourceType}}</td>
- </tr>
- <tr>
- <th style="background-color:lightblue;">Event Category</th>
- <td>{{eventCategory}}</td>
- <th style="background-color:lightblue;">Alarm InterfaceA</th>
- <td>{{alarmInterfaceA}}</td>
- </tr>
- <tr>
- <th style="background-color:lightblue;">Alarm Condition</th>
- <td>{{alarmCondition}}</td>
- <th style="background-color:lightblue;">Specific Problem</th>
- <td>{{specificProblem}}</td>
- </tr>
- </table>
- </div>
- <div style="padding-top:10px;">
- <span>
- Additional Information
- </span>
- <table width="80%" border="1" cellspacing="50%" cellpadding="10">
- <tr>
- <th style="background-color:lightblue;">Item Name</th>
- <th style="background-color:lightblue;">Item Value</th>
- </tr>
- <tbody ng-repeat="info in alarmInformation">
- <td>{{info.name}}</td>
- <td>{{info.value}}</td>
- </tbody>
- </table>
- </div>
- <br/>
- <br/>
-</div> \ No newline at end of file
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
deleted file mode 100644
index dcc6d44a..00000000
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html
+++ /dev/null
@@ -1,136 +0,0 @@
-<!--
- Copyright (C) 2017 CMCC, Inc. and others. All rights reserved.
-
- 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.
--->
-<div class="templatemo-content" ng-controller="alarmGridCtrl">
- <h3>VNF Alarm</h3>
- <div class="row margin-bottom-20">
- </div>
- <div class="table-container" ng-controller="pipeAlarmCtrl as amc">
- <div class="row margin-bottom-10">
- <div class="col-md-4">
- <ul class="nav nav-pills">
- <li style="background-color: #ddd" ng-repeat="O in open" ng-click="selectOpen(O.id,amc.callServer)" ng-class="{active:activeOpen(O.id)}">
- <a href="">
- {{O.name}}
- <span class="badge">{{O.count}}</span>
- </a>
- </li>
- <input type="hidden" ng-model="selectedOpen" />
- </ul>
- </div>
- </div>
- <ul class="list" style="padding-left:0;">
- <li>Source Id
- <input ng-model="condition1" type="text" />
- </li>
- <li>Source Name
- <input ng-model="condition2" type="text" />
- </li>
- <li>Priority
- <input ng-model="condition3" type="text" />
- </li>
- <button class="btn btn-primary" ng-click="amc.callServer(tableState)">search</button>
- </ul>
- <ul class="list" style="padding-left:0;" ng-show='menuState.show'>
- <li>
- <p class="input-group" style="float:left">
- <div style="float:left;line-height:100px;padding-right:4px;">Start Time</div>
- <div style="float:left;padding-top:33px">
- <input type="text" class="form-control" readonly ng-click="open1()" uib-datepicker-popup ng-model="condition4" is-open="popup1.opened"
- datepicker-options ng-required="true" close-text="Close" />
- </div>
- <div style="display:block;float:left" uib-timepicker ng-model="condition4" hour-step minute-step show-meridian></div>
- </p>
- </li>
- <li>
- <p class="input-group" style="float:left">
- <div style="float:left;line-height:100px;padding-right:4px;">End Time</div>
- <div style="float:left;padding-top:33px">
- <input type="text" class="form-control" ng-click="open2()" readonly uib-datepicker-popup ng-model="condition5" is-open="popup2.opened"
- datepicker-options ng-required="true" close-text="Close" />
- </div>
- <div style="display:block;float:left" uib-timepicker ng-model="condition5" hour-step minute-step show-meridian></div>
- </p>
- </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-11">
- <h4 class="margin-bottom-15">Query Result</h4>
- </div>
- <div class="col-md-1">
- <button ng-click="toChart()" class="btn btn-primary">Chart</button>
- </div>
- </div>
- <div>
- <table class="table" st-pipe="amc.callServer" st-table="amc.displayed">
- <thead>
- <tr>
- <th width="5%">Id</th>
- <th width="20%">Event Name</th>
- <th width="20%">Source Name</th>
- <th width="10%">Priority</th>
- <th width="15%">Start Time</th>
- <th width="15%">Clear Time</th>
- <th width="8%">Status</th>
- <th>Option</th>
- </tr>
- </thead>
- <tbody ng-show="!amc.isLoading">
- <tr ng-repeat="row in amc.displayed track by $index">
- <td>{{tableState.pagination.start+$index+1}}</td>
- <td>{{row.alarmsHeader.eventName}}</td>
- <td>{{row.alarmsHeader.sourceName}}</td>
- <td>{{row.alarmsHeader.priority}}</td>
- <td>{{row.alarmsHeader.startEpochMicrosec || row.alarmsHeader.lastEpochMicroSec | dateformater}}</td>
- <td>{{row.alarmsHeader.startEpochMicrosecCleared || row.alarmsHeader.lastEpochMicrosecCleared | dateformater}}</td>
- <td>{{row.alarmsHeader.status}}</td>
- <td>
- <button ng-click="jump(row.alarmsHeader.id)" class="btn btn-primary">Detail</button>
- </td>
- </tr>
- </tbody>
- <tbody ng-show="amc.isLoading">
- <tr>
- <td colspan="4" class="text-center">
- <div class="loading-indicator"></div>
- </td>
- </tr>
- </tbody>
- <tfoot>
- <tr>
- <td class="text-center" style="padding-top:30px" colspan="4">
- <label for="items" style="float:left;width:100px;line-height:30px;">items by page</label>
- <div style="float:left;width:130px;">
- <input class="input-sm form-control" name="items" id="items" type="number" ng-model="itemsByPagea" />
- </div>
- </td>
- <td class="text-center" st-pagination="" st-items-by-page="itemsByPagea" st-template="app/uui/fusion/scripts/view-models/pagination.html"
- colspan="3">
- </td>
- </tr>
- </tfoot>
- </table>
- </div>
- </div>
-</div> \ No newline at end of file
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
deleted file mode 100644
index 728b3280..00000000
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/left-menu.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!--
- Copyright (C) 2017 CMCC, Inc. and others. All rights reserved.
-
- 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.
--->
-<div id="lm" ng-controller="cmCtrl">
- <div id="main-wrapper">
- <div id="navbar" role="navigation">
- <div class="navbar-header">
- <div class="logo"><h1>Usecase UI</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>
- <input type="hidden" ng-model="currentTab" />
- <div ng-include="currentTab"></div>
-</div>
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/pagination.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/pagination.html
deleted file mode 100644
index 7b9ff077..00000000
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/pagination.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<nav ng-if="pages.length >= 2">
- <ul class="pagination">
- <li><a ng-click="selectPage(1)">First</a>
- </li><li><a ng-click="selectPage(currentPage - 1)">&lt;</a>
- </li><li><a><page-select></page-select> of {{numPages}}</a>
- </li><li><a ng-click="selectPage(currentPage + 1)">&gt;</a>
- </li><li><a ng-click="selectPage(numPages)">Last</a></li>
- </ul>
-</nav> \ No newline at end of file
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html
deleted file mode 100644
index 711ab964..00000000
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html
+++ /dev/null
@@ -1,150 +0,0 @@
-<!--
- Copyright (C) 2017 CMCC, Inc. and others. All rights reserved.
-
- 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.
--->
-<style>
- body {
- overflow-y: scroll;
- }
-
- text {
- font: 12px sans-serif;
- }
-
- svg {
- display: block;
- }
-
- #chart 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;
- }
- #performanceChart {
- width: 100%;
- height: 300px;
- }
-</style>
-<div class="templatemo-content-wrapper">
- <div class="templatemo-content">
- <h1>Performance Chart</h1>
- <div class="row" style="min-height: 500px" ng-controller="pertabCtrl">
- <div class="col-md-12 col-sm-12">
- <div class="row">
- <div class="col-md-6">
- <p class="input-group" style="float:left">
- <label style="float:left;width:80px;line-height:100px">startTime:</label>
- <div ng-show="dayshow" style="float:left;width:100px;padding-top:33px">
- <input type="text" class="form-control" readonly ng-change="startTimeChanged()" uib-datepicker-popup ng-click="open1()" ng-model="startTime"
- is-open="popup1.opened" datepicker-options ng-required="true" close-text="Close" />
- </div>
- <!-- <div ng-show="!dayshow" style="float:left;width:140px;padding-top:33px">
- <input style="padding-right:0px" type="month" class="form-control" readonly ng-change="startTimeChanged()"
- uib-datepicker-popup ng-click="open1()" ng-model="startTime" is-open="popup1.opened"
- datepicker-options ng-required="true" close-text="Close"/>
- </div> -->
- <div ng-show='hourshow' style="display:block;float:left" uib-timepicker ng-model="startTime"
- ng-change="startTimeChanged()" hour-step minute-step='timestep' show-meridian></div>
- </p>
- </div>
-
- <div class="col-md-6" style="float:left">
- <p class="input-group" style="float:left">
- <label style="float:left;width:80px;line-height:100px">endTime:</label>
- <div ng-show="dayshow" style="float:left;width:100px;padding-top:33px;">
- <input type="text" class="form-control" readonly ng-change="endTimeChanged()"
- ng-click="open2()" uib-datepicker-popup ng-model="endTime"
- is-open="popup2.opened" datepicker-options ng-required="true" close-text="Close" />
- </div>
- <!-- <div ng-show="!dayshow" style="float:left;width:140px;padding-top:33px;">
- <input style="padding-right:0px" type="month" class="form-control" readonly ng-change="endTimeChanged()"
- ng-click="open2()" uib-datepicker-popup ng-model="endTime" is-open="popup2.opened"
- datepicker-options ng-required="true" close-text="Close"/>
- </div> -->
- <div ng-show='hourshow' style="display:block;float:left" uib-timepicker ng-model="endTime"
- ng-change="endTimeChanged()" hour-step minute-step='0' show-meridian></div>
- </p>
- </div>
- <div class="col-md-6" style="width:100%;padding-bottom:20px;">
- <p>
- <div style="float:left;padding-right:30px;">
- <label style="float:left;width:80px;line-height:30px;">
- <span style="float:left;color:red;">*</span>sourceId:</label>
- <div style="float:left;width:130px;">
- <select class="form-control" ng-change="sourceIdChanged()" ng-model="sourceId" ng-options="s for s in sourceIds">
- <option value="">--- chose ---</option>
- </select>
- </div>
- </div>
- <div style="float:left;padding-right:30px" ng-show="namesPIsShow">
- <label style="float:left;width:50px;line-height:30px;">
- <span style="float:left;color:red;">*</span>name:</label>
- <div style="float:left;width:130px;">
- <select class="form-control" ng-change="namePChanged()" ng-model="nameP" ng-options="np for np in namePs">
- <option value="">--- chose ---</option>
- </select>
- </div>
- </div>
- <div style="float:left;padding-right:30px">
- <label style="float:left;width:120px;line-height:30px;">Display Interval:</label>
- <div style="float:left;width:100px;">
- <select class="form-control" ng-change="showModeIdChanged()" ng-model="showModeId" ng-options="sm for sm in showModeIds">
- <!-- <option value="">-- auto --</option> -->
- </select>
- </div>
- </div>
- <div style="float:left">
- <button ng-disabled="goIsShow" style="padding-top:6px;" class="btn btn-default" ng-click="genDiagram()">submit</button>
- </div>
- </p>
- </div>
- <div class="col-md-12 col-sm-12">
- <div class="panel panel-success">
- <!-- ng-show="chartShow" -->
- <div ng-show="ndaShow" style="text-align: center">
- <h2>No Data Available</h2>
- </div>
- <!-- <nvd3 ng-show="hdaShow" options="options" data="data" api="api"></nvd3> -->
- <div id="performanceChart"></div>
- <!-- ng-show="hdaShow" -->
- </div>
-
- </div>
- </div>
- </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-details.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-details.html
deleted file mode 100644
index 3e1ac230..00000000
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-details.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<!--
- Copyright (C) 2017 CMCC, Inc. and others. All rights reserved.
-
- 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.
--->
-<div class="templatemo-content" ng-controller="performanceDetailsController">
- <h1>VNF Performance Data Details</h1>
- <button style="position:relative;left:75%;" ng-click="back()" class="btn btn-primary">back</button>
- <div>
- <span>Header Information</span>
- <table width="80%" border="1" cellspacing="50%" cellpadding="10">
- <tr>
- <th style="background-color:lightblue;">Event Name</th>
- <td>{{eventName}}</td>
- <th style="background-color:lightblue;">Event Id</th>
- <td>{{eventId}}</td>
- </tr>
- <tr>
- <th style="background-color:lightblue;">Source Id</th>
- <td>{{sourceId}}</td>
- <th style="background-color:lightblue;">Source Name</th>
- <td>{{sourceName}}</td>
- </tr>
- <tr>
- <th style="background-color:lightblue;">Reporting Entity Id</th>
- <td>{{reportingEntityId}}</td>
- <th style="background-color:lightblue;">Reporting Entity Name</th>
- <td>{{reportingEntityName}}</td>
- </tr>
- <tr>
- <th style="background-color:lightblue;">Priority</th>
- <td>{{priority}}</td>
- <th style="background-color:lightblue;">Start Time</th>
- <td>{{createTime}}</td>
- </tr>
- <tr>
- <th style="background-color:lightblue;">NFC Naming Code</th>
- <td>{{nfcNamingCode}}</td>
- <th style="background-color:lightblue;">NF Naming Code</th>
- <td>{{nfNamingCode}}</td>
- </tr>
- </table>
- </div>
- <div style="padding-top:10px;">
- <span>
- Additional Information
- </span>
- <table width="80%" border="1" cellspacing="50%" cellpadding="10">
- <tr>
- <th style="background-color:lightblue;">Item Name</th>
- <th style="background-color:lightblue;">Item Value</th>
- </tr>
- <tbody ng-repeat="info in performanceInformation">
- <td>{{info.name}}</td>
- <td>{{info.value}}</td>
- </tbody>
- </table>
- </div>
-
- <br />
- <br />
-</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
deleted file mode 100644
index 11e183cf..00000000
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html
+++ /dev/null
@@ -1,123 +0,0 @@
-<!--
- Copyright (C) 2017 CMCC, Inc. and others. All rights reserved.
-
- 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.
--->
-<div class="templatemo-content-wrapper" ng-controller="perGridCtrl">
- <div class="templatemo-content">
- <h3>Performance</h3>
- <div>
- <div class="table-container" ng-controller="pipeCtrl as mc">
- <ul class="list" style="padding-left:0;">
- <li>Source Id
- <input type="text" ng-model="seek1" />
- </li>
- <li>Source Name
- <input type="text" ng-model="seek2" />
- </li>
- <li>Priority
- <input type="text" ng-model="seek3" />
- </li>
- <button class="btn btn-primary" ng-click="mc.callServer(tableState)">search</button>
- </ul>
- <ul class="list" style="padding-left:0;" ng-show='menuState.show'>
- <li>
- <p class="input-group" style="float:left">
- <div style="float:left;line-height:100px;padding-right:4px;">StartTime</div>
- <div style="float:left;padding-top:33px">
- <input type="text" class="form-control" readonly ng-click="open1()" uib-datepicker-popup ng-model="seek4" is-open="popup1.opened"
- datepicker-options ng-required="true" close-text="Close" />
- </div>
- <div style="display:block;float:left;" uib-timepicker ng-model="seek4" hour-step minute-step show-meridian></div>
- </p>
- </li>
- <li>
- <p class="input-group" style="float:left">
- <div style="float:left;line-height:100px;padding-right:4px;">End Time</div>
- <div style="float:left;padding-top:33px">
- <input type="text" class="form-control" readonly ng-click="open2()" uib-datepicker-popup ng-model="seek5" is-open="popup2.opened"
- datepicker-options ng-required="true" close-text="Close" />
- </div>
- <div style="display:block;float:left" uib-timepicker ng-model="seek5" hour-step minute-step show-meridian></div>
- </p>
- </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-11">
- <div class="table-responsive">
- <h4 class="margin-bottom-15">Query Result</h4>
- </div>
- </div>
- <div class="col-md-1">
- <button ng-click="toChart()" class="btn btn-primary">Chart</button>
- </div>
- </div>
-
-
- <table class="table" st-pipe="mc.callServer" st-table="mc.displayed">
- <thead>
- <tr>
- <th width="10%">Id</th>
- <th width="25%">Event Name</th>
- <th width="25%">Source Name</th>
- <th width="10%">Priority</th>
- <th width="20%">Start Time</th>
- <th>Option</th>
- </tr>
- </thead>
- <tbody ng-show="!mc.isLoading">
- <tr ng-repeat="row in mc.displayed track by $index">
- <td>{{tableState.pagination.start+$index+1}}</td>
- <td>{{row.performanceHeader.eventName}}</td>
- <td>{{row.performanceHeader.sourceName}}</td>
- <td>{{row.performanceHeader.priority}}</td>
- <td>{{row.performanceHeader.startEpochMicrosec || row.performanceHeader.lastEpochMicrosec | dateformater}}</td>
- <td>
- <button ng-click="jump(row.performanceHeader.id)" class="btn btn-primary">Detail</button>
- </td>
- </tr>
- </tbody>
- <tbody ng-show="mc.isLoading">
- <tr>
- <td colspan="4" class="text-center">
- <div class="loading-indicator"></div>
- </td>
- </tr>
- </tbody>
- <tfoot>
- <tr>
- <td class="text-center" style="padding-top:30px" colspan="3">
- <label for="items" style="float:left;width:100px;line-height:30px;">items by page</label>
- <div style="float:left;width:130px;">
- <input class="input-sm form-control" name="items" id="items" type="number" ng-model="itemsByPage" />
- </div>
- </td>
- <td class="text-center" st-pagination="" st-items-by-page="itemsByPage" st-template="app/uui/fusion/scripts/view-models/pagination.html"
- colspan="3">
- </td>
- </tr>
- </tfoot>
- </table>
- </div>
- </div>
- </div>
-</div> \ No newline at end of file