openstack/vitrage-dashboard
Code Issues Proposed changes

change the rca text order

Browse Source 
Change-Id: Ideb2ef40ef5725252221f8431bad5b4f870e2f9f
This commit is contained in:
Omer Etrog
2016-10-13 15:40:28 +03:00
parent a121d18976
commit ef9a39e23b
3 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
vitragedashboard/static/dashboard/project/components/rca/rootCauseAnalysisGraph.directive.js
View File

@@ -47,7 +47,7 @@ function hzRootCauseAnalysisGraph($filter) {
});
scope.selected = getSelectedObject(u);
//inner.call(render, g);
inner.call(render, g);
}
}
@@ -159,24 +159,27 @@ function hzRootCauseAnalysisGraph($filter) {
break;
}
html += '<div style="height: 90px; width: 2px; background: #656a70; float: left; margin-top: 5px; margin-left: 10px;"></div>';
html += '<div style="height: 90px; width: 2px; background: #656a70; float: left; margin: 5px 10px 0px 3px;"></div>';
html += '<div>';
html += '<div style="line-height: 2em; padding-left: 10px">';
html += '<div style="line-height: 2em; padding-left: 10px;text-align: left">';
html += '<div style="font-weight: 600; font-size: 20px; color: #44575e; width:262px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" title="' + alertName + '">' + alertName + '</div>';
html += '<span style="font-weight: 400; color: #44575e;">' + alertResourceType + '</span>';
html += '<div>';
html += '<span style="font-weight: 600; color: #44575e;">Resource ID:</span>';
html += '<span style="font-weight: 400; padding-left: 5px; color: #44575e;">' + alertResourceId + '</span>';
html += '</div>';
html += '<div>';
html += '<span style="font-weight: 600; color: #44575e;">Type:</span>';
html += '<span style="font-weight: 400; padding-left: 5px; color: #44575e;">' + alertType + '</span>';
html += '</div>';
html += '<div style="font-weight: 400; color: #44575e; width:262px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">' + alertInfo + '</div>';
html += '<div style="font-weight: 400; color: #44575e;">' + alertTimeStamp + ' | ' + alertState + ' | ' + alertSeverity;
if (key.id == data.inspected_index) {
html += '<span style="float: right"><i title="Root cause analysis relative to this alert" style="font-size: 27px; color: #FFFFFF" class="fa fa-thumb-tack"></i></span>';
}
html += '</div>';
html += '<div>';
html += '<span style="font-weight: 600; color: #44575e;">Type:</span>';
html += '<span style="font-weight: 400; padding-left: 5px; color: #44575e;">' + alertType + '</span>';
html += '</div>';
html += '<div>';
html += '<span style="font-weight: 600; color: #44575e;">Resource ID:</span>';
html += '<span style="font-weight: 400; padding-left: 5px; color: #44575e;">' + alertResourceId + '</span>';
html += '</div>';
html += '</div></div></div>';
g.setNode(value, {
@@ -198,9 +201,9 @@ function hzRootCauseAnalysisGraph($filter) {
inner.call(render, g);
inner.selectAll(".clickable:not(.update)").on("click", function(d) {
setSelected(d);
});
//inner.selectAll(".clickable:not(.update)").on("click", function(d) {
// setSelected(d);
//});
setSelected(data.inspected_index);
}

2
vitragedashboard/static/dashboard/project/components/rca/rootCauseAnalysisGraph.html
View File

@@ -1,5 +1,5 @@
<div class="root-cause-analysis-graph" id="root-cause-analysis-graph">
<button class="center-button fa fa-refresh" ng-click="onCenterGraph()"></button>
<i class="center-button fa fa-refresh" ng-click="onCenterGraph()"></i>
<svg>
<g class="diagram"></g>
</svg>

3
vitragedashboard/static/dashboard/project/components/rca/rootCauseAnalysisGraph.scss
View File

@@ -60,8 +60,7 @@
.center-button {
float: right;
margin: 10px 10px 0 0;
color: #FFFFFF;
background-color: #38424B;
cursor: pointer;
}