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.
Merge pull request #705 from karelhala/HAWKULAR-586
HAWKULAR-586
- Loading branch information
Showing
23 changed files
with
1,096 additions
and
16 deletions.
There are no files selected for viewing
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
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
41 changes: 41 additions & 0 deletions
41
console/src/main/scripts/plugins/metrics/html/app-details/detail-overview.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,41 @@ | ||
| <div> | ||
| <div class="hk-info-top clearfix"> | ||
| <h3 class="pull-left">Server overview</h3> | ||
| <span class="hk-update pull-right" tooltip-trigger tooltip-placement="top" tooltip="Last update"> | ||
| <i class="fa fa-clock-o"></i>{{vm.endTimeStamp | date:'HH:mm:ss'}} | ||
| </span> | ||
| </div> | ||
| <div class="row"> | ||
| <!-- Left panel --> | ||
| <div class="col-lg-3 col-md-4"> | ||
| <div class="row row-cards-pf"> | ||
| <div class="col-md-12"> | ||
| <hk-server-details server-info="vm.serverInfo"></hk-server-details> | ||
| <hk-common-tasks></hk-common-tasks> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- //Left panel --> | ||
| <div class="col-lg-6 col-md-8"> | ||
| <div class="row row-cards-pf"> | ||
| <div class="col-md-12"> | ||
| <hk-status-overview | ||
| end-time-stamp="vm.endTimeStamp" | ||
| start-time-stamp="vm.startTimeStamp" | ||
| overview-info="vm.overviewInfo" | ||
| alert-info="vm.alertInfo" | ||
| datasource-info="vm.datasourceInfo" | ||
| ></hk-status-overview> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- //Status overview --> | ||
| <!-- Server alerts --> | ||
| <div class="col-lg-3 col-md-4"> | ||
| <hk-alert-info list="vm.alertList" limit="(vm.showAllAlerts ? 100000 : 3)" | ||
| resource-id="vm.$routeParams.resourceId" title="Server"> | ||
| </hk-alert-info> | ||
| </div> | ||
| <!-- //Server alerts --> | ||
| </div> | ||
| </div> |
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
22 changes: 22 additions & 0 deletions
22
console/src/main/scripts/plugins/metrics/html/directives/overview/common-tasks.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,22 @@ | ||
| <div> | ||
| <div class="card-pf card-pf-utilization"> | ||
| <div class="card-pf-heading"> | ||
| <h2 class="card-pf-title">Common Tasks</h2> | ||
| </div> | ||
| <div class="card-pf-body"> | ||
| <div class="hk-box-v-item hk-action" ng-repeat="task in vm.tasksList"> | ||
| <div class="hk-display-table"> | ||
| <div class="hk-icon-container"> | ||
| <i class="fa {{task.icon}}"></i> | ||
| </div> | ||
| <div class="hk-info-container"> | ||
| <div class="hk-heading"> | ||
| <a ng-click="vm.goToPage(task.direction, task.action)" href="">{{task.title}}</a> | ||
| </div> | ||
| <div class="hk-info">{{task.text}}</div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> |
Empty file.
13 changes: 13 additions & 0 deletions
13
console/src/main/scripts/plugins/metrics/html/directives/overview/donut-chart.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,13 @@ | ||
| <div> | ||
| <div class="hk-data-info"> | ||
| <div class="hk-data">{{usage}}</div> | ||
| <div class="hk-info"> | ||
| <div ng-if="chartConfig"> | ||
| <div pf-c3-chart id="{{graphId}}" config="chartConfig"></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="hk-block-title"> | ||
| {{graphTitle}} | ||
| </div> | ||
| </div> |
19 changes: 19 additions & 0 deletions
19
console/src/main/scripts/plugins/metrics/html/directives/overview/label-editor.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,19 @@ | ||
| <div class="dropdown" dropdown auto-close="outsideClick" is-open="isOpen"> | ||
| <div class="input-group dropdown-toggle" dropdown-toggle="" aria-haspopup="true" aria-expanded="false"> | ||
| <div ng-transclude></div> | ||
| </div> | ||
| <div class="dropdown-menu infotip bottom-left label-editor-dropdown"> | ||
| <div class="arrow"></div> | ||
| <div class="dropdown-menu-content hk-label-editor"> | ||
| <h4>Label: </h4> | ||
| <form class="form-inline"> | ||
| <div class="form-group"> | ||
| <input type="text" class="form-control" ng-model="label.key"> : | ||
| <input type="text" class="form-control" ng-model="label.value"> | ||
| </div> | ||
| <button type="button" ng-click="confirmDropDown()" class="btn btn-default"><i class="fa fa-check"></i></button> | ||
| <button type="button" ng-click="closeDropDown()" class="btn btn-danger"><i class="fa fa-times"></i></button> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </div> |
16 changes: 16 additions & 0 deletions
16
console/src/main/scripts/plugins/metrics/html/directives/overview/remove-label.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,16 @@ | ||
| <div class="modal-header"> | ||
| <button type="button" class="close" ng-click="lvm.cancel()"> | ||
| <span class="pficon pficon-close"></span> | ||
| </button> | ||
| <h4 class="modal-title">Delete Driver</h4> | ||
| </div> | ||
| <div class="modal-body"> | ||
| <div class="form-group"> | ||
| <p class="primary-message">Are you sure you want to delete Label with key `{{lvm.currentLabel.key}}` and value `{{lvm.currentLabel.value}}`?</p> | ||
| <p>This action can't be undone.</p> | ||
| </div> | ||
| </div> | ||
| <div class="modal-footer"> | ||
| <button type="button" class="btn btn-default" ng-click="lvm.cancel()">Cancel</button> | ||
| <button type="button" class="btn btn-danger" ng-click="lvm.confirmDelete()">Delete</button> | ||
| </div> |
46 changes: 46 additions & 0 deletions
46
console/src/main/scripts/plugins/metrics/html/directives/overview/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,46 @@ | ||
| <div> | ||
| <div class="card-pf card-pf-utilization"> | ||
| <div class="card-pf-heading"> | ||
| <h2 class="card-pf-title">Server Details</h2> | ||
| </div> | ||
| <div class="card-pf-body"> | ||
| <dl class="dl-horizontal"> | ||
| <dt>Type</dt> | ||
| <dd><span class="hk-open">{{serverInfo.type.name}}</span></dd> | ||
| <dt>Version</dt> | ||
| <dd></dd> | ||
| <dt>Status</dt> | ||
| <dd> | ||
| <span ng-hide="serverInfo.state === 'up'"> | ||
| Stopped <i class="fa fa-arrow-down"></i> | ||
| </span> | ||
| <span ng-show="serverInfo.state === 'up'"> | ||
| Running <i class="fa fa-arrow-up"></i> | ||
| </span> | ||
| </dd> | ||
| <dt>Host</dt> | ||
| <dd class="hk-word-break">{{serverInfo.configuration.Hostname}}</dd> | ||
| <dt>Labels</dt> | ||
| <div ng-if="vm.serverInfo && vm.serverInfo.properties"> | ||
| <div ng-repeat="(index, label) in vm.serverInfo.properties.labels" class="server-label"> | ||
| <hk-detail-label-editor | ||
| confirm="vm.publishProperties(vm.serverInfo.properties)" | ||
| label="label" | ||
| close="vm.removeLabel(index)"> | ||
| <span class="label label-primary label-clickable">{{label.key}} : {{label.value}}</span> | ||
| </hk-detail-label-editor> | ||
| </div> | ||
| </div> | ||
| <dd> | ||
| <hk-detail-label-editor | ||
| confirm="vm.confirmNewLabel()" | ||
| label="vm.newLabel" | ||
| close="vm.closeDropDown()"> | ||
| <button class="btn btn-link"><i class="fa fa-plus-circle"></i>Add Label </button> | ||
| </hk-detail-label-editor> | ||
| </dd> | ||
| </dl> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> |
15 changes: 15 additions & 0 deletions
15
console/src/main/scripts/plugins/metrics/html/directives/overview/spark-line-chart.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,15 @@ | ||
| <div> | ||
| <div class="hk-data-info"> | ||
| <div class="hk-data"> | ||
| {{usage}} | ||
| </div> | ||
| <div class="hk-info"> | ||
| <hawkular-sparkline-chart | ||
| data="usageGraph" | ||
| show-x-axis-values="false" | ||
| show-y-axis-values="false"> | ||
| </hawkular-sparkline-chart> | ||
| </div> | ||
| </div> | ||
| <div class="hk-block-title">{{title}}</div> | ||
| </div> |
71 changes: 71 additions & 0 deletions
71
console/src/main/scripts/plugins/metrics/html/directives/overview/status-overview.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,71 @@ | ||
| <div class="card-pf card-pf-utilization"> | ||
| <div class="card-pf-heading"> | ||
| <p class="card-pf-heading-details hk-definitions-link">{{startTimeStamp | date:'d MMM yyyy'}}, {{startTimeStamp | date:'HH:mm'}} - {{endTimeStamp | date:'HH:mm'}}</p> | ||
| <h2 class="card-pf-title">Status Overview</h2> | ||
| </div> | ||
| <div class="card-pf-body"> | ||
| <div class="row"> | ||
| <div class="col-md-6 hk-dashboard-block"> | ||
| <div ng-show="alertInfo && alertInfo.graphData"> | ||
| <hk-overview-spark-line-chart | ||
| title="Alerts" | ||
| usage-graph="alertInfo.graphData" | ||
| usage="alertInfo.alertCount"> | ||
| </hk-overview-spark-line-chart> | ||
| </div> | ||
| </div> | ||
| <div ng-repeat="datasource in datasourceInfo track by $index"> | ||
| <div class="col-md-6 hk-dashboard-block"> | ||
| <div ng-show="datasource && datasource.chartConfig"> | ||
| <hk-overview-donut-chart | ||
| graph-title="Used Connections for {{datasource.name}}" | ||
| graph-id="datasource-{{$index}}" | ||
| chart-config="datasource.chartConfig" | ||
| usage="0"> | ||
| </hk-overview-donut-chart> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6 hk-dashboard-block"> | ||
| <div class="hk-data-info"> | ||
| <div class="hk-data" ng-if="overviewInfo.deployments">{{overviewInfo.deployments.length}}</div> | ||
| <div class="hk-info"> | ||
| <p class="card-pf-aggregate-status-notifications"> | ||
| <span class="card-pf-aggregate-status-notification"> | ||
| <i class="fa fa-times-circle-o" data-toggle="tooltip" data-placement="top" data-original-title="Failed"></i> | ||
| <span ng-if="overviewInfo.deployments">{{vm.filterByState(overviewInfo.deployments, 'failed').length}}</span> | ||
| </span> | ||
| <span class="card-pf-aggregate-status-notification"> | ||
| <i class="fa fa-square" data-toggle="tooltip" data-placement="top" data-original-title="Stopped"></i> | ||
| <span ng-if="overviewInfo.deployments">{{vm.filterByState(overviewInfo.deployments, 'down').length}}</span> | ||
| </span> | ||
| <span class="card-pf-aggregate-status-notification"> | ||
| <i class="fa fa-check-circle-o" data-toggle="tooltip" data-placement="top" data-original-title="OK"></i> | ||
| <span ng-if="overviewInfo.deployments">{{vm.filterByState(overviewInfo.deployments, 'up').length}}</span> | ||
| </span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="hk-block-title">Deployment status</div> | ||
| </div> | ||
| <div class="col-md-6 hk-dashboard-block"> | ||
| <div ng-show="overviewInfo && overviewInfo.heapUsage"> | ||
| <hk-overview-spark-line-chart | ||
| title="JVM (Average Heap Usage per MB)" | ||
| usage-graph="overviewInfo.heapUsage.graph" | ||
| usage="overviewInfo.heapUsage.last / 1024 / 1024 | number : 0"> | ||
| </hk-overview-spark-line-chart> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6 hk-dashboard-block"> | ||
| <div ng-if="overviewInfo && overviewInfo.activeWebSessions"> | ||
| <hk-overview-spark-line-chart | ||
| title="Active Web Sessions" | ||
| usage-graph="overviewInfo.activeWebSessions.graph" | ||
| usage="overviewInfo.activeWebSessions.last"> | ||
| </hk-overview-spark-line-chart> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> |
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
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
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
Oops, something went wrong.