Show Isolated Badge in Job Details

See #6560
This commit is contained in:
Marliana Lara
2017-06-30 12:14:44 -04:00
parent 430d4bc28e
commit 40e749c8f7
2 changed files with 23 additions and 1 deletions

View File

@@ -112,6 +112,24 @@
font-family: monospace; font-family: monospace;
} }
.JobResults-resultRowText--instanceGroup {
display: flex;
}
.JobResults-isolatedBadge {
align-items: center;
align-self: center;
background-color: @default-list-header-bg;
border-radius: 5px;
color: @default-stdout-txt;
display: flex;
font-size: 10px;
height: 16px;
margin-left: 10px;
padding: 0 10px;
text-transform: uppercase;
}
.JobResults-statusResultIcon { .JobResults-statusResultIcon {
padding-left: 0px; padding-left: 0px;
padding-right: 10px; padding-right: 10px;

View File

@@ -363,8 +363,12 @@
<label class="JobResults-resultRowLabel"> <label class="JobResults-resultRowLabel">
Instance Group Instance Group
</label> </label>
<div class="JobResults-resultRowText"> <div class="JobResults-resultRowText JobResults-resultRowText--instanceGroup">
{{ job.summary_fields.instance_group.name }} {{ job.summary_fields.instance_group.name }}
<span class="JobResults-isolatedBadge"
ng-if="job.summary_fields.instance_group.controller_id">
Isolated
</span>
</div> </div>
</div> </div>