@elice/material-assignment 1.240723.0 → 1.240802.0-alt.0

package/es/components/material-assignment-admin/MaterialAssignmentAdminContent.js

@@ -6,7 +6,7 @@ import { config, getOrgUserGet, getOrgMaterialAssignmentGet, getOrgMaterialAssig
 import { Flex, Vspace, ProfileImage, Hspace, Text, Tooltip, Icon, InfoTable, Button, TableNext, IconButton, Pagination, Modal, Label, Input, Textarea, Alert, Notification } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilStatusInfo, eilChat, eilDelete, eilArrowRightwardsBasic } from '@elice/icons';
-import { FormattedDate } from '@elice/intl';
+import { useRawEliceIntl, FormattedDate } from '@elice/intl';
 import { useMaterialConfigApiClientUpdate } from '@elice/material-shared-utils';
 import dayjs from 'dayjs';
 import MaterialAssignmentContainer from '../shared/MaterialAssignmentContainer.js';
@@ -19,6 +19,7 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
     adminUserId = _ref.adminUserId,
     updateMaterialUserBrowserResponse = _ref.updateMaterialUserBrowserResponse;
   var _a;
+  var intl = useRawEliceIntl();
   // Form
   var gradeEditFormMethods = useForm({
     defaultValues: {
@@ -209,14 +210,18 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
             if (typeof updateMaterialUserBrowserResponse === 'function') {
               updateMaterialUserBrowserResponse(userId);
             }
-            Notification.success('저장되었습니다');
+            Notification.success(intl.formatMessage({
+              id: 'materialAssignment.notify.success'
+            }));
             _context.next = 15;
             break;
           case 11:
             _context.prev = 11;
             _context.t0 = _context["catch"](1);
             console.error(_context.t0);
-            Notification.error('오류가 발생했습니다.');
+            Notification.error(intl.formatMessage({
+              id: 'materialAssignment.notify.error'
+            }));
           case 15:
             _context.prev = 15;
             setShowGradeEditModal(false);
@@ -259,7 +264,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
             if (typeof updateMaterialUserBrowserResponse === 'function') {
               updateMaterialUserBrowserResponse(userId);
             }
-            Notification.success('저장되었습니다');
+            Notification.success(intl.formatMessage({
+              id: 'materialAssignment.notify.success'
+            }));
             _context2.next = 19;
             break;
           case 14:
@@ -267,7 +274,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
             _context2.t0 = _context2["catch"](2);
             console.error(_context2.t0);
             setGradeDeleteStatus('rejected');
-            Notification.error('오류가 발생했습니다.');
+            Notification.error(intl.formatMessage({
+              id: 'materialAssignment.notify.error'
+            }));
           case 19:
             _context2.prev = 19;
             setSelectedGradeForDelete(null);
@@ -301,14 +310,18 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
             if (typeof updateMaterialUserBrowserResponse === 'function') {
               updateMaterialUserBrowserResponse(userId);
             }
-            Notification.success('저장되었습니다');
+            Notification.success(intl.formatMessage({
+              id: 'materialAssignment.notify.success'
+            }));
             _context3.next = 13;
             break;
           case 9:
             _context3.prev = 9;
             _context3.t0 = _context3["catch"](1);
             console.error(_context3.t0);
-            Notification.error('오류가 발생했습니다.');
+            Notification.error(intl.formatMessage({
+              id: 'materialAssignment.notify.error'
+            }));
           case 13:
             _context3.prev = 13;
             setShowManualScoreEditModal(false);
@@ -365,17 +378,25 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
         children: [jsx(Text, {
           size: "tiny",
           role: "gray4",
-          children: "\uC810\uC218"
+          children: intl.formatMessage({
+            id: 'materialAssignment.score'
+          })
         }), jsx(Text, {
           size: "small",
           role: "white",
-          children: gradeResult ? "".concat((_c = (_b = gradeResult.manualScore) !== null && _b !== void 0 ? _b : gradeResult.avgCalcScore) !== null && _c !== void 0 ? _c : 0).concat(isScoreFinalized ? '(공개됨)' : '(비공개)') : '--'
+          children: gradeResult ? "".concat((_c = (_b = gradeResult.manualScore) !== null && _b !== void 0 ? _b : gradeResult.avgCalcScore) !== null && _c !== void 0 ? _c : 0).concat(isScoreFinalized ? intl.formatMessage({
+            id: 'materialAssignment.reveal'
+          }) : intl.formatMessage({
+            id: 'materialAssignment.private'
+          })) : '--'
         })]
       }), jsxs(StyledMaterialAssignmentAdminHeaderCell, {
         children: [jsx(Text, {
           size: "tiny",
           role: "gray4",
-          children: "\uC81C\uCD9C \uC77C\uC2DC"
+          children: intl.formatMessage({
+            id: 'materialAssignment.table.column.lastSubmitDatetime'
+          })
         }), jsx(Text, {
           size: "small",
           role: "white",
@@ -391,7 +412,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
   var renderManualScoreEditButton = function renderManualScoreEditButton() {
     return jsx(Tooltip, {
       placement: "top",
-      title: isUserSubmitted ? '제출 기한이 지난 이후 조정할 수 있습니다.' : '미제출인 경우 조정할 수 없습니다.',
+      title: intl.formatMessage({
+        id: isUserSubmitted ? 'materialAssignment.tooltip.manual-score-edit.submit' : 'materialAssignment.tooltip.manual-score-edit.not-submit'
+      }),
       visible: !isAssignmentClosed || !isUserSubmitted ? undefined : false,
       children: jsx(StyledMaterialAssignmentAdminManualScoreEditButtonWrapper, {
         disabled: !isAssignmentClosed || !isUserSubmitted,
@@ -401,7 +424,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
           role: "navy3",
           size: "tiny",
           onClick: handleManualScoreEditClick,
-          children: "\uC810\uC218 \uC870\uC815\uD558\uAE30"
+          children: intl.formatMessage({
+            id: 'materialAssignment.button.manual-score-edit'
+          })
         })
       })
     });
@@ -419,13 +444,17 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
           role: "navy1",
           size: "small",
           lineHeight: "1.375rem",
-          children: user ? "".concat(user.fullname, " \uB2D8\uC758 \uC810\uC218") : null
+          children: user ? "".concat(user.fullname, " ").concat(intl.formatMessage({
+            id: 'materialAssignment.username.subfix'
+          })) : null
         }), jsx(Hspace, {
           width: 0.25
         }), jsx(Tooltip, {
           useMaxWidth: true,
           placement: "top",
-          title: "모든 채점 점수의 평균값이 반영된 종합 점수입니다. 평균값을 사용하지 않으려면 ‘조정하기'를 클릭해 직접 점수를 입력하세요.",
+          title: intl.formatMessage({
+            id: 'materialAssignment.tooltip.grade-result-button'
+          }),
           children: jsx(Icon, {
             icon: eilStatusInfo,
             color: base.color.navy1
@@ -435,7 +464,11 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
         }), jsx(Text, {
           bold: true,
           role: "white",
-          children: gradeResult ? "".concat((_b = (_a = gradeResult.manualScore) !== null && _a !== void 0 ? _a : gradeResult.avgCalcScore) !== null && _b !== void 0 ? _b : 0).concat(isScoreFinalized ? '(공개됨)' : '(비공개)') : '--'
+          children: gradeResult ? "".concat((_b = (_a = gradeResult.manualScore) !== null && _a !== void 0 ? _a : gradeResult.avgCalcScore) !== null && _b !== void 0 ? _b : 0).concat(isScoreFinalized ? intl.formatMessage({
+            id: 'materialAssignment.reveal'
+          }) : intl.formatMessage({
+            id: 'materialAssignment.private'
+          })) : '--'
         })]
       }), renderManualScoreEditButton()]
     });
@@ -451,28 +484,36 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
             bold: true,
             role: "danger",
             size: "small",
-            children: "\uC81C\uCD9C \uAE30\uD55C \uB9CC\uB8CC"
+            children: intl.formatMessage({
+              id: 'materialAssignment.status.deadlineExpired'
+            })
           });
         case isScoreFinalized:
           return jsx(Text, {
             bold: true,
             role: "lightpurple",
             size: "small",
-            children: "\uCC44\uC810 \uC644\uB8CC"
+            children: intl.formatMessage({
+              id: 'materialAssignment.status.graded'
+            })
           });
         case isUserSubmitted:
           return jsx(Text, {
             bold: true,
             role: "success",
             size: "small",
-            children: "\uC81C\uCD9C\uB428"
+            children: intl.formatMessage({
+              id: 'materialAssignment.status.submitted'
+            })
           });
         case !isUserSubmitted:
           return jsx(Text, {
             bold: true,
             role: "warning",
             size: "small",
-            children: "\uBBF8\uC81C\uCD9C"
+            children: intl.formatMessage({
+              id: 'materialAssignment.status.noSubmitted'
+            })
           });
       }
     }();
@@ -516,13 +557,17 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
       children: jsxs("tbody", {
         children: [jsxs("tr", {
           children: [jsx("td", {
-            children: "\uC0C1\uD0DC"
+            children: intl.formatMessage({
+              id: 'materialAssignment.table.column.status'
+            })
           }), jsx("td", {
             children: statusText
           })]
         }), jsxs("tr", {
           children: [jsx("td", {
-            children: "\uACFC\uC81C \uC81C\uCD9C \uAE30\uD55C"
+            children: intl.formatMessage({
+              id: 'materialAssignment.table.column.deadlineDatetime'
+            })
           }), jsx("td", {
             children: jsx(FormattedDate, {
               value: materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.closeDatetime,
@@ -532,7 +577,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
           })]
         }), jsxs("tr", {
           children: [jsx("td", {
-            children: "\uC81C\uCD9C \uC77C\uC2DC"
+            children: intl.formatMessage({
+              id: 'materialAssignment.table.column.lastSubmitDatetime'
+            })
           }), jsx("td", {
             children: userSubmission ? jsx(FormattedDate, {
               value: userSubmission.createdDatetime,
@@ -542,7 +589,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
           })]
         }), jsxs("tr", {
           children: [jsx("td", {
-            children: "\uC5C5\uB85C\uB4DC\uB41C \uACFC\uC81C"
+            children: intl.formatMessage({
+              id: 'materialAssignment.table.column.uploadedAssignments'
+            })
           }), jsx("td", {
             children: submissionAttachment
           })]
@@ -565,17 +614,23 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
             bold: true,
             role: "white",
             lineHeight: 1.375,
-            children: "\uCC44\uC810 \uD604\uD669"
+            children: intl.formatMessage({
+              id: 'materialAssignment.grade-list'
+            })
           }), jsx(Text, {
             block: true,
             size: "tiny",
             role: "navy3",
             lineHeight: 1.6,
-            children: "\uCC44\uC810\uC644\uB8CC\uD55C \uCC44\uC810\uC790\uC758 \uC810\uC218\uC640 \uD53C\uB4DC\uBC31\uC744 \uBCFC \uC218 \uC788\uC2B5\uB2C8\uB2E4."
+            children: intl.formatMessage({
+              id: 'materialAssignment.grade-list.description'
+            })
           })]
         }), jsx(Tooltip, {
           placement: "top",
-          title: isUserSubmitted ? '제출 기한이 지난 이후 채점할 수 있습니다.' : '미제출인 경우 채점할 수 없습니다.',
+          title: intl.formatMessage({
+            id: isUserSubmitted ? 'materialAssignment.grade-list.tooltip.submitted' : 'materialAssignment.grade-list.tooltip.not-submitted'
+          }),
           visible: !isAssignmentClosed || !isUserSubmitted ? undefined : false,
           children: jsx("span", {
             children: jsx(Button, {
@@ -583,7 +638,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
               role: "lightpurple",
               disabled: !isAssignmentClosed || !isUserSubmitted,
               onClick: handleGradeEditClick,
-              children: Boolean(myGrade) ? '내 채점 수정' : '내 채점 시작'
+              children: intl.formatMessage({
+                id: Boolean(myGrade) ? 'materialAssignment.edit-grading' : 'materialAssignment.start-grading'
+              })
             })
           })
         })]
@@ -591,15 +648,23 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
         height: 0.75
       }), jsx(TableNext, {
         dark: true,
-        emptyMessage: "\uCC44\uC810 \uC644\uB8CC\uD55C \uCC44\uC810\uC790\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.",
+        emptyMessage: intl.formatMessage({
+          id: 'materialAssignment.table.empty-smg'
+        }),
         columns: [{
-          Header: '채점자명',
+          Header: intl.formatMessage({
+            id: 'materialAssignment.table-col.fullname'
+          }),
           accessor: 'fullname'
         }, {
-          Header: '과제 점수',
+          Header: intl.formatMessage({
+            id: 'materialAssignment.table.column.assignmentScore'
+          }),
           accessor: 'grade'
         }, {
-          Header: '채점 일시',
+          Header: intl.formatMessage({
+            id: 'materialAssignment.table-col.grade-datetime'
+          }),
           accessor: 'created',
           textAlign: 'left'
         }],
@@ -610,7 +675,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
                 noWrap: true,
                 role: "navy0",
                 size: "small",
-                children: "".concat(grade.gradeUser.fullname).concat(grade.gradeUser.id === adminUserId ? '(나)' : '')
+                children: "".concat(grade.gradeUser.fullname).concat(grade.gradeUser.id === adminUserId ? intl.formatMessage({
+                  id: 'materialAssignment.me'
+                }) : '')
               }), jsx(Hspace, {
                 width: 0.25
               }), jsx(Text, {
@@ -674,16 +741,22 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
       return null;
     }
     return jsxs(Modal, {
-      title: Boolean(myGrade) ? '내 채점 수정' : '과제 채점',
+      title: intl.formatMessage({
+        id: Boolean(myGrade) ? 'materialAssignment.edit-grading' : 'materialAssignment.grading-assignments'
+      }),
       footerButtons: [{
-        label: '확인',
+        label: intl.formatMessage({
+          id: 'materialAssignment.modal.button.confirm'
+        }),
         size: 'small',
         role: 'primary',
         loading: gradeEditFormMethods.formState.isSubmitting,
         disabled: gradeEditFormMethods.formState.isSubmitting || !gradeEditFormMethods.formState.isValid,
         onClick: handleGradeEditSubmit
       }, {
-        label: '취소',
+        label: intl.formatMessage({
+          id: 'materialAssignment.modal.button.cancel'
+        }),
         size: 'small',
         role: 'gray1',
         onClick: function onClick() {
@@ -697,7 +770,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
         bold: true,
         block: true,
         required: true,
-        children: "\uC810\uC218"
+        children: intl.formatMessage({
+          id: 'materialAssignment.score'
+        })
       }), jsx(Vspace, {
         height: 0.5
       }), jsxs(Flex, {
@@ -726,18 +801,26 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
           bold: true,
           role: "gray9",
           size: "small",
-          children: "\uC810"
+          children: intl.formatMessage({
+            id: 'materialAssignment.dot'
+          })
         }), jsx(Text, {
           role: "gray6",
           size: "small",
-          children: ' / 100점 만점'
+          children: intl.formatMessage({
+            id: 'materialAssignment.table.column.totalPoint'
+          }, {
+            point: 100
+          })
         })]
       }), jsx(Vspace, {
         height: 1.25
       }), jsx(Label, {
         bold: true,
         block: true,
-        children: "\uD53C\uB4DC\uBC31"
+        children: intl.formatMessage({
+          id: 'materialAssignment.table.header.feedback'
+        })
       }), jsx(Vspace, {
         height: 0.5
       }), jsx(Controller, {
@@ -763,9 +846,13 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
       return null;
     }
     return jsxs(Modal, {
-      title: "\uCC44\uC810 \uACB0\uACFC \uD655\uC778",
+      title: intl.formatMessage({
+        id: 'materialAssignment.modal.grade-result.title'
+      }),
       footerButtons: [{
-        label: '확인',
+        label: intl.formatMessage({
+          id: 'materialAssignment.modal.button.confirm'
+        }),
         size: 'small',
         role: 'primary',
         onClick: function onClick() {
@@ -779,7 +866,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
         bold: true,
         block: true,
         required: true,
-        children: "\uC810\uC218"
+        children: intl.formatMessage({
+          id: 'materialAssignment.score'
+        })
       }), jsx(Vspace, {
         height: 0.5
       }), jsxs(Flex, {
@@ -796,18 +885,26 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
           bold: true,
           role: "gray9",
           size: "small",
-          children: "\uC810"
+          children: intl.formatMessage({
+            id: 'materialAssignment.dot'
+          })
         }), jsx(Text, {
           role: "gray6",
           size: "small",
-          children: ' / 100점 만점'
+          children: intl.formatMessage({
+            id: 'materialAssignment.table.column.totalPoint'
+          }, {
+            point: 100
+          })
         })]
       }), jsx(Vspace, {
         height: 1.25
       }), jsx(Label, {
         bold: true,
         block: true,
-        children: "\uD53C\uB4DC\uBC31"
+        children: intl.formatMessage({
+          id: 'materialAssignment.table.header.feedback'
+        })
       }), jsx(Vspace, {
         height: 0.5
       }), jsx(StyledMaterialAssignmentAdminTextareaWrapper, {
@@ -825,17 +922,23 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
       return null;
     }
     return jsxs(Modal, {
-      title: "\uCC44\uC810 \uC0AD\uC81C",
+      title: intl.formatMessage({
+        id: 'materialAssignment.modal.delete-grading'
+      }),
       width: "narrow",
       footerButtons: [{
-        label: '확인',
+        label: intl.formatMessage({
+          id: 'materialAssignment.modal.button.confirm'
+        }),
         size: 'small',
         role: 'primary',
         loading: gradeDeleteStatus === 'pending',
         disabled: gradeDeleteStatus === 'pending',
         onClick: handleGradeDeleteSubmit
       }, {
-        label: '취소',
+        label: intl.formatMessage({
+          id: 'materialAssignment.modal.button.cancel'
+        }),
         size: 'small',
         role: 'gray1',
         onClick: function onClick() {
@@ -847,15 +950,21 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
       },
       children: [jsx(Text, {
         role: "gray9",
-        children: "\uC0AD\uC81C\uB41C \uC810\uC218\uC640 \uD53C\uB4DC\uBC31\uC740 \uB2E4\uC2DC \uBCF5\uAD6C\uB420 \uC218 \uC5C6\uC73C\uBA70 \uD559\uC0DD\uC758 \uD3C9\uADE0 \uC810\uC218\uAC00 \uBCC0\uACBD\uB420 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
+        children: intl.formatMessage({
+          id: 'materialAssignment.modal.delete-grading.description'
+        })
       }), jsx(Vspace, {
         height: 0.75
       }), jsx(TableNext, {
         columns: [{
-          Header: '채점자명',
+          Header: intl.formatMessage({
+            id: 'materialAssignment.table-col.fullname'
+          }),
           accessor: 'fullname'
         }, {
-          Header: '최종 점수',
+          Header: intl.formatMessage({
+            id: 'materialAssignment.final-score'
+          }),
           accessor: 'score'
         }],
         data: [{
@@ -885,17 +994,23 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
       return null;
     }
     return jsxs(Modal, {
-      title: "\uC810\uC218 \uC870\uC815",
+      title: intl.formatMessage({
+        id: 'materialAssignment.modal.edit-grading'
+      }),
       width: "narrow",
       footerButtons: [{
-        label: '확인',
+        label: intl.formatMessage({
+          id: 'materialAssignment.modal.button.confirm'
+        }),
         size: 'small',
         role: 'primary',
         loading: manualScoreEditFormMethods.formState.isSubmitting,
         disabled: manualScoreEditFormMethods.formState.isSubmitting || !manualScoreEditFormMethods.formState.isValid,
         onClick: handleManualScoreEditSubmit
       }, {
-        label: '취소',
+        label: intl.formatMessage({
+          id: 'materialAssignment.modal.button.cancel'
+        }),
         size: 'small',
         role: 'gray1',
         onClick: function onClick() {
@@ -907,7 +1022,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
       },
       children: [jsx(Alert, {
         role: "warning",
-        children: "\uC810\uC218 \uC870\uC815 \uC774\uD6C4 \uB2E4\uC2DC \uD3C9\uADE0\uAC12\uC73C\uB85C \uB418\uB3CC\uB9B4 \uC218 \uC5C6\uC73C\uB2C8 \uC720\uC758\uD574 \uC8FC\uC138\uC694."
+        children: intl.formatMessage({
+          id: 'materialAssignment.modal.edit-grading.alert'
+        })
       }), jsx(Vspace, {
         height: 1
       }), jsxs(Flex, {
@@ -917,7 +1034,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
           size: "small",
           width: "xsmall",
           type: "number",
-          label: "\uC774\uC804 \uC810\uC218",
+          label: intl.formatMessage({
+            id: 'materialAssignment.previous-score'
+          }),
           value: (_b = (_a = gradeResult === null || gradeResult === void 0 ? void 0 : gradeResult.manualScore) !== null && _a !== void 0 ? _a : gradeResult === null || gradeResult === void 0 ? void 0 : gradeResult.avgCalcScore) !== null && _b !== void 0 ? _b : 0
         }), jsx(Hspace, {
           width: 1
@@ -941,7 +1060,9 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
               size: "small",
               width: "xsmall",
               type: "number",
-              label: "\uC870\uC815 \uC810\uC218"
+              label: intl.formatMessage({
+                id: 'materialAssignment.adjusted-score'
+              })
             }));
           }
         }), jsx(Hspace, {
@@ -950,11 +1071,17 @@ var MaterialAssignmentAdminContent = forwardRef(function (_ref, ref) {
           bold: true,
           role: "gray9",
           size: "small",
-          children: "\uC810"
+          children: intl.formatMessage({
+            id: 'materialAssignment.dot'
+          })
         }), jsx(Text, {
           role: "gray6",
           size: "small",
-          children: ' / 100점 만점'
+          children: intl.formatMessage({
+            id: 'materialAssignment.table.column.totalPoint'
+          }, {
+            point: 100
+          })
         })]
       })]
     });