Line data Source code
1 43 : import React from 'react';
2 :
3 : import { DescriptionList, DescriptionListDescription, DescriptionListGroup, DescriptionListTerm } from "@patternfly/react-core/dist/esm/components/DescriptionList";
4 :
5 : import cockpit from 'cockpit';
6 :
7 : import ImageUsedBy from './ImageUsedBy.jsx';
8 : import * as utils from './util.js';
9 :
10 43 : const _ = cockpit.gettext;
11 :
12 43 : const ImageDetails = ({ containers, image, showAll }) => {
13 43 : return (
14 43 : <DescriptionList className='image-details' isAutoFit>
15 43 : {image.Command &&
16 43 : <DescriptionListGroup>
17 43 : <DescriptionListTerm>{_("Command")}</DescriptionListTerm>
18 43 : <DescriptionListDescription>{utils.quote_cmdline(image.Command)}</DescriptionListDescription>
19 43 : </DescriptionListGroup>
20 : }
21 43 : {image.Entrypoint &&
22 42 : <DescriptionListGroup>
23 42 : <DescriptionListTerm>{_("Entrypoint")}</DescriptionListTerm>
24 42 : <DescriptionListDescription>{image.Entrypoint.join(" ")}</DescriptionListDescription>
25 42 : </DescriptionListGroup>
26 : }
27 43 : {image.RepoTags &&
28 43 : <DescriptionListGroup>
29 43 : <DescriptionListTerm>{_("Tags")}</DescriptionListTerm>
30 0 : <DescriptionListDescription>{image.RepoTags ? image.RepoTags.join(" ") : ""}</DescriptionListDescription>
31 43 : </DescriptionListGroup>
32 : }
33 43 : {containers &&
34 41 : <DescriptionListGroup>
35 41 : <DescriptionListTerm>{_("Used by")}</DescriptionListTerm>
36 41 : <DescriptionListDescription><ImageUsedBy containers={containers} showAll={showAll} /></DescriptionListDescription>
37 41 : </DescriptionListGroup>
38 : }
39 43 : {image.Ports.length !== 0 &&
40 42 : <DescriptionListGroup>
41 42 : <DescriptionListTerm>{_("Ports")}</DescriptionListTerm>
42 42 : <DescriptionListDescription>{image.Ports.join(', ')}</DescriptionListDescription>
43 42 : </DescriptionListGroup>
44 : }
45 43 : </DescriptionList>
46 : );
47 43 : };
48 :
49 43 : export default ImageDetails;
|