-
Notifications
You must be signed in to change notification settings - Fork 286
/
RegistrationCard.js
108 lines (101 loc) · 3.15 KB
/
RegistrationCard.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
import React from 'react';
import PropTypes from 'prop-types';
import { translate as __ } from 'foremanReact/common/I18n';
import {
DescriptionList,
DescriptionListTerm,
DescriptionListGroup,
DescriptionListDescription,
List,
ListItem,
Text,
TextVariants,
} from '@patternfly/react-core';
import { urlBuilder } from 'foremanReact/common/urlHelpers';
import { propsToCamelCase } from 'foremanReact/common/helpers';
import IsoDate from 'foremanReact/components/common/dates/IsoDate';
import CardTemplate from 'foremanReact/components/HostDetails/Templates/CardItem/CardTemplate';
export const RegisteredBy = ({ user, activationKeys }) => {
if (user) {
return (
<DescriptionListDescription>{user}</DescriptionListDescription>
);
}
return (
<>
<List isPlain>
<Text component={TextVariants.h4}>{activationKeys.length > 1 ? __('Activation keys') : __('Activation key')}</Text>
{activationKeys.map(key => (
<ListItem key={key.id}>
<a href={urlBuilder(`activation_keys/${key.id}`, '')}>{key.name}</a>
</ListItem>
))}
</List>
</>
);
};
RegisteredBy.propTypes = {
user: PropTypes.string,
activationKeys: PropTypes.arrayOf(PropTypes.shape({
id: PropTypes.number,
name: PropTypes.string,
})),
};
RegisteredBy.defaultProps = {
user: '',
activationKeys: {},
};
const RegistrationCard = ({ isExpandedGlobal, hostDetails }) => {
const subscriptionFacetAttributes
= propsToCamelCase(hostDetails?.subscription_facet_attributes || {});
const {
registeredAt, registeredThrough, activationKeys, user,
}
= subscriptionFacetAttributes;
const login = user?.login;
if (!registeredAt) return null;
return (
<CardTemplate
header={__('Registration details')}
expandable
masonryLayout
isExpandedGlobal={isExpandedGlobal}
>
<DescriptionList isHorizontal>
<DescriptionListGroup>
<DescriptionListTerm>{__('Registered on')}</DescriptionListTerm>
<DescriptionListDescription><IsoDate date={registeredAt} /></DescriptionListDescription>
</DescriptionListGroup>
<DescriptionListGroup>
<DescriptionListTerm>{__('Registered by')}</DescriptionListTerm>
<RegisteredBy user={login} activationKeys={activationKeys} />
</DescriptionListGroup>
<DescriptionListGroup>
<DescriptionListTerm>{__('Registered through')}</DescriptionListTerm>
<DescriptionListDescription>{registeredThrough}</DescriptionListDescription>
</DescriptionListGroup>
</DescriptionList>
</CardTemplate>
);
};
RegistrationCard.propTypes = {
isExpandedGlobal: PropTypes.bool,
hostDetails: PropTypes.shape({
subscription_facet_attributes: PropTypes.shape({
user: PropTypes.shape({
login: PropTypes.string,
}),
registered_at: PropTypes.string,
registered_through: PropTypes.string,
activation_keys: PropTypes.arrayOf(PropTypes.shape({
id: PropTypes.number,
name: PropTypes.string,
})),
}),
}),
};
RegistrationCard.defaultProps = {
isExpandedGlobal: false,
hostDetails: {},
};
export default RegistrationCard;