From 075eb23b31463fac4121542dd8c1ac5cc749103d Mon Sep 17 00:00:00 2001
From: CodeServer <CodeServer@jlu42.com>
Date: Tue, 12 Apr 2022 11:19:55 +0100
Subject: [PATCH] ready to add checkboxs

---
 .../repositoryInfo/RepositoryInfo.tsx         | 338 +++++++++---------
 src/style/modules/_repositoryInfo.sass        |  11 +-
 src/style/style.css                           |  12 +-
 src/style/style.css.map                       |   2 +-
 4 files changed, 189 insertions(+), 174 deletions(-)

diff --git a/src/components/repositoryInfo/RepositoryInfo.tsx b/src/components/repositoryInfo/RepositoryInfo.tsx
index 3fcb315..25e229f 100644
--- a/src/components/repositoryInfo/RepositoryInfo.tsx
+++ b/src/components/repositoryInfo/RepositoryInfo.tsx
@@ -56,193 +56,197 @@ const RepositoryInfo: React.FC = () => {
     return (isFetched ? (
         repository ? (
             <div className="repositoryInfo">
-                <Card className="repositoryDetail" variant="outlined">
-                    <CardContent>
-                        {/* <Typography sx={{ fontSize: 14 }} color="text.secondary" gutterBottom>
-                            Word of the Day
-                        </Typography> */}
-                        <Grid container>
-                            <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>
+                <div className="wrapperAlwaysDisplayed">
+                    <Card className="repositoryDetail" variant="outlined">
+                        <CardContent>
+                            {/* <Typography sx={{ fontSize: 14 }} color="text.secondary" gutterBottom>
+                                Word of the Day
+                            </Typography> */}
                             <Grid container>
-                                <Grid item sm={5}>
-                                    <ListItemText primary="TAG" />
+                                <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 sm={3}>
-                                    <ListItemText primary="OS" />
-                                </Grid>
-                                <Grid item sm={2}>
-                                    <ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary="SIZE" />
-                                </Grid>
-                                <Grid item sm={2}>
-                                    <ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary="CREATED" />
+                                <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>
-                            {repository.tags.sort((a,b) => {
-                                let result = (b.created ? b.created.getTime() : 0) - (a.created ? a.created.getTime() : 0);
-                                if (result === 0) {
-                                    if (b.label === "latest") {
-                                        return 1;
-                                    } else if (a.label === "latest") {
-                                        return -1;
-                                    } else {
-                                        return 0;
-                                    }
-                                } else {
-                                    return result;
-                                }
-                            }).slice(0,((hideTags && repository.tags.length > 4) ? 3 : repository.tags.length)).map((tag) => (
-                                <Grid className="lines" container>
+                        </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 item sm={5}>
-                                        <ListItemText primary={tag.label} />
+                                        <ListItemText primary="TAG" />
                                     </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>
+                                        <ListItemText primary="OS" />
                                     </Grid>
                                     <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 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>
+                                        <ListItemText style={{display:'flex', justifyContent:'flex-end'}} primary="CREATED" />
                                     </Grid>
                                 </Grid>
-                            ))}
-                            {repository.tags.length > 4 ? (
-                                <Grid container>
-                                    <Grid item sm={5}>
-                                        <ListItemText
-                                            className="moreBtn"
-                                            onClick={toggleHide}
-                                            primary={hideTags ? "more" : "less"}
-                                        />
+                                {repository.tags.sort((a,b) => {
+                                    let result = (b.created ? b.created.getTime() : 0) - (a.created ? a.created.getTime() : 0);
+                                    if (result === 0) {
+                                        if (b.label === "latest") {
+                                            return 1;
+                                        } else if (a.label === "latest") {
+                                            return -1;
+                                        } 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>
-                            ) : (
-                                <></>
-                            )}
-                        </List>
-                    </CardContent>
-                </Card>
-                <Card className="detailsCard" variant="outlined">
-                    <CardActions>
-                        <Button startIcon={showDetails ? <ExpandLessIcon /> : <ExpandMoreIcon />} onClick={toggleCollapse} size="small">Tag Details</Button>
-                    </CardActions>
-                </Card>
+                                ))}
+                                {repository.tags.length > 4 ? (
+                                    <Grid container>
+                                        <Grid item sm={5}>
+                                            <ListItemText
+                                                className="moreBtn"
+                                                onClick={toggleHide}
+                                                primary={hideTags ? "more" : "less"}
+                                            />
+                                        </Grid>
+                                    </Grid>
+                                ) : (
+                                    <></>
+                                )}
+                            </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}>
                     {repository.tags.map((tag) => (
-                        <Card className="tagCard" variant="outlined">
-                            <CardContent>
-                                <Grid container>
-                                    <Grid item lg={6} md={12}>
-                                        <Typography className="lines" variant="h5" component="div" color="#94a1aa">
-                                            TAG
-                                        </Typography>
-                                        <Typography className="lines" variant="h5" component="div" color="#007bff">
-                                            {tag.label}
-                                        </Typography>
-                                        <Typography className="lines" sx={{ mb: 1.5 }}>
-                                            Last updated: <b>{(tag.created ? printTimePassed(tag.created) : "")}</b>
-                                        </Typography>
-                                    </Grid>
-                                    <Grid item lg={6} md={12}>
-                                        <Box sx={{ display: "flex", flexDirection: "column" }}>
-                                            <Typography className="lines" variant="h6">
-                                            To pull this image,
+                        <div className="wrapperWithCheckBox">  
+                            <Card className="tagCard" variant="outlined">
+                                <CardContent>
+                                    <Grid container>
+                                        <Grid item lg={6} md={12}>
+                                            <Typography className="lines" variant="h5" component="div" color="#94a1aa">
+                                                TAG
+                                            </Typography>
+                                            <Typography className="lines" variant="h5" component="div" color="#007bff">
+                                                {tag.label}
+                                            </Typography>
+                                            <Typography className="lines" sx={{ mb: 1.5 }}>
+                                                Last updated: <b>{(tag.created ? printTimePassed(tag.created) : "")}</b>
                                             </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>
-                                        
-                                        <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 item lg={6} md={12}>
+                                            <Box sx={{ display: "flex", flexDirection: "column" }}>
+                                                <Typography className="lines" variant="h6">
+                                                To pull this image,
+                                                </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>
-                                            </ListItemButton>
-                                        </List>
+                                                <Grid item sm={4}>
+                                                    <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>
-                            </CardContent>
-                        </Card>
+                                </CardContent>
+                            </Card>
+                        </div>
                     ))}
                 </Collapse>
                 <Snackbar open={snackbarOpen} autoHideDuration={1500} onClose={handleClose}>
diff --git a/src/style/modules/_repositoryInfo.sass b/src/style/modules/_repositoryInfo.sass
index ff32f4e..61a42aa 100644
--- a/src/style/modules/_repositoryInfo.sass
+++ b/src/style/modules/_repositoryInfo.sass
@@ -1,6 +1,10 @@
 .repositoryInfo
-    max-width: 70%
-    margin: auto
+    min-width: 100%
+    margin: 0
+    padding: 0
+    .wrapperAlwaysDisplayed, .wrapperWithCheckBox
+        width: 70%
+        margin: auto
     .repositoryDetail
         margin: 5%
         padding: 15px
@@ -51,4 +55,5 @@
 
 @media (max-width: 1199px)
     .repositoryInfo
-        max-width: 90%
\ No newline at end of file
+        .wrapperAlwaysDisplayed, .wrapperWithCheckBox
+            width: 90%
\ No newline at end of file
diff --git a/src/style/style.css b/src/style/style.css
index ad3b955..d2d80bd 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -25,7 +25,13 @@ a {
 }
 
 .repositoryInfo {
-  max-width: 70%;
+  min-width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.repositoryInfo .wrapperAlwaysDisplayed, .repositoryInfo .wrapperWithCheckBox {
+  width: 70%;
   margin: auto;
 }
 
@@ -105,8 +111,8 @@ a {
 }
 
 @media (max-width: 1199px) {
-  .repositoryInfo {
-    max-width: 90%;
+  .repositoryInfo .wrapperAlwaysDisplayed, .repositoryInfo .wrapperWithCheckBox {
+    width: 90%;
   }
 }
 
diff --git a/src/style/style.css.map b/src/style/style.css.map
index b8ae35a..8f53072 100644
--- a/src/style/style.css.map
+++ b/src/style/style.css.map
@@ -1,6 +1,6 @@
 {
     "version": 3,
-    "mappings": "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",
+    "mappings": "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",
     "sources": [
         "style.sass",
         "_variables.sass",