Add health score gauge to the dataset meta header

This commit is contained in:
cptran777 2018-08-08 10:24:19 -07:00
parent cf4d97c2d2
commit 1d574b7a93
2 changed files with 42 additions and 8 deletions

View File

@ -12,3 +12,22 @@
text-overflow: ellipsis;
margin: 0;
}
.dataset-header-meta {
display: flex;
position: relative;
.dataset-health-score {
position: absolute;
right: item-spacing(5);
bottom: 0;
}
.dataset-owner-list {
margin-left: item-spacing(4);
.avatar-container {
justify-content: flex-start;
}
}
}

View File

@ -49,17 +49,32 @@
{{/if}}
</div>
{{#datasets/containers/dataset-fabrics class="dataset-fabric-row-container" urn=model.uri as |fabricsContainer|}}
<div class="dataset-fabric-entity-container">
<strong>Fabric:</strong> {{datasets/dataset-fabric-switcher
urn=fabricsContainer.urn
}}
</div>
{{/datasets/containers/dataset-fabrics}}
<div class="dataset-header-meta">
{{#datasets/containers/dataset-fabrics class="dataset-fabric-row-container" urn=model.uri as |fabricsContainer|}}
<div class="dataset-fabric-entity-container">
<strong>Fabric:</strong> {{datasets/dataset-fabric-switcher urn=fabricsContainer.urn }}
</div>
{{/datasets/containers/dataset-fabrics}}
{{#if shouldShowDatasetHealth}}
{{datasets/containers/dataset-owner-list
urn=encodedUrn
class="dataset-owner-list"
shouldShowDatasetHealth=shouldShowDatasetHealth}}
{{visualization/charts/score-gauge
class="dataset-health-score"
score=83
title="Health Score:"}}
{{/if}}
</div>
</div>
</div>
{{datasets/containers/dataset-owner-list urn=encodedUrn}}
{{#unless shouldShowDatasetHealth}}
{{datasets/containers/dataset-owner-list urn=encodedUrn}}
{{/unless}}
</div>
</div>