cochrane/DockerRegistryWebUI
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ready to add checkboxs

Browse Source
This commit is contained in:
CodeServer 2022-04-12 11:19:55 +01:00
parent 238913697b
commit 075eb23b31
4 changed files with 189 additions and 174 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

338
src/components/repositoryInfo/RepositoryInfo.tsx
View File

@ -56,193 +56,197 @@ const RepositoryInfo: React.FC = () => {
return (isFetched ? ( return (isFetched ? (
repository ? ( repository ? (
<div className="repositoryInfo"> <div className="repositoryInfo">
<Card className="repositoryDetail" variant="outlined"> <div className="wrapperAlwaysDisplayed">
<CardContent> <Card className="repositoryDetail" variant="outlined">
{/* <Typography sx={{ fontSize: 14 }} color="text.secondary" gutterBottom> <CardContent>
Word of the Day {/* <Typography sx={{ fontSize: 14 }} color="text.secondary" gutterBottom>
</Typography> */} Word of the Day
<Grid container> </Typography> */}
<Grid item lg={6} md={12}>
<Typography className="lines" variant="h5" component="div">
{repository.name}
</Typography>
<Typography className="lines" sx={{ mb: 1.5 }} color="text.secondary">
<AccessTimeIcon className="clock-icon" />
{"Last updated: " + repository.tags.filter((tag: Tag) => (tag.label === "latest")).map((tag: Tag) => (tag.created ? printTimePassed(tag.created) : "")).join(" ")}
</Typography>
</Grid>
<Grid item lg={6} md={12}>
<Box sx={{ display: "flex", flexDirection: "column" }}>
<Typography className="lines" variant="h6">
Docker commands
</Typography>
<Typography className="lines" variant="body2">
To push a new tag to this repository,
</Typography>
<Box className="commandDisplay" onClick={handlePushClick} component="span" sx={{ display: 'block', bgcolor: '#445d6e', color: 'white', borderColor: '#445d6e' }}>{generatePushCommand(getHostNameFromURL(process.env.REGISTRY_URL ? process.env.REGISTRY_URL : ""),"tagname")}</Box>
</Box>
</Grid>
</Grid>
</CardContent>
{/* <CardActions>
<Button size="small">Learn More</Button>
</CardActions> */}
</Card>
<Card className="tagsOverview" variant="outlined">
<CardContent>
<Typography className="lines" variant="h6">
Tags
</Typography>
<Typography className="lines" variant="body2">
{"This repository contains " + repository.tags.length + " tag" + (repository.tags.length > 1 ? "s" : "") + "."}
</Typography>
<List>
<Grid container> <Grid container>
<Grid item sm={5}> <Grid item lg={6} md={12}>
<ListItemText primary="TAG" /> <Typography className="lines" variant="h5" component="div">
{repository.name}
</Typography>
<Typography className="lines" sx={{ mb: 1.5 }} color="text.secondary">
<AccessTimeIcon className="clock-icon" />
{"Last updated: " + repository.tags.filter((tag: Tag) => (tag.label === "latest")).map((tag: Tag) => (tag.created ? printTimePassed(tag.created) : "")).join(" ")}
</Typography>
</Grid> </Grid>
<Grid item sm={3}> <Grid item lg={6} md={12}>
<ListItemText primary="OS" /> <Box sx={{ display: "flex", flexDirection: "column" }}>
</Grid> <Typography className="lines" variant="h6">
<Grid item sm={2}> Docker commands
<ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary="SIZE" /> </Typography>
</Grid> <Typography className="lines" variant="body2">
<Grid item sm={2}> To push a new tag to this repository,
<ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary="CREATED" /> </Typography>
<Box className="commandDisplay" onClick={handlePushClick} component="span" sx={{ display: 'block', bgcolor: '#445d6e', color: 'white', borderColor: '#445d6e' }}>{generatePushCommand(getHostNameFromURL(process.env.REGISTRY_URL ? process.env.REGISTRY_URL : ""),"tagname")}</Box>
</Box>
</Grid> </Grid>
</Grid> </Grid>
{repository.tags.sort((a,b) => { </CardContent>
let result = (b.created ? b.created.getTime() : 0) - (a.created ? a.created.getTime() : 0); {/* <CardActions>
if (result === 0) { <Button size="small">Learn More</Button>
if (b.label === "latest") { </CardActions> */}
return 1; </Card>
} else if (a.label === "latest") { <Card className="tagsOverview" variant="outlined">
return -1; <CardContent>
} else { <Typography className="lines" variant="h6">
return 0; Tags
} </Typography>
} else { <Typography className="lines" variant="body2">
return result; {"This repository contains " + repository.tags.length + " tag" + (repository.tags.length > 1 ? "s" : "") + "."}
} </Typography>
}).slice(0,((hideTags && repository.tags.length > 4) ? 3 : repository.tags.length)).map((tag) => ( <List>
<Grid className="lines" container> <Grid container>
<Grid item sm={5}> <Grid item sm={5}>
<ListItemText primary={tag.label} /> <ListItemText primary="TAG" />
</Grid> </Grid>
<Grid item sm={3}> <Grid item sm={3}>
<Tooltip <ListItemText primary="OS" />
className="tooltip"
title={
<>
<div>{"Operating System: " + toUpperFirst(tag.os)}</div>
<br />
<div>{"Architecture: " + tag.architecture}</div>
</>
}
placement="bottom"
arrow
>
<ListItemText className="iconWrapper" primary={<PrintOSIcon className="icon" os={tag.os} />} />
</Tooltip>
</Grid> </Grid>
<Grid item sm={2}> <Grid item sm={2}>
<ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary={tag.size ? printSize(tag.size) : "---"} /> <ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary="SIZE" />
</Grid> </Grid>
<Grid item sm={2}> <Grid item sm={2}>
<Tooltip <ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary="CREATED" />
className="tooltip"
title={
tag.created ? (printMonth(tag.created.getMonth()) + " " + tag.created.getDate() + ", " + tag.created.getFullYear() + " at " + tag.created.toLocaleTimeString().replace('.','').toUpperCase()) : "---"
}
placement="bottom-end"
arrow
>
<ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary={tag.created ? printTimePassed(tag.created) : "---"} />
</Tooltip>
</Grid> </Grid>
</Grid> </Grid>
))} {repository.tags.sort((a,b) => {
{repository.tags.length > 4 ? ( let result = (b.created ? b.created.getTime() : 0) - (a.created ? a.created.getTime() : 0);
<Grid container> if (result === 0) {
<Grid item sm={5}> if (b.label === "latest") {
<ListItemText return 1;
className="moreBtn" } else if (a.label === "latest") {
onClick={toggleHide} return -1;
primary={hideTags ? "more" : "less"} } else {
/> return 0;
}
} else {
return result;
}
}).slice(0,((hideTags && repository.tags.length > 4) ? 3 : repository.tags.length)).map((tag) => (
<Grid className="lines" container>
<Grid item sm={5}>
<ListItemText primary={tag.label} />
</Grid>
<Grid item sm={3}>
<Tooltip
className="tooltip"
title={
<>
<div>{"Operating System: " + toUpperFirst(tag.os)}</div>
<br />
<div>{"Architecture: " + tag.architecture}</div>
</>
}
placement="bottom"
arrow
>
<ListItemText className="iconWrapper" primary={<PrintOSIcon className="icon" os={tag.os} />} />
</Tooltip>
</Grid>
<Grid item sm={2}>
<ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary={tag.size ? printSize(tag.size) : "---"} />
</Grid>
<Grid item sm={2}>
<Tooltip
className="tooltip"
title={
tag.created ? (printMonth(tag.created.getMonth()) + " " + tag.created.getDate() + ", " + tag.created.getFullYear() + " at " + tag.created.toLocaleTimeString().replace('.','').toUpperCase()) : "---"
}
placement="bottom-end"
arrow
>
<ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary={tag.created ? printTimePassed(tag.created) : "---"} />
</Tooltip>
</Grid>
</Grid> </Grid>
</Grid> ))}
) : ( {repository.tags.length > 4 ? (
<></> <Grid container>
)} <Grid item sm={5}>
</List> <ListItemText
</CardContent> className="moreBtn"
</Card> onClick={toggleHide}
<Card className="detailsCard" variant="outlined"> primary={hideTags ? "more" : "less"}
<CardActions> />
<Button startIcon={showDetails ? <ExpandLessIcon /> : <ExpandMoreIcon />} onClick={toggleCollapse} size="small">Tag Details</Button> </Grid>
</CardActions> </Grid>
</Card> ) : (
<></>
)}
</List>
</CardContent>
</Card>
<Card className="detailsCard" variant="outlined">
<CardActions>
<Button startIcon={showDetails ? <ExpandLessIcon /> : <ExpandMoreIcon />} onClick={toggleCollapse} size="small">Tag Details</Button>
</CardActions>
</Card>
</div>
<Collapse className="tagsDetail" in={showDetails}> <Collapse className="tagsDetail" in={showDetails}>
{repository.tags.map((tag) => ( {repository.tags.map((tag) => (
<Card className="tagCard" variant="outlined"> <div className="wrapperWithCheckBox">
<CardContent> <Card className="tagCard" variant="outlined">
<Grid container> <CardContent>
<Grid item lg={6} md={12}> <Grid container>
<Typography className="lines" variant="h5" component="div" color="#94a1aa"> <Grid item lg={6} md={12}>
TAG <Typography className="lines" variant="h5" component="div" color="#94a1aa">
</Typography> TAG
<Typography className="lines" variant="h5" component="div" color="#007bff"> </Typography>
{tag.label} <Typography className="lines" variant="h5" component="div" color="#007bff">
</Typography> {tag.label}
<Typography className="lines" sx={{ mb: 1.5 }}> </Typography>
Last updated: <b>{(tag.created ? printTimePassed(tag.created) : "")}</b> <Typography className="lines" sx={{ mb: 1.5 }}>
</Typography> Last updated: <b>{(tag.created ? printTimePassed(tag.created) : "")}</b>
</Grid>
<Grid item lg={6} md={12}>
<Box sx={{ display: "flex", flexDirection: "column" }}>
<Typography className="lines" variant="h6">
To pull this image,
</Typography> </Typography>
<Box className="commandDisplay" onClick={() => (handlePullClick(tag.label))} component="span" sx={{ display: 'block', bgcolor: '#445d6e', color: 'white', borderColor: '#445d6e' }}>{generatePullCommand(getHostNameFromURL(process.env.REGISTRY_URL ? process.env.REGISTRY_URL : ""),tag.label)}</Box>
</Box>
</Grid>
<Grid item lg={12} md={12}>
<Grid className="lines" container>
<Grid item sm={5}>
<ListItemText primary="DIGEST" />
</Grid>
<Grid item sm={4}>
<ListItemText primary="OS/ARCH" />
</Grid>
<Grid item sm={3}>
<ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary="SIZE" />
</Grid>
</Grid> </Grid>
<Grid item lg={6} md={12}>
<List> <Box sx={{ display: "flex", flexDirection: "column" }}>
<ListItemButton <Typography className="lines" variant="h6">
className="lines" To pull this image,
component={Link} </Typography>
to={"/repository/" + repository.name + "/" + tag.label} <Box className="commandDisplay" onClick={() => (handlePullClick(tag.label))} component="span" sx={{ display: 'block', bgcolor: '#445d6e', color: 'white', borderColor: '#445d6e' }}>{generatePullCommand(getHostNameFromURL(process.env.REGISTRY_URL ? process.env.REGISTRY_URL : ""),tag.label)}</Box>
> </Box>
<Grid container> </Grid>
<Grid item sm={5}> <Grid item lg={12} md={12}>
<ListItemText style={{color: '#007bff'}} primary={digestDisplay(tag.digest)} /> <Grid className="lines" container>
</Grid> <Grid item sm={5}>
<Grid item sm={4}> <ListItemText primary="DIGEST" />
<ListItemText primary={tag.os + "/" +tag.architecture} />
</Grid>
<Grid item sm={3}>
<ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary={tag.size ? printSize(tag.size) : "---"} />
</Grid>
</Grid> </Grid>
</ListItemButton> <Grid item sm={4}>
</List> <ListItemText primary="OS/ARCH" />
</Grid>
<Grid item sm={3}>
<ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary="SIZE" />
</Grid>
</Grid>
<List>
<ListItemButton
className="lines"
component={Link}
to={"/repository/" + repository.name + "/" + tag.label}
>
<Grid container>
<Grid item sm={5}>
<ListItemText style={{color: '#007bff'}} primary={digestDisplay(tag.digest)} />
</Grid>
<Grid item sm={4}>
<ListItemText primary={tag.os + "/" +tag.architecture} />
</Grid>
<Grid item sm={3}>
<ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary={tag.size ? printSize(tag.size) : "---"} />
</Grid>
</Grid>
</ListItemButton>
</List>
</Grid>
</Grid> </Grid>
</Grid> </CardContent>
</CardContent> </Card>
</Card> </div>
))} ))}
</Collapse> </Collapse>
<Snackbar open={snackbarOpen} autoHideDuration={1500} onClose={handleClose}> <Snackbar open={snackbarOpen} autoHideDuration={1500} onClose={handleClose}>

11
src/style/modules/_repositoryInfo.sass
View File

@ -1,6 +1,10 @@
.repositoryInfo .repositoryInfo
max-width: 70% min-width: 100%
margin: auto margin: 0
padding: 0
.wrapperAlwaysDisplayed, .wrapperWithCheckBox
width: 70%
margin: auto
.repositoryDetail .repositoryDetail
margin: 5% margin: 5%
padding: 15px padding: 15px
@ -51,4 +55,5 @@
@media (max-width: 1199px) @media (max-width: 1199px)
.repositoryInfo .repositoryInfo
max-width: 90% .wrapperAlwaysDisplayed, .wrapperWithCheckBox
width: 90%

12
src/style/style.css
View File

@ -25,7 +25,13 @@ a {
} }
.repositoryInfo { .repositoryInfo {
max-width: 70%; min-width: 100%;
margin: 0;
padding: 0;
}
.repositoryInfo .wrapperAlwaysDisplayed, .repositoryInfo .wrapperWithCheckBox {
width: 70%;
margin: auto; margin: auto;
} }
@ -105,8 +111,8 @@ a {
} }
@media (max-width: 1199px) { @media (max-width: 1199px) {
.repositoryInfo { .repositoryInfo .wrapperAlwaysDisplayed, .repositoryInfo .wrapperWithCheckBox {
max-width: 90%; width: 90%;
} }
} }

2
src/style/style.css.map
View File

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "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", "mappings": "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",
"sources": [ "sources": [
"style.sass", "style.sass",
"_variables.sass", "_variables.sass",