웹 접근성 조치
This commit is contained in:
@@ -1,3 +1,7 @@
|
||||
"use client";
|
||||
|
||||
export { PostPage as NormalPage } from "@/widgets/post";
|
||||
import { PostPage } from "@/widgets/post";
|
||||
|
||||
export function NormalPage({ bbsId }: { bbsId: string }) {
|
||||
return <PostPage bbsId={bbsId} tableCaption="게시판 목록으로 No, 제목, 조회수, 첨부파일, 작성, 등록일 정보 제공" />;
|
||||
}
|
||||
|
||||
@@ -3,5 +3,5 @@
|
||||
import { PostPage } from "@/widgets/post";
|
||||
|
||||
export function NoticePage({ bbsId }: { bbsId: string }) {
|
||||
return <PostPage bbsId={bbsId} tableCaption="공지사항 목록" />;
|
||||
return <PostPage bbsId={bbsId} tableCaption="공지사항 목록으로 No, 제목, 조회수, 첨부파일, 작성, 등록일 정보 제공" />;
|
||||
}
|
||||
|
||||
@@ -86,7 +86,7 @@ const MenuModificationDemandDialog = memo(
|
||||
</colgroup>
|
||||
<TableBody>
|
||||
<TableRow>
|
||||
<TableHead>신청자</TableHead>
|
||||
<TableHead scope="row">신청자</TableHead>
|
||||
<TableCell className="border">
|
||||
<FormField
|
||||
control={form.control}
|
||||
@@ -107,7 +107,7 @@ const MenuModificationDemandDialog = memo(
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
<TableRow>
|
||||
<TableHead>이메일</TableHead>
|
||||
<TableHead scope="row">이메일</TableHead>
|
||||
<TableCell className="border">
|
||||
<FormField
|
||||
control={form.control}
|
||||
@@ -128,7 +128,7 @@ const MenuModificationDemandDialog = memo(
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
<TableRow>
|
||||
<TableHead>요청 내용</TableHead>
|
||||
<TableHead scope="row">요청 내용</TableHead>
|
||||
<TableCell className="border">
|
||||
<FormField
|
||||
control={form.control}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import type { HTMLAttributes } from "react";
|
||||
import type { HTMLAttributes, ReactNode } from "react";
|
||||
import {
|
||||
flexRender,
|
||||
type RowData,
|
||||
@@ -26,6 +26,7 @@ type GridViewDataTableProps<T> = {
|
||||
className?: HTMLAttributes<HTMLTableElement>["className"];
|
||||
viewPagination?: boolean;
|
||||
onRowClick?: (row: T) => void;
|
||||
footerContent?: ReactNode;
|
||||
};
|
||||
|
||||
function GridViewDataTable<T>({
|
||||
@@ -33,6 +34,7 @@ function GridViewDataTable<T>({
|
||||
className,
|
||||
viewPagination,
|
||||
onRowClick,
|
||||
footerContent,
|
||||
}: GridViewDataTableProps<T>) {
|
||||
return (
|
||||
<div className="bg-secondary-background pb-10">
|
||||
@@ -72,6 +74,9 @@ function GridViewDataTable<T>({
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
{footerContent && (
|
||||
<div className="px-4 text-left">{footerContent}</div>
|
||||
)}
|
||||
{viewPagination && <Pagination table={table} />}
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -70,6 +70,9 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
|
||||
<Form {...form}>
|
||||
<form onSubmit={form.handleSubmit(onSubmit)}>
|
||||
<div className="card">
|
||||
<p className="mb-2 text-right text-sm text-muted-foreground">
|
||||
*은 필수입력 항목입니다.
|
||||
</p>
|
||||
<Table variant="secondary">
|
||||
<colgroup>
|
||||
<col width="15%" />
|
||||
@@ -77,7 +80,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
|
||||
</colgroup>
|
||||
<TableBody>
|
||||
<TableRow>
|
||||
<TableHead data-required>제목</TableHead>
|
||||
<TableHead scope="row" data-required>제목</TableHead>
|
||||
<TableCell className="border">
|
||||
<FormField
|
||||
control={form.control}
|
||||
@@ -98,7 +101,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
<TableRow>
|
||||
<TableHead>작성자</TableHead>
|
||||
<TableHead scope="row">작성자</TableHead>
|
||||
<TableCell className="border">
|
||||
<FormField
|
||||
control={form.control}
|
||||
@@ -120,7 +123,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
|
||||
</TableRow>
|
||||
{!userInfo?.userUnqId && (
|
||||
<TableRow>
|
||||
<TableHead data-required>비밀번호</TableHead>
|
||||
<TableHead scope="row" data-required>비밀번호</TableHead>
|
||||
<TableCell className="border">
|
||||
<FormField
|
||||
control={form.control}
|
||||
@@ -143,7 +146,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
|
||||
</TableRow>
|
||||
)}
|
||||
<TableRow>
|
||||
<TableHead>내용</TableHead>
|
||||
<TableHead scope="row">내용</TableHead>
|
||||
<TableCell className="border">
|
||||
<FormField
|
||||
control={form.control}
|
||||
@@ -166,7 +169,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
|
||||
</TableRow>
|
||||
{bbsInfo?.rfrncUseYn === "Y" && (
|
||||
<TableRow>
|
||||
<TableHead>참조 URL</TableHead>
|
||||
<TableHead scope="row">참조 URL</TableHead>
|
||||
<TableCell className="border">
|
||||
<FormField
|
||||
control={form.control}
|
||||
@@ -189,7 +192,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
|
||||
)}
|
||||
{bbsInfo?.popupUseYn === "Y" && (
|
||||
<TableRow>
|
||||
<TableHead>팝업여부</TableHead>
|
||||
<TableHead scope="row">팝업여부</TableHead>
|
||||
<TableCell className="border">
|
||||
<div className="flex items-center gap-4">
|
||||
<FormField
|
||||
@@ -262,7 +265,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
|
||||
)}
|
||||
{bbsInfo?.upndFixUseYn === "Y" && (
|
||||
<TableRow>
|
||||
<TableHead>상단고정</TableHead>
|
||||
<TableHead scope="row">상단고정</TableHead>
|
||||
<TableCell className="border">
|
||||
<div className="flex items-center gap-4">
|
||||
<FormField
|
||||
@@ -336,7 +339,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
|
||||
)}
|
||||
{bbsInfo?.pstgPrdUseYn === "Y" && (
|
||||
<TableRow>
|
||||
<TableHead>게시기간</TableHead>
|
||||
<TableHead scope="row">게시기간</TableHead>
|
||||
<TableCell className="border">
|
||||
<div className="flex items-center gap-4">
|
||||
<FormField
|
||||
@@ -410,7 +413,7 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
|
||||
)}
|
||||
{bbsInfo?.atflUseYn === "Y" && (
|
||||
<TableRow>
|
||||
<TableHead>첨부파일</TableHead>
|
||||
<TableHead scope="row">첨부파일</TableHead>
|
||||
<TableCell className="border">
|
||||
{bbsInfo?.bbsTypeCd === "BBSIMAGE" ? (
|
||||
<WithPreviewFileUploader
|
||||
|
||||
@@ -213,15 +213,6 @@ function PostPage({
|
||||
등록
|
||||
</Button>
|
||||
)}
|
||||
{pageMenuAuthority?.delAuthrtYn === "Y" && (
|
||||
<Button
|
||||
color="red"
|
||||
onClick={onPostDelete}
|
||||
disabled={!table.getFilteredSelectedRowModel().rows.length}
|
||||
>
|
||||
선택삭제
|
||||
</Button>
|
||||
)}
|
||||
<Select
|
||||
value={table.getState().pagination.pageSize.toString()}
|
||||
onValueChange={(value) => {
|
||||
@@ -254,6 +245,17 @@ function PostPage({
|
||||
table={table}
|
||||
onRowClick={handleRowClick}
|
||||
viewPagination
|
||||
footerContent={
|
||||
pageMenuAuthority?.delAuthrtYn === "Y" ? (
|
||||
<Button
|
||||
color="red"
|
||||
onClick={onPostDelete}
|
||||
disabled={!table.getFilteredSelectedRowModel().rows.length}
|
||||
>
|
||||
선택삭제
|
||||
</Button>
|
||||
) : undefined
|
||||
}
|
||||
/>
|
||||
) : (
|
||||
<DataTable
|
||||
@@ -261,6 +263,17 @@ function PostPage({
|
||||
onRowClick={handleRowClick}
|
||||
viewPagination
|
||||
caption={tableCaption}
|
||||
footerContent={
|
||||
pageMenuAuthority?.delAuthrtYn === "Y" ? (
|
||||
<Button
|
||||
color="red"
|
||||
onClick={onPostDelete}
|
||||
disabled={!table.getFilteredSelectedRowModel().rows.length}
|
||||
>
|
||||
선택삭제
|
||||
</Button>
|
||||
) : undefined
|
||||
}
|
||||
/>
|
||||
)
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user