build: 중간 저장

egovframe-template-simple-react-contribution/package.json

@@ -7,6 +7,7 @@
     "@emotion/styled": "^11.11.0",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
+    "@mui/icons-material": "^5.15.6",
     "@mui/material": "^5.14.19",
     "@mui/styles": "^5.15.3",
     "bootstrap": "^5.3.2",

egovframe-template-simple-react-contribution/src/components/list/ListCreateUpdateDelete.jsx

@@ -0,0 +1,82 @@
+import React from 'react';
+import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Paper from '@mui/material/Paper';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import EditIcon from '@mui/icons-material/Edit';
+import ListItemText from '@mui/material/ListItemText';
+import IconButton from '@mui/material/IconButton';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
+import DeleteIcon from '@mui/icons-material/Delete';
+import AddIcon from '@mui/icons-material/Add';
+
+
+function generate(items, element) {
+    return items.map((value) => 
+        React.cloneElement(element, {
+            key: value,
+        }, <ListItemText
+        primary={value}
+    />),
+    );
+}
+
+const Demo = styled('div')(({ theme }) => ({
+    backgroundColor: theme.palette.background.paper,
+  }));
+
+const Item = styled(Paper)(({ theme }) => ({
+    backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff',
+    ...theme.typography.body2,
+    padding: theme.spacing(1),
+    textAlign: 'center',
+    color: theme.palette.text.secondary,
+}));
+
+function ListCreateUpdateDelete(props) {
+
+    const [dense, setDense] = React.useState(false);
+
+    return (
+        <Paper>
+            <Typography sx={{ p: 0 }} variant="h6" component="div">
+            <Grid container spacing={0} columns={10} sx={{ '&': { backgroundColor: '#333333', height: '56px'}}}>
+                <Grid item xs={6} md={8} >
+                    <Item sx={{ px: 0, '&': { boxShadow: 'none', color: '#ffffff', fontWeight: '600', fontSize: '18px', backgroundColor: 'transparent', lineHeight: '40px' }}}>{props.title}</Item>
+                </Grid>
+                <Grid item xs={0} md={2} sx={{ pl: 0, '&': {backgroundColor: 'transparent' }}}>
+                    <Item sx={{ p: 0, '&': { boxShadow: 'none', backgroundColor: '#169bd5', borderRadius: '0px'} }}>
+                        <IconButton aria-label="add" sx={{ px: 0, borderRadius: '0px', width: '100%', height: '56px'}}>                               
+                            <AddIcon sx={{ px: 0, '&': {color: '#ffffff', width: '30px', height: '30px' }}} />
+                        </IconButton>
+                    </Item>
+                </Grid>                                    
+            </Grid>
+            </Typography>
+            <Demo>
+                <List dense={dense}>
+                {generate(
+                    props.items,                    
+                    <ListItem
+                    secondaryAction={
+                        <div>                                                
+                            <IconButton sx={{ mx: 0 }} edge="start" aria-label="edit">                                                
+                                <EditIcon />
+                            </IconButton>
+                            <IconButton edge="end" aria-label="delete">                                                
+                                <DeleteIcon />   
+                            </IconButton>
+                        </div>
+                    }
+                    >                    
+                    </ListItem>,
+                )}
+                </List>
+            </Demo>
+        </Paper>
+    );
+}
+
+export default ListCreateUpdateDelete;

egovframe-template-simple-react-contribution/src/pages/admin/committee/Schedules.jsx

@@ -245,6 +245,7 @@ function Schedules(props) {
                         {/* <!-- 검색조건 --> */}
                         <div className="condition">
                             <ul>
+                                {false &&
                                 <li>
                                     <label className="f_select" htmlFor="sel1">
                                         <select name="schdulSe" id="sel1" title="조건"
@@ -261,6 +262,8 @@ function Schedules(props) {
                                         </select>
                                     </label>
                                 </li>
+                                }
+                                
                                 <li className="half L">
                                     <button className="prev"
                                         onClick={() => {

egovframe-template-simple-react-contribution/src/pages/admin/config/CommitteeCodeMgt.jsx

@@ -1,13 +1,58 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
+import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Paper from '@mui/material/Paper';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import EditIcon from '@mui/icons-material/Edit';
+import ListItemAvatar from '@mui/material/ListItemAvatar';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import Avatar from '@mui/material/Avatar';
+import IconButton from '@mui/material/IconButton';
+import FormGroup from '@mui/material/FormGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Checkbox from '@mui/material/Checkbox';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
+import FolderIcon from '@mui/icons-material/Folder';
+import DeleteIcon from '@mui/icons-material/Delete';
+import AddIcon from '@mui/icons-material/Add';
+import AddBoxOutlinedIcon from '@mui/icons-material/AddBoxOutlined';
+
+import ListCreateUpdateDelete from '../../../components/list/ListCreateUpdateDelete'
 
 import URL from 'constants/url';
 
 import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAdmin';
 
 
+function generate(element) {
+    return [0, 1, 2].map((value) =>
+      React.cloneElement(element, {
+        key: value,
+      }),
+    );
+}
+
+const Demo = styled('div')(({ theme }) => ({
+    backgroundColor: theme.palette.background.paper,
+  }));
+
+const Item = styled(Paper)(({ theme }) => ({
+    backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff',
+    ...theme.typography.body2,
+    padding: theme.spacing(1),
+    textAlign: 'center',
+    color: theme.palette.text.secondary,
+}));
+
 function CommitteeCodeMgt(props) {
 
+    const [dense, setDense] = React.useState(false);
+    const [secondary, setSecondary] = React.useState(false);
+
     const Location = React.memo(function Location() {
         return (
             <div className="location">
@@ -39,7 +84,21 @@ function CommitteeCodeMgt(props) {
                             <h1 className="tit_1">위원회 코드 관리</h1>
                         </div>
 
-                        여기에 구현해주세요.
+                        <Box
+                            sx={{
+                                display: 'flex',
+                                flexWrap: 'wrap',
+                                '& > :not(style)': {
+                                m: 1,
+                                width: 245,
+                                },
+                            }}
+                        >
+                            <ListCreateUpdateDelete title="중앙건설기술심의" items={["중앙건설기술심의", "테스트2"]}/>
+                            <ListCreateUpdateDelete title="총괄위원회" items={[]}/>
+                            <ListCreateUpdateDelete title="건설기준위원회" items={[]}/>
+                            <ListCreateUpdateDelete title="실무위원회" items={[]}/>
+                        </Box>
                         {/* <!--// 본문 --> */}
                     </div>
                 </div>

egovframe-template-simple-react-contribution/yarn.lock

@@ -1072,6 +1072,13 @@
   dependencies:
     regenerator-runtime "^0.14.0"
 
+"@babel/runtime@^7.23.8":
+  version "7.23.9"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.9.tgz#47791a15e4603bb5f905bc0753801cf21d6345f7"
+  integrity sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
 "@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.3.3":
   version "7.20.7"
   resolved "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz"
@@ -1804,6 +1811,13 @@
   resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.3.tgz#40fc854d7cf5505a182a4e121149dfe21cd277ef"
   integrity sha512-sWeihiVyxdJjpLkp8SHkTy9kt2M/o11M60G1MzwljGL2BXdM3Ktzqv5QaQHdi00y7Y1ulvtI3GOSxP2xU8mQJw==
 
+"@mui/icons-material@^5.15.6":
+  version "5.15.6"
+  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.15.6.tgz#6958232bef48972fcbafd5f69e6079a9be5951f1"
+  integrity sha512-GnkxMtlhs+8ieHLmCytg00ew0vMOiXGFCw8Ra9nxMsBjBqnrOI5gmXqUm+sGggeEU/HG8HyeqC1MX/IxOBJHzA==
+  dependencies:
+    "@babel/runtime" "^7.23.8"
+
 "@mui/material@^5.14.19":
   version "5.15.3"
   resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.15.3.tgz#b77f1ac1275e5bf13b735e8224bdd301aab918c4"