mirror of
https://github.com/datahub-project/datahub.git
synced 2025-09-03 14:23:03 +00:00
Add health score gauge to the dataset meta header
This commit is contained in:
parent
cf4d97c2d2
commit
1d574b7a93
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user