diff --git a/ui-admin/src/js/common/messages.js b/ui-admin/src/js/common/messages.js index 94e5bc8564149da17662e633abda06d0487fb644..0c50beff0f0a4d6aa70a8a4caf20fb9408811ca3 100644 --- a/ui-admin/src/js/common/messages.js +++ b/ui-admin/src/js/common/messages.js @@ -1,6 +1,7 @@ // prettier-ignore const keys = { ACCESS: 'ACCESS', + ACCESSED: 'ACCESSED', ACCESS_DATE: 'ACCESS_DATE', ACTIONS: 'ACTIONS', ACTIVATE_USER: 'ACTIVATE_USER', @@ -51,6 +52,7 @@ const keys = { CONTENT: 'CONTENT', CONVERTED: 'CONVERTED', CRASH: 'CRASH', + CREATED: 'CREATED', CURRENT_PAGE: 'CURRENT_PAGE', CUSTOM_SORTING: 'CUSTOM_SORTING', DATABASE: 'DATABASE', @@ -146,6 +148,7 @@ const keys = { META_DATA: 'META_DATA', MINUTE_OR_MINUTES: 'MINUTE_OR_MINUTES', MODIFICATION_DATE: 'MODIFICATION_DATE', + MODIFIED: 'MODIFIED', MORE: 'MORE', NAME: 'NAME', NEW_COLLECTION_TYPE: 'NEW_COLLECTION_TYPE', @@ -249,6 +252,7 @@ const keys = { SHOW_PARENTS: 'SHOW_PARENTS', SHOW_STACK_TRACE: 'SHOW_STACK_TRACE', SHOW_ALL: 'SHOW_ALL', + SIZE: 'SIZE', SPACE: 'SPACE', SPACES: 'SPACES', SUPPORT: 'SUPPORT', @@ -303,6 +307,7 @@ const keys = { // prettier-ignore const messages_en = { [keys.ACCESS]: 'Access', + [keys.ACCESSED]: 'Accessed', [keys.ACCESS_DATE]: 'Access Date', [keys.ACTIONS]: 'Actions', [keys.ACTIVATE_USER]: 'Activate user', @@ -353,6 +358,7 @@ const messages_en = { [keys.CONTENT]: 'Content', [keys.CONVERTED]: 'Converted', [keys.CRASH]: 'Something went wrong :(', + [keys.CREATED]: 'Created', [keys.CURRENT_PAGE]: 'Current Page', [keys.CUSTOM_SORTING]: 'Custom Sorting', [keys.DATABASE]: 'Database', @@ -448,6 +454,7 @@ const messages_en = { [keys.META_DATA]: 'Meta Data', [keys.MORE]: 'More', [keys.MODIFICATION_DATE]: 'Modification Date', + [keys.MODIFIED]: 'Modified', [keys.MINUTE_OR_MINUTES]: '${0} minute(s)', [keys.NAME]: 'Name', [keys.NEW_COLLECTION_TYPE]: 'New Collection Type', @@ -552,6 +559,7 @@ const messages_en = { [keys.SHOW_STACK_TRACE]: 'Show stack trace', [keys.SHOW_ALL]: 'Show All', [keys.SPACE]: 'Space', + [keys.SIZE]: 'Size', [keys.SPACES]: 'Spaces', [keys.SUPPORT]: 'openBIS Support', [keys.SQL]: 'SQL', diff --git a/ui-admin/src/js/components/database/data-browser/InfoPanel.jsx b/ui-admin/src/js/components/database/data-browser/InfoPanel.jsx index ef4711e56fef5aa76c6630b478c30fcc77dd3055..c7b7dbd298e7989a6ce2822c5eb76b6279c5b7f5 100644 --- a/ui-admin/src/js/components/database/data-browser/InfoPanel.jsx +++ b/ui-admin/src/js/components/database/data-browser/InfoPanel.jsx @@ -26,6 +26,7 @@ import TableRow from '@material-ui/core/TableRow' import Header from '@src/js/components/common/form/Header.jsx' import ItemIcon from '@src/js/components/database/data-browser/ItemIcon.jsx' import { withStyles } from '@material-ui/core/styles' +import messages from '@src/js/common/messages.js' const styles = () => ({ container: { @@ -61,7 +62,6 @@ class InfoPanel extends React.Component { configuration } = this.props - // TODO: extract strings to messages return (file && <Container className={classes.container}> <span className={classes.fileName}> @@ -71,19 +71,19 @@ class InfoPanel extends React.Component { <Table> <TableBody> <TableRow> - <TableCell variant='head' component='th'>Size</TableCell> + <TableCell variant='head' component='th'>{messages.get(messages.SIZE)}</TableCell> <TableCell>{file.size}</TableCell> </TableRow> <TableRow> - <TableCell variant='head' component='th'>Created</TableCell> + <TableCell variant='head' component='th'>{messages.get(messages.CREATED)}</TableCell> <TableCell>{file.creationTime.toLocaleString()}</TableCell> </TableRow> <TableRow> - <TableCell variant='head' component='th'>Modified</TableCell> + <TableCell variant='head' component='th'>{messages.get(messages.MODIFIED)}</TableCell> <TableCell>{file.lastModifiedTime.toLocaleString()}</TableCell> </TableRow> <TableRow> - <TableCell variant='head' component='th'>Accessed</TableCell> + <TableCell variant='head' component='th'>{messages.get(messages.ACCESSED)}</TableCell> <TableCell>{file.lastAccessTime.toLocaleString()}</TableCell> </TableRow> </TableBody>