Added bucket details inside objects listing (#1502)
Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>
This commit is contained in:
@@ -45,6 +45,7 @@ import {
|
||||
decodeFileName,
|
||||
encodeFileName,
|
||||
niceBytes,
|
||||
niceBytesInt,
|
||||
} from "../../../../../../common/utils";
|
||||
|
||||
import {
|
||||
@@ -1094,27 +1095,6 @@ const ListObjects = ({
|
||||
uploadPath = uploadPath.concat(currentPath);
|
||||
}
|
||||
|
||||
// TODO: Add bucket information panel
|
||||
/*
|
||||
*
|
||||
* subTitle={
|
||||
<Fragment>
|
||||
<Grid item xs={12} className={classes.bucketDetails}>
|
||||
<span className={classes.detailsSpacer}>
|
||||
Created: <strong></strong>
|
||||
</span>
|
||||
<span className={classes.detailsSpacer}>
|
||||
Access: <strong></strong>
|
||||
</span>
|
||||
<span className={classes.detailsSpacer}>
|
||||
SIZE / TOTAL OBJECTS
|
||||
</span>
|
||||
</Grid>
|
||||
</Fragment>
|
||||
}
|
||||
*
|
||||
* */
|
||||
|
||||
return (
|
||||
<React.Fragment>
|
||||
{shareFileModalOpen && selectedPreview && (
|
||||
@@ -1178,6 +1158,38 @@ const ListObjects = ({
|
||||
fullSizeBreadcrumbs
|
||||
/>
|
||||
}
|
||||
subTitle={
|
||||
<Fragment>
|
||||
<Grid item xs={12} className={classes.bucketDetails}>
|
||||
<span className={classes.detailsSpacer}>
|
||||
Created:
|
||||
<strong>{bucketInfo?.creation_date || ""}</strong>
|
||||
</span>
|
||||
<span className={classes.detailsSpacer}>
|
||||
Access:
|
||||
<strong>{bucketInfo?.access || ""}</strong>
|
||||
</span>
|
||||
{bucketInfo && (
|
||||
<Fragment>
|
||||
<span className={classes.detailsSpacer}>
|
||||
{bucketInfo.size && (
|
||||
<Fragment>{niceBytesInt(bucketInfo.size)}</Fragment>
|
||||
)}
|
||||
{bucketInfo.size && bucketInfo.objects ? " / " : ""}
|
||||
{bucketInfo.objects && (
|
||||
<Fragment>
|
||||
{bucketInfo.objects} Object
|
||||
{bucketInfo.objects && bucketInfo.objects !== 1
|
||||
? "s"
|
||||
: ""}
|
||||
</Fragment>
|
||||
)}
|
||||
</span>
|
||||
</Fragment>
|
||||
)}
|
||||
</Grid>
|
||||
</Fragment>
|
||||
}
|
||||
actions={
|
||||
<Fragment>
|
||||
<input
|
||||
|
||||
@@ -45,6 +45,9 @@ export interface BucketInfo {
|
||||
name: string;
|
||||
access: string;
|
||||
definition: string;
|
||||
creation_date?: string;
|
||||
objects?: number;
|
||||
size?: number;
|
||||
}
|
||||
|
||||
export interface BucketList {
|
||||
|
||||
Reference in New Issue
Block a user