Merge branch '13705-item-common-details'
[arvados-workbench2.git] / src / components / details-panel-factory / items / process-item.tsx
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import * as React from 'react';
6 import IconBase, { IconTypes } from '../../icon/icon';
7 import Attribute from '../../attribute/attribute';
8 import AbstractItem from './abstract-item';
9 import { ProcessResource } from '../../../models/process';
10
11 export default class ProcessItem extends AbstractItem {
12     
13     constructor(item: ProcessResource) {
14         super(item);
15     }
16
17     getIcon(): IconTypes {
18         return IconTypes.PROCESS;
19     }
20
21     buildDetails(): React.ReactElement<any> {
22         return <div>
23             <Attribute label='Type' value='Data Collection' />
24             <Attribute label='Size' value='---' />
25             <Attribute label="Location">
26                 <IconBase icon={IconTypes.FOLDER} />
27                 Process
28             </Attribute>
29             <Attribute label='Owner' value='me' />
30             <Attribute label='Last modified' value='5:25 PM 5/23/2018' />
31             <Attribute label='Created at' value='1:25 PM 5/23/2018' />
32             <Attribute label='Number of files' value='20' />
33             <Attribute label='Content size' value='54 MB' />
34             <Attribute label='Collection UUID' link='http://www.google.pl' value='nfnz05wp63ibf8w' />
35             <Attribute label='Content address' link='http://www.google.pl' value='nfnz05wp63ibf8w' />
36             <Attribute label='Creator' value='Chrystian' />
37             <Attribute label='Used by' value='---' />
38         </div>;
39     }
40 }