@elice/material-assignment 1.220803.0

package/cjs/components/material-assignment/locales.d.ts

@@ -0,0 +1,39 @@
+export declare const en: {
+    'materialAssignment.button.upload': string;
+    'materialAssignment.error': string;
+    'materialAssignment.status.noSubmitted': string;
+    'materialAssignment.status.submitted': string;
+    'materialAssignment.status.graded': string;
+    'materialAssignment.status.deadlineExpired': string;
+    'materialAssignment.table.column.status': string;
+    'materialAssignment.table.column.deadlineDatetime': string;
+    'materialAssignment.table.column.lastSubmitDatetime': string;
+    'materialAssignment.table.column.uploadedFile': string;
+    'materialAssignment.table.column.assignmentScore': string;
+    'materialAssignment.table.column.score': string;
+    'materialAssignment.table.column.totalPoint': string;
+    'materialAssignment.table.header.index': string;
+    'materialAssignment.table.header.feedback': string;
+    'materialAssignment.table.empty.noAssignment': string;
+    'materialAssignment.table.empty.noFeedback': string;
+    'materialAssignment.label.general': string;
+    'materialAssignment.label.feedback': string;
+    'materialAssignment.description.general': string;
+    'materialAssignment.description.feedback': string;
+    'materialAssignment.notification.submit.success': string;
+    'materialAssignment.notification.submit.failure': string;
+    'materialAssignment.notification.submit.cancel': string;
+    'materialAssignment.modal.title': string;
+    'materialAssignment.modal.button.submit': string;
+    'materialAssignment.modal.button.cancel': string;
+    'materialAssignment.alert.onceSubmit': string;
+    'materialAssignment.alert.oftenSubmit': string;
+    'materialAssignment.radio.option.attachment': string;
+    'materialAssignment.radio.option.url': string;
+    'materialAssignment.attachment.dropMessage': string;
+    'materialAssignment.attachment.maxSizeMessage': string;
+    'materialAssignment.attachment.button': string;
+    'materialAssignment.attachment.checkbox.onceSubmit': string;
+    'materialAssignment.input.invalid': string;
+};
+export declare const ko: typeof en;

package/cjs/components/material-assignment/locales.js

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const en = {
+  'materialAssignment.button.upload': 'Upload assignment',
+  'materialAssignment.error': 'Failed to fetch assignment',
+  'materialAssignment.status.noSubmitted': 'No submitted',
+  'materialAssignment.status.submitted': 'Submitted',
+  'materialAssignment.status.graded': 'Graded',
+  'materialAssignment.status.deadlineExpired': 'Deadline expired',
+  'materialAssignment.table.column.status': 'Status',
+  'materialAssignment.table.column.deadlineDatetime': 'Deadline datetime',
+  'materialAssignment.table.column.lastSubmitDatetime': 'Last submit datetime',
+  'materialAssignment.table.column.uploadedFile': 'Uploaded file',
+  'materialAssignment.table.column.assignmentScore': 'Assignment Score',
+  'materialAssignment.table.column.score': '{score}',
+  'materialAssignment.table.column.totalPoint': '/ {point} point',
+  'materialAssignment.table.header.index': 'Index',
+  'materialAssignment.table.header.feedback': 'Feedback',
+  'materialAssignment.table.empty.noAssignment': 'Grading has not been completed yet.',
+  'materialAssignment.table.empty.noFeedback': 'No feedback has been created.',
+  'materialAssignment.label.general': 'General',
+  'materialAssignment.label.feedback': 'Feedback',
+  'materialAssignment.description.general': 'You can view basic information related to the task.',
+  'materialAssignment.description.feedback': 'Check your feedback.',
+  'materialAssignment.notification.submit.success': 'Assignment has been submitted.',
+  'materialAssignment.notification.submit.failure': 'Error occurred while submitting assignment.',
+  'materialAssignment.notification.submit.cancel': 'The assignment submission has been canceled.',
+  'materialAssignment.modal.title': 'Upload assignment',
+  'materialAssignment.modal.button.submit': 'Submit',
+  'materialAssignment.modal.button.cancel': 'Cancel',
+  'materialAssignment.alert.onceSubmit': 'The number of submissions is limited to one. Please note that the assignment cannot be modified after submission.',
+  'materialAssignment.alert.oftenSubmit': 'You can modify and resubmit it before the deadline after submission.',
+  'materialAssignment.radio.option.attachment': 'Attachment',
+  'materialAssignment.radio.option.url': 'URL',
+  'materialAssignment.attachment.dropMessage': 'Add files with drag and drop.',
+  'materialAssignment.attachment.maxSizeMessage': 'Up to 300MB can be uploaded.',
+  'materialAssignment.attachment.button': 'Select file',
+  'materialAssignment.attachment.checkbox.onceSubmit': 'I have checked all the circumstances and agree to submit the assignment.',
+  'materialAssignment.input.invalid': 'The URL is not of a valid format.'
+};
+const ko = {
+  'materialAssignment.button.upload': '과제 업로드',
+  'materialAssignment.error': '과제를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.',
+  'materialAssignment.status.noSubmitted': '미제출',
+  'materialAssignment.status.submitted': '제출됨',
+  'materialAssignment.status.graded': '채점 완료',
+  'materialAssignment.status.deadlineExpired': '제출 기한 만료',
+  'materialAssignment.table.column.status': '상태',
+  'materialAssignment.table.column.deadlineDatetime': '과제 제출 기한',
+  'materialAssignment.table.column.lastSubmitDatetime': '제출 일시',
+  'materialAssignment.table.column.uploadedFile': '업로드한 과제',
+  'materialAssignment.table.column.assignmentScore': '과제 점수',
+  'materialAssignment.table.column.score': '{score}점',
+  'materialAssignment.table.column.totalPoint': '/ {point}점 만점',
+  'materialAssignment.table.header.index': '번호',
+  'materialAssignment.table.header.feedback': '피드백',
+  'materialAssignment.table.empty.noAssignment': '아직 채점이 완료되지 않았습니다.',
+  'materialAssignment.table.empty.noFeedback': '작성된 피드백이 없습니다.',
+  'materialAssignment.label.general': '기본 정보',
+  'materialAssignment.label.feedback': '피드백',
+  'materialAssignment.description.general': '과제와 관련된 기본 정보를 볼 수 있습니다.',
+  'materialAssignment.description.feedback': '선생님의 피드백을 확인해 보세요.',
+  'materialAssignment.notification.submit.success': '과제가 제출되었습니다.',
+  'materialAssignment.notification.submit.failure': '과제 제출 중 문제가 발생하였습니다.',
+  'materialAssignment.notification.submit.cancel': '과제 제출을 취소하였습니다.',
+  'materialAssignment.modal.title': '과제 업로드',
+  'materialAssignment.modal.button.submit': '저장',
+  'materialAssignment.modal.button.cancel': '취소',
+  'materialAssignment.alert.onceSubmit': '제출 횟수가 1회로 제한됩니다. 제출 후 과제 수정이 불가하니 유의해 주세요.',
+  'materialAssignment.alert.oftenSubmit': '제출 마감 기한 전까지 다시 제출할 수 있습니다.',
+  'materialAssignment.radio.option.attachment': '파일 업로드',
+  'materialAssignment.radio.option.url': 'URL 입력',
+  'materialAssignment.attachment.dropMessage': '드래그 앤 드롭으로 파일을 추가하세요.',
+  'materialAssignment.attachment.maxSizeMessage': '최대 300MB까지 업로드 가능합니다.',
+  'materialAssignment.attachment.button': '파일 선택',
+  'materialAssignment.attachment.checkbox.onceSubmit': '모든 상황을 확인했으며 과제 제출에 동의합니다.',
+  'materialAssignment.input.invalid': '올바른 형식의 URL이 아닙니다.'
+};
+
+exports.en = en;
+exports.ko = ko;

package/cjs/components/material-assignment-admin/MaterialAssignmentAdmin.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { enums } from '@elice/types';
+import type { MaterialAssignmentAdminApis } from './MaterialAssignmentAdminContent';
+export interface MaterialAssignmentAdminProps {
+    locale?: string;
+    className?: string;
+    materialAssignmentId: number;
+    userId: number;
+    adminUserId: number;
+    courseRole: enums.CourseRole;
+    updateMaterialUserBrowserResponse?: (userId: number) => void;
+}
+declare const MaterialAssignmentAdmin: React.ForwardRefExoticComponent<MaterialAssignmentAdminProps & React.RefAttributes<MaterialAssignmentAdminApis>>;
+export default MaterialAssignmentAdmin;

package/cjs/components/material-assignment-admin/MaterialAssignmentAdmin.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var React = require('react');
+var reactIntl = require('react-intl');
+var apiClient = require('@elice/api-client');
+var blocks = require('@elice/blocks');
+var materialSharedUtils = require('@elice/material-shared-utils');
+var types = require('@elice/types');
+var classnames = require('classnames');
+var MaterialAssignmentAdminContent = require('./MaterialAssignmentAdminContent.js');
+var MaterialAssignmentAdminContentTa = require('./MaterialAssignmentAdminContentTa.js');
+var MaterialAssignmentAdmin_styled = require('./MaterialAssignmentAdmin.styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const MaterialAssignmentAdmin = React.forwardRef(({
+  locale = 'en',
+  className,
+  materialAssignmentId,
+  userId,
+  adminUserId,
+  courseRole,
+  updateMaterialUserBrowserResponse
+}, ref) => {
+  const prefixCls = 'em-material-assignment-admin'; // TODO: initialize in custom hook or withMaterial hoc.
+
+  const isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  const isCourseRoleAboveTa = courseRole > types.enums.CourseRole.TA;
+
+  const renderContent = () => {
+    if (!isReady) {
+      return React__default["default"].createElement(blocks.Flex, {
+        align: "center",
+        justify: "center",
+        width: "100%",
+        height: "100%"
+      }, React__default["default"].createElement(blocks.Spinner, null));
+    }
+
+    return isCourseRoleAboveTa ? React__default["default"].createElement(MaterialAssignmentAdminContent, {
+      ref: ref,
+      userId: userId,
+      adminUserId: adminUserId,
+      materialAssignmentId: materialAssignmentId,
+      updateMaterialUserBrowserResponse: updateMaterialUserBrowserResponse
+    }) : React__default["default"].createElement(MaterialAssignmentAdminContentTa, {
+      userId: userId,
+      adminUserId: adminUserId,
+      materialAssignmentId: materialAssignmentId
+    });
+  };
+
+  return React__default["default"].createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminContainer, {
+    className: classnames__default["default"](prefixCls, className)
+  }, React__default["default"].createElement(reactIntl.IntlProvider, {
+    locale: locale,
+    defaultLocale: "en"
+  }, renderContent()));
+});
+
+module.exports = MaterialAssignmentAdmin;

package/cjs/components/material-assignment-admin/MaterialAssignmentAdmin.styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Text } from '@elice/blocks';
+export declare const StyledMaterialAssignmentAdminContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMaterialAssignmentAdminHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledMaterialAssignmentAdminHeaderCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMaterialAssignmentAdminGradeWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledMaterialAssignmentAdminTextareaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMaterialAssignmentAdminManualScoreEditButtonWrapper: import("styled-components").StyledComponent<"div", any, {
+    disabled: boolean;
+}, never>;
+export declare const StyledMaterialAssignmentAdminManualScoreEditButton: import("styled-components").StyledComponent<typeof Text, any, {
+    disabled: boolean;
+}, never>;

package/cjs/components/material-assignment-admin/MaterialAssignmentAdmin.styled.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var blocks = require('@elice/blocks');
+var designTokens = require('@elice/design-tokens');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledMaterialAssignmentAdminContainer = styled__default["default"].div.withConfig({
+  componentId: "sc-1czd3o6-0"
+})(["display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background-color:", ";"], designTokens.base.color.navy9);
+const StyledMaterialAssignmentAdminHeader = styled__default["default"](blocks.Flex).withConfig({
+  componentId: "sc-1czd3o6-1"
+})(["background-color:", ";"], designTokens.base.color.navy8);
+const StyledMaterialAssignmentAdminHeaderCell = styled__default["default"].div.withConfig({
+  componentId: "sc-1czd3o6-2"
+})(["display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:0 1.5rem;height:100%;border-right:1px solid ", ";&:last-of-type{border-right:none;}"], designTokens.base.color.gray6);
+const StyledMaterialAssignmentAdminGradeWrapper = styled__default["default"](blocks.Flex).withConfig({
+  componentId: "sc-1czd3o6-3"
+})(["background-color:", ";width:100%;padding:0 1.5rem;height:4.5rem;border:1px solid ", ";border-radius:0.5rem;"], designTokens.base.color.navy7, designTokens.base.color.navy6);
+const StyledMaterialAssignmentAdminTextareaWrapper = styled__default["default"].div.withConfig({
+  componentId: "sc-1czd3o6-4"
+})(["background-color:", ";"], designTokens.base.color.gray2);
+const StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = styled__default["default"].div.withConfig({
+  componentId: "sc-1czd3o6-5"
+})(["cursor:", ";opacity:", ";"], props => props.disabled ? 'not-allowed' : 'pointer', props => props.disabled ? 0.5 : 1);
+const StyledMaterialAssignmentAdminManualScoreEditButton = styled__default["default"](blocks.Text).withConfig({
+  componentId: "sc-1czd3o6-6"
+})(["pointer-events:", ";"], props => props.disabled ? 'none' : 'auto');
+
+exports.StyledMaterialAssignmentAdminContainer = StyledMaterialAssignmentAdminContainer;
+exports.StyledMaterialAssignmentAdminGradeWrapper = StyledMaterialAssignmentAdminGradeWrapper;
+exports.StyledMaterialAssignmentAdminHeader = StyledMaterialAssignmentAdminHeader;
+exports.StyledMaterialAssignmentAdminHeaderCell = StyledMaterialAssignmentAdminHeaderCell;
+exports.StyledMaterialAssignmentAdminManualScoreEditButton = StyledMaterialAssignmentAdminManualScoreEditButton;
+exports.StyledMaterialAssignmentAdminManualScoreEditButtonWrapper = StyledMaterialAssignmentAdminManualScoreEditButtonWrapper;
+exports.StyledMaterialAssignmentAdminTextareaWrapper = StyledMaterialAssignmentAdminTextareaWrapper;

package/cjs/components/material-assignment-admin/MaterialAssignmentAdminContent.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface MaterialAssignmentAdminApis {
+    refreshMaterialAssignment: () => void;
+}
+export interface MaterialAssignmentAdminContentProps {
+    materialAssignmentId: number;
+    userId: number;
+    adminUserId: number;
+    updateMaterialUserBrowserResponse?: (userId: number) => void;
+}
+declare const MaterialAssignmentAdminContent: React.ForwardRefExoticComponent<MaterialAssignmentAdminContentProps & React.RefAttributes<MaterialAssignmentAdminApis>>;
+export default MaterialAssignmentAdminContent;