recordsansible
/
ara-web
Code Issues Proposed changes

Display labels in playbook summary 

Change-Id: I0b7d616e177cbe05a9b384f08b67572a0e37cb3f
This commit is contained in:
David Moreau Simard 2019-05-23 15:10:31 -04:00
parent 7e33c0d328
commit 04d0ade78d
No known key found for this signature in database
GPG Key ID: CBEB466764A9E621
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/playbooks/PlaybookSummary.js
View File

@ -1,6 +1,6 @@
import React, { Component } from "react";
import styled from "styled-components";
import { Card, CardBody } from "@patternfly/react-core";
import { Card, CardBody, Label } from "@patternfly/react-core";
import {
CheckCircleIcon,
ExclamationCircleIcon,
@ -119,6 +119,17 @@ const PlaybookInfo = styled.div`
}
`;
const Labels = styled.div`
display: flex;
align-items: center;
min-width: 100px;
@media (min-width: 800px) {
justify-content: flex-end;
margin-top: 0;
}
`;
const Duration = styled.div`
display: flex;
align-items: center;
@ -169,6 +180,11 @@ export default class Playbook extends Component {
<b>{playbook.items.records}</b> Records
</PlaybookInfo>
</PlaybookInfos>
<Labels>
{playbook.labels.map(label => (
<Label className="pf-u-mr-md" isCompact>{label.name}</Label>
))}
</Labels>
<Duration>
<i className="fa fa-clock" />
<span className="pf-u-ml-sm">