Skip to content

Commit

Permalink
Feature: Excel Export을 함으로써 관리자가 원하는 데이터를 얻을 수 있다.(#25) (#26)
Browse files Browse the repository at this point in the history 
* style : 헤더 컴포넌트 완성

* style : sidebar(drawer) 완성

* feat : Drawer와 상태를 연결

* feat : 커스텀 테이블 생성

* refactor : 커스텀 테이블의 pagination을 refactoring함

* Refactor(custom): 테이블 관련 데이터 파일 분리

* 커밋 컨밴션을 위한 cz-commitizen 설정

* Docs: pR 문서 템플릿 작성

* Refactor: 테이블 컴포넌트를 다양한 데이터를 넣을 수 있도록 Row 부분을 리펙토링 하여 정의한이터에 따라 값이 유연하게 들어갈 수 있게 함(#4)

* Feat: 테이블 관련 필드를 field 파일에 모아둠 (#4)

* Refactor: boardList정의 + 사이드바 블럭 리펙터링

* Refactor: milleageHeader를 컴포넌트로 꺼내면서 로직을 포함하고 있는 함수들과 UI를 리펙터링함

* Feat: 마일리지 카테고리 리스트에 필요한 리스트들을 enum을 이용하여 정리

* Refactor: 마일리지 카테고리 게시판 리펙터링 완료 (#4)

* Feat: 마일리지 항목 게시판 enum 설정 (#4)

* Feat: 마일리지 항목 데이터 인터페이스 설정(#4)

* Feat: 마일리지 항목 관련 데이터 생성 함수(#4)

* Feat: 마일리지 항목 관련 테이블 헤더(#4)

* Feat: 마일리지 항목 row값 설정

* Feat: 마일리지 조회 게시판 enum 설정(#4)

* Feat: 마일리지 조회 데이터 인터페이스 설정(#4)

* Feat: 마일리지 조회 데이터 생성 함수(#4)

* Feat: 마일리지 조회 데이터 생성 함수(#4)

* Feat: 마일리지 조회 데이터 추가(#4)

* Feat: 마일리지 등록 enum 설계(#4)

* Feat: 마일리지 조회 데이터 인터페이스 + 데이터 생성 함수(#4)

* Feat: 마일리지 등록 테이블 헤더(#4)

* Feat: 마일리지 등록 더미데이터 입력(#4)

* Fix: semester을 number -\> string으로 타입 수정 , 테이블 데이터들이 모두 select 되지 않는  버그 수정(#4)

* Style: mediaQuery와 styled-component를 이용하여 테이블의 반응형 구축(#4)

* Feat: 신청자 관리 데이터 인터페이스(4)

* Feat: 신청자 관리 enum (#4)

* Feat: 신청자 관리 데이터 생성함수 (#4)

* Fix: 신청자 관리 카테고리를 제외 시킴(#4)

* Feat: 신청자 관리 헤더 내용 정리(#4)

* Feat: 신청자 관리 더미데이터(#4)

* Feat: 학생 관리 테이블 완성(#4)

* Feat: 사용자 관리 테이블 enum 설정(#4)

* Feat: 사용자 관리 데이터 인터페이스 설정(#4)

* Feat: 사용자 관리 데이터 생성함수(#4)

* Feat: 사용자 관리 테이블 studentName -\> name으로 필드 이름 변경

* Feat: 사용자관리 테이블 데이터생성함수(#4)

* Feat: 사용자 관리 테이블 완료(#4)

* Feat: 마일리지 선정 결과 enum 설정(#4)

* Feat: 마일리지 선정결과 인터페이스 + 데이터 생성함수(#4)

* Fix: 마일리지 선정 결과에서 register num을 삭제하였음(#4)

* Feat: 마일리지 선정결과 테이블 헤더 설정(#4)

* Feat: 마일리지 선정결과 완료(#4)

* Chore: 빌드 시 esLint를 무시할 수 있도록 next.config.js를 수정해주었음

* Feat: 마일리지 카테고리 모달관련 reducers를 만듬 (open , close) (#7)

* Feat: 마일리지 카테고리 관련 모달을 열고 닫는 액션 export(#7)

* Fix: 문법에 맞게 reducers return 값 수정(#7)

* Feat: mUI 모달 컴포넌트 생성(#7)

* Feat: root Reducer에 modal Reducer를 연결하고 모달의 useState를 selector와 dispatch로 대체함으로 써 모달을 컴포넌트에 연결 시킴

* Feat: 카테고리 관련 모달 이름 data파일에 정의(#7)

* Fix: 모달 관련 state를 재사용 하기로 결정하여 state의 갯수를 줄임(#7)

* Feat: icon Converter를 통해 어떤 타입의 모달이냐에 따라 다른 아이콘을 부여(#7)

* Feat: title Converter를 두어 모달의 제목을 모달의 타입에 따라 융통성있게 가져감(#7)

* Fix: 모달이 type을 인식하지 못하는 이슈로 인해 modalType을 reducer에서 관리(#7)

* Feat: formik , yup 설치 및 활용을 통한 모달 속 폼 제작(#7)

* Feat: 마일리지 카테고리 추가 기능 폼 구현 완료(#7)

* Style: mui템플릿 Theme기본 설정을 변경 시켜서 텍스트 필드의 스타일을 변경시킴(#7)

* Feat: 관리를 눌렀을 때 초기값을 전달하여 세팅하는 것 까지 연결 (#7)

* Feat: 마일리지 카테고리 모달 완성 + 컴포넌트 분리(#7)

* Refactor: 모달 제목 , 모달 열기 버튼 리펙터링(#7)

* Feat: 테이블에 타입 지정하고 타입을 활용해서 제목 변경(#7)

* Feat: 타입 컨버터를 통해 각 모달의 기능에 맞춰줌(#7)

* Feat: 카테고리 항목 모달 폼 제작(#7)

* Feat: 카테고리 항목 모달에 토글 추가(#7)

* Feat: 영어를 한글로 UI를 보여주는 함수 구현(#7)

* Feat: 마일리지 항목 모달 리펙터링(#7)

* Feat: 마일리지 카테고리,  마일리지 항목 모달 연결(#7)

* Feat: 게시판 데이터에 마일리지 글로벌 항목 추가(#12)

* Feat: 각각의 컴포넌트에 type을 지정해주어 각 컴포넌트에 맞는 테이블의 제목을 나타나게 한다.(#12)

* Feat: 마일리지 글로벌 항목 관련 테이블 생성(#12)

* Fix: 마일리지 항목 -\> 마일리지 학기별 항목으로 수정(#12)

* Feat: 자동완성 state연결(#15)

* Feat: 카테고리 filter 관련 Reducer 생성 (#15)

* Feat: 카테고리 필터링 완료(#15)

* Feat: 마일리지 글로벌 항목 리스트 상태를 리덕스로 관리(#15)

* Feat: 마일리지 학기별 항목 리스트도 리덕스로 관리 (#15)

* Feat: 학기 필터링 상태 Reducer에 추가(#15)

* Feat: 학기 필터링 드롭다운 컴포넌트(#15)

* Feat: 학기 필터링 적용 완료(#15)

* Feat: 보이기 필터링 드롭다운 컴포넌트 생성 , reducer 생성(#15)

* Feat: 보이기 필터링 연결(#15)

* Feat: 항목명 필터링 컴포넌트, 상태 생성(#15)

* Fix: 마일리지 학기별 항목의 보이기 값이 boolean임에 맞춰 데이터를 true/false로 변경(#15)

* Feat: 카테고리 CRUD API apitest 페이지에서 연결테스트(#16)

* Refactor: pages 폴더 내에서만 서버사이드 렌더링이 작동하기 때문에 header와 drawer를 main layout으로 리펙터링 한다(#15))

* Fix: 테이블 리스트 컴포넌트들을 페이지로 이동 시키기 이전에 현재 페이지 상태에 대한 상태를 reducer로 관리(#15)

* Fix: 컴포넌트 리턴 함수를 drawer컴포넌트에서 메인 페이지로 꺼내옴

* Refactor: 서버 사이드 렌더링을 위하여 board 컴포넌트를 페이지로 리펙터링(#15)

* Feat: 마일리지 카테고리 서버사이드 fetching API 연결(#15)

* Feat: 카테고리 추가 API 연결 완료(#15)

* Feat: 카테고리 수정 API 연결 (#15)

* Feat: 삭제 API를 여러개 동시에 하기 위해 선택 된 것을 삭제할 수 있도록 선택된 id들전역상태로 관리(#16)

* Feat: 선택된 번호들을 다른 페이지로 갔을 시 초기화 되도록 설정(#16)

* Feat: 카테고리 다중 삭제 API 연결 완료(#16)

* Feat: 글로벌 세부항목 가져오기 API 연결(#18)

* Refactor: 글로벌 카테고리 모달 버튼 리펙터링(#18)

* Feat: 메뉴바 state가redux persist로 유지되도록 함(#18)

* Feat: 학기별 세부항목 조회를 위한 interface 생성(#20)

* Feat: 마일리지 학기별 항목 READ 연결(#20)

* Feat: 세부항목 모달+ CREATE API 연결(#20)

* Feature: 글로벌 세부항목 API을 연결 함으로써 데이터베이스에 글로벌 세부항목 CRUD을 할 수 있다.  (#19)

* style : 헤더 컴포넌트 완성

* style : sidebar(drawer) 완성

* feat : Drawer와 상태를 연결

* feat : 커스텀 테이블 생성

* refactor : 커스텀 테이블의 pagination을 refactoring함

* Refactor(custom): 테이블 관련 데이터 파일 분리

* 커밋 컨밴션을 위한 cz-commitizen 설정

* Docs: pR 문서 템플릿 작성

* Refactor: 테이블 컴포넌트를 다양한 데이터를 넣을 수 있도록 Row 부분을 리펙토링 하여 정의한이터에 따라 값이 유연하게 들어갈 수 있게 함(#4)

* Feat: 테이블 관련 필드를 field 파일에 모아둠 (#4)

* Refactor: boardList정의 + 사이드바 블럭 리펙터링

* Refactor: milleageHeader를 컴포넌트로 꺼내면서 로직을 포함하고 있는 함수들과 UI를 리펙터링함

* Feat: 마일리지 카테고리 리스트에 필요한 리스트들을 enum을 이용하여 정리

* Refactor: 마일리지 카테고리 게시판 리펙터링 완료 (#4)

* Feat: 마일리지 항목 게시판 enum 설정 (#4)

* Feat: 마일리지 항목 데이터 인터페이스 설정(#4)

* Feat: 마일리지 항목 관련 데이터 생성 함수(#4)

* Feat: 마일리지 항목 관련 테이블 헤더(#4)

* Feat: 마일리지 항목 row값 설정

* Feat: 마일리지 조회 게시판 enum 설정(#4)

* Feat: 마일리지 조회 데이터 인터페이스 설정(#4)

* Feat: 마일리지 조회 데이터 생성 함수(#4)

* Feat: 마일리지 조회 데이터 생성 함수(#4)

* Feat: 마일리지 조회 데이터 추가(#4)

* Feat: 마일리지 등록 enum 설계(#4)

* Feat: 마일리지 조회 데이터 인터페이스 + 데이터 생성 함수(#4)

* Feat: 마일리지 등록 테이블 헤더(#4)

* Feat: 마일리지 등록 더미데이터 입력(#4)

* Fix: semester을 number -\> string으로 타입 수정 , 테이블 데이터들이 모두 select 되지 않는  버그 수정(#4)

* Style: mediaQuery와 styled-component를 이용하여 테이블의 반응형 구축(#4)

* Feat: 신청자 관리 데이터 인터페이스(4)

* Feat: 신청자 관리 enum (#4)

* Feat: 신청자 관리 데이터 생성함수 (#4)

* Fix: 신청자 관리 카테고리를 제외 시킴(#4)

* Feat: 신청자 관리 헤더 내용 정리(#4)

* Feat: 신청자 관리 더미데이터(#4)

* Feat: 학생 관리 테이블 완성(#4)

* Feat: 사용자 관리 테이블 enum 설정(#4)

* Feat: 사용자 관리 데이터 인터페이스 설정(#4)

* Feat: 사용자 관리 데이터 생성함수(#4)

* Feat: 사용자 관리 테이블 studentName -\> name으로 필드 이름 변경

* Feat: 사용자관리 테이블 데이터생성함수(#4)

* Feat: 사용자 관리 테이블 완료(#4)

* Feat: 마일리지 선정 결과 enum 설정(#4)

* Feat: 마일리지 선정결과 인터페이스 + 데이터 생성함수(#4)

* Fix: 마일리지 선정 결과에서 register num을 삭제하였음(#4)

* Feat: 마일리지 선정결과 테이블 헤더 설정(#4)

* Feat: 마일리지 선정결과 완료(#4)

* Chore: 빌드 시 esLint를 무시할 수 있도록 next.config.js를 수정해주었음

* Feat: 마일리지 카테고리 모달관련 reducers를 만듬 (open , close) (#7)

* Feat: 마일리지 카테고리 관련 모달을 열고 닫는 액션 export(#7)

* Fix: 문법에 맞게 reducers return 값 수정(#7)

* Feat: mUI 모달 컴포넌트 생성(#7)

* Feat: root Reducer에 modal Reducer를 연결하고 모달의 useState를 selector와 dispatch로 대체함으로 써 모달을 컴포넌트에 연결 시킴

* Feat: 카테고리 관련 모달 이름 data파일에 정의(#7)

* Fix: 모달 관련 state를 재사용 하기로 결정하여 state의 갯수를 줄임(#7)

* Feat: icon Converter를 통해 어떤 타입의 모달이냐에 따라 다른 아이콘을 부여(#7)

* Feat: title Converter를 두어 모달의 제목을 모달의 타입에 따라 융통성있게 가져감(#7)

* Fix: 모달이 type을 인식하지 못하는 이슈로 인해 modalType을 reducer에서 관리(#7)

* Feat: formik , yup 설치 및 활용을 통한 모달 속 폼 제작(#7)

* Feat: 마일리지 카테고리 추가 기능 폼 구현 완료(#7)

* Style: mui템플릿 Theme기본 설정을 변경 시켜서 텍스트 필드의 스타일을 변경시킴(#7)

* Feat: 관리를 눌렀을 때 초기값을 전달하여 세팅하는 것 까지 연결 (#7)

* Feat: 마일리지 카테고리 모달 완성 + 컴포넌트 분리(#7)

* Refactor: 모달 제목 , 모달 열기 버튼 리펙터링(#7)

* Feat: 테이블에 타입 지정하고 타입을 활용해서 제목 변경(#7)

* Feat: 타입 컨버터를 통해 각 모달의 기능에 맞춰줌(#7)

* Feat: 카테고리 항목 모달 폼 제작(#7)

* Feat: 카테고리 항목 모달에 토글 추가(#7)

* Feat: 영어를 한글로 UI를 보여주는 함수 구현(#7)

* Feat: 마일리지 항목 모달 리펙터링(#7)

* Feat: 마일리지 카테고리,  마일리지 항목 모달 연결(#7)

* Feat: 게시판 데이터에 마일리지 글로벌 항목 추가(#12)

* Feat: 각각의 컴포넌트에 type을 지정해주어 각 컴포넌트에 맞는 테이블의 제목을 나타나게 한다.(#12)

* Feat: 마일리지 글로벌 항목 관련 테이블 생성(#12)

* Fix: 마일리지 항목 -\> 마일리지 학기별 항목으로 수정(#12)

* Feat: 자동완성 state연결(#15)

* Feat: 카테고리 filter 관련 Reducer 생성 (#15)

* Feat: 카테고리 필터링 완료(#15)

* Feat: 마일리지 글로벌 항목 리스트 상태를 리덕스로 관리(#15)

* Feat: 마일리지 학기별 항목 리스트도 리덕스로 관리 (#15)

* Feat: 학기 필터링 상태 Reducer에 추가(#15)

* Feat: 학기 필터링 드롭다운 컴포넌트(#15)

* Feat: 학기 필터링 적용 완료(#15)

* Feat: 보이기 필터링 드롭다운 컴포넌트 생성 , reducer 생성(#15)

* Feat: 보이기 필터링 연결(#15)

* Feat: 항목명 필터링 컴포넌트, 상태 생성(#15)

* Fix: 마일리지 학기별 항목의 보이기 값이 boolean임에 맞춰 데이터를 true/false로 변경(#15)

* Feat: 카테고리 CRUD API apitest 페이지에서 연결테스트(#16)

* Refactor: pages 폴더 내에서만 서버사이드 렌더링이 작동하기 때문에 header와 drawer를 main layout으로 리펙터링 한다(#15))

* Fix: 테이블 리스트 컴포넌트들을 페이지로 이동 시키기 이전에 현재 페이지 상태에 대한 상태를 reducer로 관리(#15)

* Fix: 컴포넌트 리턴 함수를 drawer컴포넌트에서 메인 페이지로 꺼내옴

* Refactor: 서버 사이드 렌더링을 위하여 board 컴포넌트를 페이지로 리펙터링(#15)

* Feat: 마일리지 카테고리 서버사이드 fetching API 연결(#15)

* Feat: 카테고리 추가 API 연결 완료(#15)

* Feat: 카테고리 수정 API 연결 (#15)

* Feat: 삭제 API를 여러개 동시에 하기 위해 선택 된 것을 삭제할 수 있도록 선택된 id들전역상태로 관리(#16)

* Feat: 선택된 번호들을 다른 페이지로 갔을 시 초기화 되도록 설정(#16)

* Feat: 카테고리 다중 삭제 API 연결 완료(#16)

* Feat: 글로벌 세부항목 가져오기 API 연결(#18)

* Refactor: 글로벌 카테고리 모달 버튼 리펙터링(#18)

* Feat: 메뉴바 state가redux persist로 유지되도록 함(#18)

* Feat: 학생 관리 조회 데이터 관련 인터페이스 생성(#22)

* Feat: 학생 데이터를 grade -\> year + semesterCount 로 두개로 분할 시킴(#22)

* Feat: 학생 관리 조회 API 연결(#22)

* Refactor: 학생관리의 beforeData 상수 사용하도록 리펙터링(#22)

* Refactor: 학생 관리의 IStudent를 미리 정의해둔 상수를 사용하도록 리펙터링(#22)

* Refactor: 학생 관리 관련 데이터 리펙터링(#22)

* Feat: 학생 항목 추가 모달에서 handleSubmit 구현(#22)

* Feat: 학생 생성 API 연결(#22)

* Feat: 마일리지 등록 READ 연결(#24)

* Feat: collapsibleTable 연결(#24)

* Feat: 받아온 데이터와 연결(#24)

* Feat: 데이터 연결 완료(#24)

* Feat: 마일리지 등록 리펙터링 (#24)

* Style: 반응형 구축 scroll (#24)

* Feat: 마일리지 등록 모달 완성(#24)

* Style: 팀원 피드백에 따라 반응형 스크롤로 수정(#24)

* Feat: 버튼을 통해 엑셀 다운로드 연결(#26)
  • Loading branch information
@ohinhyuk
ohinhyuk authored Aug 29, 2023
1 parent 58a4a81 commit e2e1f79
Show file tree
Hide file tree
Showing 15 changed files with 946 additions and 549 deletions.
8 changes: 8 additions & 0 deletions next.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,4 +27,12 @@ module.exports = {
typescript: {
ignoreBuildErrors: true,
},
// async rewrites() {
// return [
// {
// source: 'http://walab.handong.edu:8080/sw_mileage/download/api/excel/download/category',
// destination: '/',
// },
// ];
// },
};
12 changes: 12 additions & 0 deletions src/assets/data/fields.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,3 +51,15 @@ export const LASTLOGINDATE = 'lastLoginDate';
export const REGDATE = 'regDate';
export const ISAPPROVED = 'isApproved';
export const MOBILE = 'mobile';

export const STUDENTS = 'students';
export const POINTS = 'points';
export const EXTRAPOINTS = 'extraPoints';
export const COUNTS = 'counts';
export const ID = 'id';
export const RECORD_ID = 'recordId';
export const SEMESTERITEMID = 'semesterItemId';

export const SEMESTER_NAME = 'semesterName';
export const ITEM_NAME = 'itemName';
export const STUDENT_ID = 'studentId';
3 changes: 3 additions & 0 deletions src/assets/data/modal/modals.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,3 +12,6 @@ export const DELETEGLOBALITEM = 'deleteGlobalItem';

export const ADDSTUDENT = 'addStudent';
export const EDITSTUDENT = 'editStudent';

export const ADDMILEAGEREGISTER = 'addMileageRegister';
export const EDITMILEAGEREGISTER = 'editMileageRegister';
116 changes: 116 additions & 0 deletions src/components/common/CollapsibleTable.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
import * as React from 'react';
import Box from '@mui/material/Box';
import Collapse from '@mui/material/Collapse';
import IconButton from '@mui/material/IconButton';
import Table from '@mui/material/Table';
import TableBody from '@mui/material/TableBody';
import TableCell from '@mui/material/TableCell';
import TableContainer from '@mui/material/TableContainer';
import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow';
import Typography from '@mui/material/Typography';
import Paper from '@mui/material/Paper';
import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
import { ADD, ITEM, NUM, REGISTER_NUM, SEMESTER } from '../../assets/data/fields';
import {
STUDENT_ID,
POINTS,
DESCRIPTION1,
DESCRIPTION2,
STUDENT_NAME,
} from 'src/assets/data/fields';

function Row({ row }) {
console.log('dd', row);
const [open, setOpen] = React.useState(false);

return (
<React.Fragment>
<TableRow sx={{ '& > *': { borderBottom: 'unset' } }}>
<TableCell>
<IconButton aria-label="expand row" size="small" onClick={() => setOpen(!open)}>
{open ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}
</IconButton>
</TableCell>
{[row[NUM], row[SEMESTER], row[ITEM], row[REGISTER_NUM], row[ADD]].map(
(outerBodyElement, index) => (
<TableCell align="left" key={index}>
{outerBodyElement}
</TableCell>
)
)}
</TableRow>
<TableRow>
<TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={6}>
<Collapse in={open} timeout="auto" unmountOnExit>
<Box sx={{ margin: 1 }}>
<Typography variant="h6" gutterBottom component="div">
등록된 학생
</Typography>
<Table size="small" aria-label="purchases">
<TableHead>
<TableRow>
{['이름', '학번', '포인트', '추가설명1', '추가설명2', '관리'].map(
(headElement) => (
<TableCell>{headElement}</TableCell>
)
)}
</TableRow>
</TableHead>
<TableBody>
{row.students.map((student) => (
<TableRow key={student.studentId}>
{[
student[STUDENT_NAME],
student[STUDENT_ID],
student[POINTS],
student[DESCRIPTION1],
student[DESCRIPTION2],
student['edit'],
].map((bodyElement, index) => (
<TableCell component="th" scope="row" key={index}>
{bodyElement}
</TableCell>
))}
</TableRow>
))}
</TableBody>
</Table>
</Box>
</Collapse>
</TableCell>
</TableRow>
</React.Fragment>
);
}

export default function CollapsibleTable({ rows, type }) {
return (
<>
<Typography color="primary" variant="h5" sx={{ mb: 2 }}>
{type} {' 리스트'}
</Typography>
<TableContainer component={Paper} sx={{ minWidth: '500px', overflowX: 'scroll' }}>
<Table aria-label="collapsible table">
<TableHead>
<TableRow>
{['', '번호', '학기', '항목', '등록 학생 수', '추가'].map(
(outerHeadElement, index) => (
<TableCell align="left" key={index}>
{outerHeadElement}
</TableCell>
)
)}
</TableRow>
</TableHead>
<TableBody>
{rows.map((row) => (
<Row key={row.item} row={row} />
))}
</TableBody>
</Table>
</TableContainer>
</>
);
}
85 changes: 45 additions & 40 deletions src/components/common/CustomTable.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,40 +55,45 @@ import SelectedItemsDeleteIcon from './Table/SelectedItemsDeleteIcon';
* @brief 반응형 구축
*/

const ResponsiveTableHeadCheckBox = styled(TableCell)({
'@media (max-width: 600px)': {
padding: 0,
},
const ResponsiveTable = styled(Box)({
minWidth: '900px',
overflowX: 'scroll',
});
// const ResponsiveTableHeadCheckBox = styled(TableCell)({
// '@media (max-width: 600px)': {
// padding: 0,
// },
// });
const ResponsiveTableHeadTableCell = styled(TableCell)({
'@media (max-width: 600px)': {
padding: 0,
},
// '@media (max-width: 600px)': {
// padding: 0,
// },
minWidth: '130px',
});

// const ResponsiveTableBody = styled(TableCell)({
// // const ResponsiveTableBody = styled(TableCell)({

const ResponsiveTableHeadLabel = styled(TableSortLabel)({
'@media (max-width: 600px)': {
fontSize: '10px',
// const ResponsiveTableHeadLabel = styled(TableSortLabel)({
// '@media (max-width: 600px)': {
// fontSize: '10px',

display: 'inline',
},
});
// display: 'inline',
// },
// });

const RsponsiveTableBodyCheckBox = styled(TableCell)({
'@media (max-width: 600px)': {
padding: 0,
},
});
// const RsponsiveTableBodyCheckBox = styled(TableCell)({
// '@media (max-width: 600px)': {
// padding: 0,
// },
// });

const ResponsiveTableBody = styled(TableCell)({
'@media (max-width: 600px)': {
padding: 0,
// const ResponsiveTableBody = styled(TableCell)({
// '@media (max-width: 600px)': {
// padding: 0,

fontSize: '10px',
},
});
// fontSize: '10px',
// },
// });

function descendingComparator<T>(a: T, b: T, orderBy: keyof T) {
if (b[orderBy] < a[orderBy]) {
Expand Down Expand Up @@ -157,7 +162,7 @@ function EnhancedTableHead(props: EnhancedTableProps) {
return (
<TableHead>
<TableRow>
<ResponsiveTableHeadCheckBox padding="checkbox">
<TableCell padding="checkbox">
<Checkbox
color="primary"
indeterminate={numSelected > 0 && numSelected < rowCount}
Expand All @@ -167,15 +172,15 @@ function EnhancedTableHead(props: EnhancedTableProps) {
'aria-label': 'select all desserts',
}}
/>
</ResponsiveTableHeadCheckBox>
</TableCell>
{headCells.map((headCell) => (
<ResponsiveTableHeadTableCell
<TableCell
key={headCell.id}
align={headCell.numeric ? 'right' : 'left'}
padding={headCell.disablePadding ? 'none' : 'normal'}
sortDirection={orderBy === headCell.id ? order : false}
>
<ResponsiveTableHeadLabel
<TableCell
/**
* @breif 반응형
*/
Expand All @@ -190,8 +195,8 @@ function EnhancedTableHead(props: EnhancedTableProps) {
{order === 'desc' ? 'sorted descending' : 'sorted ascending'}
</Box>
) : null}
</ResponsiveTableHeadLabel>
</ResponsiveTableHeadTableCell>
</TableCell>
</TableCell>
))}
</TableRow>
</TableHead>
Expand Down Expand Up @@ -417,7 +422,7 @@ export default function EnhancedTable({ originalRows, headCells, type }) {
);

return (
<Box sx={{ width: '100%' }}>
<ResponsiveTable>
<Paper sx={{ width: '100%', mb: 2 }}>
<EnhancedTableToolbar numSelected={selected.length} type={type} />

Expand Down Expand Up @@ -449,17 +454,17 @@ export default function EnhancedTable({ originalRows, headCells, type }) {
selected={isItemSelected}
sx={{ cursor: 'pointer' }}
>
<RsponsiveTableBodyCheckBox padding="checkbox">
<TableCell padding="checkbox">
<Checkbox
color="primary"
checked={isItemSelected}
inputProps={{
'aria-labelledby': labelId,
}}
/>
</RsponsiveTableBodyCheckBox>
</TableCell>

<ResponsiveTableBody
<TableCell
/**
* @brief 반응형
*/
Expand All @@ -470,19 +475,19 @@ export default function EnhancedTable({ originalRows, headCells, type }) {
padding="none"
>
{rowValues[0]}
</ResponsiveTableBody>
</TableCell>

{rowValues.slice(1).map((rowValue, index) => (
<ResponsiveTableBody
align="right"
<TableCell
align={'left'}
/**
* @brief 반응형
*/
// sx={{ fontSize: '5px' }}
// sx={{ padding: 1 }}
>
{rowValue === true ? 'Y' : rowValue === false ? 'N' : rowValue}
</ResponsiveTableBody>
</TableCell>
))}
</TableRow>
);
Expand Down Expand Up @@ -511,6 +516,6 @@ export default function EnhancedTable({ originalRows, headCells, type }) {
control={<Switch checked={dense} onChange={handleChangeDense} />}
label="Dense padding"
/>
</Box>
</ResponsiveTable>
);
}
5 changes: 5 additions & 0 deletions src/components/common/modal/ModalTitle.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import {
ADDCATEGORY,
ADDGLOBALITEM,
ADDITEM,
ADDMILEAGEREGISTER,
ADDSTUDENT,
DELETECATEGORY,
DELETEITEM,
Expand Down Expand Up @@ -38,6 +39,10 @@ export default function ModalTitle() {
return '학생 추가';
case EDITSTUDENT:
return '학생 수정';
case ADDMILEAGEREGISTER:
return '마일리지 등록';
case EDITMILEAGEREGISTER:
return '마일리지 수정';
}
};

Expand Down
Loading

0 comments on commit e2e1f79

Please sign in to comment.