Commit b12f36aa authored by Choi Ga Young's avatar Choi Ga Young
Browse files

studyplanlist, subjectform UI

parent d03514d7
import styles from "./form.module.scss";
import { Link } from "react-router-dom";
const StudyPlanListForm = () => {
return (
<>
<h2 className="text-center">학업별 계획</h2>
<div className="d-flex justify-content-center mt-3">
<div className="card" style={{ width: "20rem" }}>
<div className="card-body">
<div className="d-flex justify-content-between">
<h5 className="card-title">운영체제</h5>
<div>
<i className="bi bi-pencil-square pe-2"></i>
<i className="bi bi-trash"></i>
</div>
</div>
<p className="card-subtitle mb-2 text-muted">&nbsp;김민호 - 과학기술2관 310</p>
<div className="d-flex justify-content-between">
<p className="card-text mb-1">- ch02 내용정리하기</p>
<input className={`form-check-input shadow-none ${styles.checkBox}`} type="checkbox" />
</div>
<div className="d-flex justify-content-between">
<p className="card-text mb-1">- ch03 내용정리하기</p>
<input className={`form-check-input shadow-none ${styles.checkBox}`} type="checkbox" />
</div>
</div>
</div>
</div>
<div className="d-flex justify-content-center mt-3">
<div className="card" style={{ width: "20rem" }}>
<div className="card-body">
<div className="d-flex justify-content-between">
<h5 className="card-title">네트워크 프로그래밍 실습</h5>
<div>
<i className="bi bi-pencil-square pe-2"></i>
<i className="bi bi-trash"></i>
</div>
</div>
<p className="card-subtitle mb-2 text-muted">&nbsp;임치헌 - 과학기술2관 323</p>
<Link className="text-decoration-none link-dark" to="/studyplan/edit">
<div className="d-flex">
<i class="bi bi-plus"></i>
<p className="card-text mb-1">새로운 계획 추가하기</p>
</div>
</Link>
</div>
</div>
</div>
<div className="d-flex justify-content-center mt-3">
<Link className="text-decoration-none link-dark" to="/subject/edit">
<div className="card" style={{ width: "20rem" }}>
<div className="card-body d-flex flex-column bg-secondary bg-opacity-25 ">
<div>
<i class="bi bi-plus-lg d-flex justify-content-center fs-3"></i>
<p className="card-text mt-2 text-center">새로운 과목 추가하기</p>
</div>
</div>
</div>
</Link>
</div>
</>
)
}
export default StudyPlanListForm;
\ No newline at end of file
......@@ -36,16 +36,18 @@ const SubjectForm = () => {
<label className="form-label fs-4" style={{ width: "100px" }}>강의명</label>
<input className="form-control border-top-0 border-end-0 border-start-0" style={{ boxShadow: "none", borderRadius: "0" }} name="lectureName" onChange={handleChange} />
</div>
<div className="mb-5 d-flex flex-row">
<div className="mb-5 pt-2 d-flex flex-row">
<label className="form-label fs-4" style={{ width: "100px" }}>교수명</label>
<input className="form-control border-top-0 border-end-0 border-start-0" style={{ boxShadow: "none", borderRadius: "0" }} name="prof" onChange={handleChange} />
</div>
<div className="mb-5 d-flex flex-row">
<label className="form-label fs-4" style={{ width: "100px" }}>장소</label>
<div className="mb-5 pt-2 d-flex flex-row">
<label className="form-label fs-4 " style={{ width: "100px" }}>&nbsp;&nbsp;</label>
<input className="form-control border-top-0 border-end-0 border-start-0" style={{ boxShadow: "none", borderRadius: "0" }} name="classRoom" onChange={handleChange} />
</div>
</div>
<BtnGroup disabled={disabled} />
<div className="pt-2">
<BtnGroup disabled={disabled} />
</div>
</div>
</>
)
......
import Menu from "../components/Menu/Menu.js";
import HomeBtn from "../components/Buttons/HomeBtn.js";
import StudyPlanListForm from "../components/Form/StudyPlanListForm.js";
const StudyPlanListPage = () => {
return (
<>
<Menu />
<HomeBtn />
<StudyPlanListForm />
</>
)
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment