This repository has been archived by the owner on Nov 9, 2017. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 33
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Move the app-details to its own logical subfolder and break out the h…
…tmls so individuals can work on them without clobbering each other with conflicts.
- Loading branch information
Showing
10 changed files
with
314 additions
and
190 deletions.
There are no files selected for viewing
32 changes: 32 additions & 0 deletions
32
...src/main/scripts/plugins/metrics/plugins/metrics/html/app-details/app-server-details.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| <div class="hk-screen-content" ng-controller="HawkularMetrics.AppServerDetailsController as vm"> | ||
|
|
||
| <hawkular-sidebar ng-controller="Sidebar.SidebarController"> | ||
| <div class="hk-nav-tabs-container"> | ||
| <ul class="nav nav-tabs nav-tabs-pf" ng-init="vm.activeTab = vm.activeTab || 'jvm-metrics'"> | ||
| <!-- | ||
| <li ng-class="vm.activeTab === 'alerts' ? 'active' : ''"><a href="#" ng-click="vm.activeTab = 'alerts'" class="hk-alerts">Alerts</a></li> | ||
| <li ng-class="vm.activeTab === 'jvm-metrics' ? 'active' : ''"><a href="#" ng-click="vm.activeTab = 'jvm-metrics'" class="hk-jvm-metrics">JVM <span class="label label-danger label-alert pull-right">3</span></a></li> | ||
| --> | ||
| <li ng-class="vm.activeTab === 'jvm-metrics' ? 'active' : ''"><a href="#" ng-click="vm.activeTab = 'jvm-metrics'" class="hk-jvm-metrics">JVM</a></li> | ||
| <li ng-class="vm.activeTab === 'web' ? 'active' : ''"><a href="#" ng-click="vm.activeTab = 'web'" class="hk-web">Web</a></li> | ||
|
|
||
| <!-- | ||
| <li ng-class="vm.activeTab === 'jms' ? 'active' : ''"><a href="#" ng-click="vm.activeTab = 'jms'" class="hk-jms">JMS</a></li> | ||
| <li ng-class="vm.activeTab === 'transactions' ? 'active' : ''"><a href="#" ng-click="vm.activeTab = 'transactions'" class="hk-transactions">Transactions</a></li> | ||
| <li ng-class="vm.activeTab === 'datasources' ? 'active' : ''"><a href="#" ng-click="vm.activeTab = 'datasources'" class="hk-datasources">Datasources</a></li> | ||
| --> | ||
| </ul> | ||
| </div> | ||
| </hawkular-sidebar> | ||
|
|
||
|
|
||
| <ng-include src="'plugins/metrics/html/app-details/detail-alerts.html'"></ng-include> | ||
| <ng-include src="'plugins/metrics/html/app-details/detail-jvm.html'"></ng-include> | ||
| <ng-include src="'plugins/metrics/html/app-details/detail-web.html'"></ng-include> | ||
| <ng-include src="'plugins/metrics/html/app-details/detail-jms.html'"></ng-include> | ||
| <ng-include src="'plugins/metrics/html/app-details/detail-transactions.html'"></ng-include> | ||
| <ng-include src="'plugins/metrics/html/app-details/detail-deployments.html'"></ng-include> | ||
| <ng-include src="'plugins/metrics/html/app-details/detail-datasources.html'"></ng-include> | ||
|
|
||
|
|
||
| </div> |
33 changes: 33 additions & 0 deletions
33
...sole/src/main/scripts/plugins/metrics/plugins/metrics/html/app-details/detail-alerts.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
|
|
||
| <section id="hk-alerts" class="hk-tab-content" ng-if="vm.activeTab === 'alerts'"> | ||
|
|
||
| <div class="hk-info-top clearfix"> | ||
| <h3 class="pull-left" tooltip-trigger tooltip-placement="top" tooltip="Expand/collapse">Alerts <span>(29)</span></h3> | ||
| <span class="hk-settings pull-right"><a href="#" ng-controller="MetricsAlertController as mac" ng-click="mac.openSetup()"><i class="fa fa-cog"></i>Alert Settings</a></span> | ||
| </div> | ||
| <div class="clearfix"> | ||
| <div class="panel panel-default alert alert-danger"> | ||
| <div class="hk-alert-icon"> | ||
| <i class="fa fa-flag"></i> | ||
| </div> | ||
| <div class="hk-date"> | ||
| 12 Feb, 5:35 PM | ||
| </div> | ||
| <div class="hk-event"> | ||
| Server <strong>down</strong> for 4 minutes (until 5:39 PM). | ||
| </div> | ||
| </div> | ||
| <div class="panel panel-default alert alert-danger"> | ||
| <div class="hk-alert-icon"> | ||
| <i class="fa fa-flag"></i> | ||
| </div> | ||
| <div class="hk-date"> | ||
| 11 Feb, 3:53 PM | ||
| </div> | ||
| <div class="hk-event"> | ||
| <strong>Response time</strong> was above the threshold for 7 minutes (until 4:00 PM). | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </section> |
35 changes: 35 additions & 0 deletions
35
...src/main/scripts/plugins/metrics/plugins/metrics/html/app-details/detail-datasources.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
|
|
||
| <section id="hk-datasources" class="hk-tab-content" ng-if="vm.activeTab === 'datasources'"> | ||
|
|
||
| <h3 class="pull-left">Datasources</h3> | ||
| <span class="hk-update pull-right" tooltip-trigger tooltip-placement="bottom" tooltip="Last update"><i class="fa fa-clock-o"></i>{{vm.endTimeStamp | date:'mediumTime'}}</span> | ||
| <div class="panel panel-default hk-summary"> | ||
| <div class="row"> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">2 <i class="fa fa-flag"></i></span> | ||
| <span class="hk-item">Alerts</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">1270 MB</span> | ||
| <span class="hk-item">Average Heap Usage</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">5 s</span> | ||
| <span class="hk-item">Last Garbage Collection (Duration)</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">2000 MB</span> | ||
| <span class="hk-item">Maximum Heap</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="hk-info-top clearfix"> | ||
| <h3 class="pull-left" tooltip-trigger tooltip-placement="top" tooltip="Expand/collapse"><button class="btn btn-link hk-trigger"><i class="fa fa-plus-square-o"></i> Alerts <span>(0)</span></button></h3> | ||
| <span class="hk-settings pull-right"><a href="#" ng-controller="MetricsAlertController as mac" ng-click="mac.openSetup()"><i class="fa fa-cog"></i>Alert Settings</a></span> | ||
| </div> | ||
| <div class="clearfix"> | ||
| <p>No alerts.</p> | ||
| </div> | ||
|
|
||
| </section> |
45 changes: 45 additions & 0 deletions
45
...src/main/scripts/plugins/metrics/plugins/metrics/html/app-details/detail-deployments.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
|
|
||
| <section id="hk-deployments" class="hk-tab-content" ng-if="vm.activeTab === 'deployments'"> | ||
|
|
||
| <h3 class="pull-left">Deployments</h3> | ||
| <span class="hk-update pull-right" tooltip-trigger tooltip-placement="bottom" tooltip="Last update"><i class="fa fa-clock-o"></i>{{vm.endTimeStamp | date:'mediumTime'}}</span> | ||
| <div class="panel panel-default hk-summary"> | ||
| <div class="row"> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">-Xmx</span> | ||
| <span class="hk-item">Max. Heap</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">20 GB</span> | ||
| <span class="hk-item">Avg. Heap Usage</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">22:00</span> | ||
| <span class="hk-item">Last Garbage Collection</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">3</span> | ||
| <span class="hk-item">Alerts</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="hk-info-top clearfix"> | ||
| <h3 class="pull-left" tooltip-trigger tooltip-placement="top" tooltip="Expand/collapse"><button class="btn btn-link hk-trigger"><i class="fa fa-plus-square-o"></i> Alerts <span>(1)</span></button></h3> | ||
| <span class="hk-settings pull-right"><a href="#" ng-controller="MetricsAlertController as mac" ng-click="mac.openSetup()"><i class="fa fa-cog"></i>Alert Settings</a></span> | ||
| </div> | ||
| <div class="alerts-activity clearfix"> | ||
| <div class="panel panel-default alert alert-danger"> | ||
| <div class="hk-alert-icon"> | ||
| <i class="fa fa-flag"></i> | ||
| </div> | ||
| <div class="hk-date"> | ||
| 12 Feb, 5:35 PM | ||
| </div> | ||
| <div class="hk-event"> | ||
| Server <strong>down</strong> for 4 minutes (until 5:39 PM). | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </section> |
36 changes: 36 additions & 0 deletions
36
ui/console/src/main/scripts/plugins/metrics/plugins/metrics/html/app-details/detail-jms.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
|
|
||
|
|
||
| <section id="hk-jms" class="hk-tab-content" ng-if="vm.activeTab === 'jms'"> | ||
|
|
||
| <h3 class="pull-left">JMS</h3> | ||
| <span class="hk-update pull-right" tooltip-trigger tooltip-placement="bottom" tooltip="Last update"><i class="fa fa-clock-o"></i>{{vm.endTimeStamp | date:'mediumTime'}}</span> | ||
| <div class="panel panel-default hk-summary"> | ||
| <div class="row"> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">2 <i class="fa fa-flag"></i></span> | ||
| <span class="hk-item">Alerts</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">1270 MB</span> | ||
| <span class="hk-item">Average Heap Usage</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">5 s</span> | ||
| <span class="hk-item">Last Garbage Collection (Duration)</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">2000 MB</span> | ||
| <span class="hk-item">Maximum Heap</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="hk-info-top clearfix"> | ||
| <h3 class="pull-left" tooltip-trigger tooltip-placement="top" tooltip="Expand/collapse"><button class="btn btn-link hk-trigger"><i class="fa fa-plus-square-o"></i> Alerts <span>(0)</span></button></h3> | ||
| <span class="hk-settings pull-right"><a href="#" ng-controller="MetricsAlertController as mac" ng-click="mac.openSetup()"><i class="fa fa-cog"></i>Alert Settings</a></span> | ||
| </div> | ||
| <div class="clearfix"> | ||
| <p>No alerts.</p> | ||
| </div> | ||
|
|
||
| </section> |
59 changes: 59 additions & 0 deletions
59
ui/console/src/main/scripts/plugins/metrics/plugins/metrics/html/app-details/detail-jvm.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,59 @@ | ||
| <section id="hk-jvm-metrics" class="hk-tab-content" ng-if="vm.activeTab === 'jvm-metrics'"> | ||
|
|
||
| <h3 class="pull-left">JVM Status</h3> | ||
| <span class="hk-update pull-right" tooltip-trigger tooltip-placement="bottom" tooltip="Last update"><i class="fa fa-clock-o"></i>{{vm.endTimeStamp | date:'mediumTime'}}</span> | ||
| <div class="panel panel-default hk-summary"> | ||
| <div class="row"> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">10 <i class="fa fa-flag"></i></span> | ||
| <span class="hk-item">Alerts</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">1270 MB</span> | ||
| <span class="hk-item">Average Heap Usage</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">5 s</span> | ||
| <span class="hk-item">Last Garbage Collection (Duration)</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">2000 MB</span> | ||
| <span class="hk-item">Maximum Heap</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="hk-info-top clearfix"> | ||
| <h3 class="pull-left" tooltip-trigger tooltip-placement="top" tooltip="Expand/collapse"><button class="btn btn-link hk-trigger"><i class="fa fa-plus-square-o"></i> Alerts <span>(2 of 10)</span></button></h3> | ||
| <span class="hk-settings pull-right"><a href="#" ng-controller="MetricsAlertController as mac" ng-click="mac.openSetup()"><i class="fa fa-cog"></i>Alert Settings</a></span> | ||
| </div> | ||
| <div class="alerts-activity clearfix"> | ||
| <div class="panel panel-default alert alert-danger"> | ||
| <div class="hk-alert-icon"><i class="fa fa-flag"></i></div> | ||
| <div class="hk-date">12 Feb, 5:35 PM</div> | ||
| <div class="hk-event">Server <strong>down</strong> for 4 minutes (until 5:39 PM).</div> | ||
| </div> | ||
| <div class="panel panel-default alert alert-danger"> | ||
| <div class="hk-alert-icon"><i class="fa fa-flag"></i></div> | ||
| <div class="hk-date">11 Feb, 3:53 PM</div> | ||
| <div class="hk-event"><strong>Response time</strong> was above the threshold for 7 minutes (until 4:00 PM).</div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="hk-info-top clearfix"> | ||
| <h3 class="pull-left">Metrics</h3> | ||
| <div class="hk-update pull-right"> | ||
| <button class="btn btn-link hk-chart-update" data-toggle="tooltip" data-placement="top" title="" data-original-title="Update chart"><i class="fa fa-refresh"></i></button> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="panel panel-default hk-graph"> | ||
| <h2>JVM Heap Usage</h2> | ||
| <div class="hk-legend pull-left"> | ||
| <span><i class="fa fa-circle hk-primary"></i>Used</span> | ||
| <span><i class="fa fa-circle hk-orange"></i>Maximum</span> | ||
| <span><i class="fa fa-circle hk-gray"></i>Commited</span> | ||
| </div> | ||
| </div> | ||
|
|
||
| </section> |
36 changes: 36 additions & 0 deletions
36
...rc/main/scripts/plugins/metrics/plugins/metrics/html/app-details/detail-transactions.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
|
|
||
|
|
||
| <section id="hk-transactions" class="hk-tab-content" ng-if="vm.activeTab === 'transactions'"> | ||
|
|
||
| <h3 class="pull-left">Transactions</h3> | ||
| <span class="hk-update pull-right" tooltip-trigger tooltip-placement="bottom" tooltip="Last update"><i class="fa fa-clock-o"></i>{{vm.endTimeStamp | date:'mediumTime'}}</span> | ||
| <div class="panel panel-default hk-summary"> | ||
| <div class="row"> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">2 <i class="fa fa-flag"></i></span> | ||
| <span class="hk-item">Alerts</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">1270 MB</span> | ||
| <span class="hk-item">Average Heap Usage</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">5 s</span> | ||
| <span class="hk-item">Last Garbage Collection (Duration)</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">2000 MB</span> | ||
| <span class="hk-item">Maximum Heap</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="hk-info-top clearfix"> | ||
| <h3 class="pull-left" tooltip-trigger tooltip-placement="top" tooltip="Expand/collapse"><button class="btn btn-link hk-trigger"><i class="fa fa-plus-square-o"></i> Alerts <span>(0)</span></button></h3> | ||
| <span class="hk-settings pull-right"><a href="#" ng-controller="MetricsAlertController as mac" ng-click="mac.openSetup()"><i class="fa fa-cog"></i>Alert Settings</a></span> | ||
| </div> | ||
| <div class="clearfix"> | ||
| <p>No alerts.</p> | ||
| </div> | ||
|
|
||
| </section> |
37 changes: 37 additions & 0 deletions
37
ui/console/src/main/scripts/plugins/metrics/plugins/metrics/html/app-details/detail-web.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
|
|
||
|
|
||
|
|
||
| <section id="hk-web" class="hk-tab-content" ng-if="vm.activeTab === 'web'"> | ||
|
|
||
| <h3 class="pull-left">Web</h3> | ||
| <span class="hk-update pull-right" tooltip-trigger tooltip-placement="bottom" tooltip="Last update"><i class="fa fa-clock-o"></i>{{vm.endTimeStamp | date:'mediumTime'}}</span> | ||
| <div class="panel panel-default hk-summary"> | ||
| <div class="row"> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">2 <i class="fa fa-flag"></i></span> | ||
| <span class="hk-item">Alerts</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">1270 MB</span> | ||
| <span class="hk-item">Average Heap Usage</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">5 s</span> | ||
| <span class="hk-item">Last Garbage Collection (Duration)</span> | ||
| </div> | ||
| <div class="col-sm-3 hk-summary-item"> | ||
| <span class="hk-data">2000 MB</span> | ||
| <span class="hk-item">Maximum Heap</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="hk-info-top clearfix"> | ||
| <h3 class="pull-left" tooltip-trigger tooltip-placement="top" tooltip="Expand/collapse"><button class="btn btn-link hk-trigger"><i class="fa fa-plus-square-o"></i> Alerts <span>(0)</span></button></h3> | ||
| <span class="hk-settings pull-right"><a href="#" ng-controller="MetricsAlertController as mac" ng-click="mac.openSetup()"><i class="fa fa-cog"></i>Alert Settings</a></span> | ||
| </div> | ||
| <div class="clearfix"> | ||
| <p>No alerts.</p> | ||
| </div> | ||
|
|
||
| </section> |
Oops, something went wrong.