chore: initial app with mock data

Author: leangseu-edx

.eslintrc.js

@@ -1,4 +1,8 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 const { createConfig } = require('@edx/frontend-build');
 
-module.exports = createConfig('eslint');
+module.exports = createConfig('eslint', {
+  rules: {
+    'import/no-unresolved': 'off',
+  },
+});

package-lock.json

@@ -45,12 +45,15 @@
     "@fortawesome/react-fontawesome": "0.2.0",
     "core-js": "3.31.1",
     "prop-types": "15.8.1",
+    "query-string": "^8.1.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-redux": "7.2.9",
     "react-router": "5.3.4",
     "react-router-dom": "5.3.4",
     "redux": "4.2.1",
+    "redux-devtools-extension": "^2.13.9",
+    "redux-logger": "^3.0.6",
     "regenerator-runtime": "0.13.11"
   },
   "devDependencies": {

package.json

@@ -0,0 +1,45 @@
+import { StrictDict } from 'utils';
+// import { locationId } from 'data/constants/app';
+// import { paramKeys } from './constants';
+// import urls from './urls';
+// import {
+//   client,
+//   get,
+//   post,
+//   stringifyUrl,
+// } from './utils';
+import fakeData from './fakeData';
+
+/** *******************************************************************************
+ * GET Actions
+ ******************************************************************************** */
+
+/**
+ * get('/api/assessment', { blockId })
+ * @return {
+ *   title: (String) the display name
+ *   prompts: (Array) the prompts for a user to respond to
+ *      [ (HTML) a prompt for a user to respond to ]
+ *   base_asset_url: (URL) For when prompt has relative links for assets, need to
+ *       know where these are relative to, unless we have another way of inferring this
+ *   submission_config: (Object) How a student should be instructed to submit a response
+ *   ...
+ * }
+ */
+const fetchAssessment = () => Promise.resolve(fakeData.assessment.assessmentText);
+
+/** *******************************************************************************
+ * get('/api/submission', { blockId })
+ * @return {
+ *  team_info: (Object) Team info needed for team responses. Empty object for individual submissions
+ *  submission_status: (Object) Information about the submission status
+ *  submission: (Object) Submission information. Have structured to be the same between individual and
+ *       team submisisons as well as the object we use for submitting
+ * }
+ */
+const fetchSubmission = () => Promise.resolve(fakeData.submission.teamAssessment);
+
+export default StrictDict({
+  fetchAssessment,
+  fetchSubmission,
+});

src/data/services/lms/api.js

@@ -0,0 +1,124 @@
+/* eslint-disable camelcase */
+const submissionConfig = {
+  start_datetime: '2023-04-14T20:00:00Z',
+  end_datetime: '2023-04-14T20:00:00Z',
+  text_response_config: {
+    enabled: true,
+    optional: true,
+    // editor_type: (Enum) One of "text", "tinymce",
+    editor_type: 'text',
+    allow_latex_preview: true,
+  },
+  file_response_config: {
+    enabled: true,
+    optional: true,
+    file_upload_limit: 1,
+    allowed_extensions: ['pdf'],
+    blocked_extensions: ['exe'],
+    file_type_description: 'file type description',
+  },
+  teams_config: {
+    enabled: true,
+    teamset_name: 'teamset_name',
+  },
+};
+
+const leaderboardConfig = {
+  enabled: true,
+  number_of_entries: 1,
+};
+
+const rubricConfig = {
+  show_during_response: true,
+  feedback_config: {
+    description: 'Feedback description',
+    default_text: 'Default feedback text',
+  },
+  criteria: [
+    {
+      name: 'Criterion name',
+      description: 'Criterion description',
+      feedback_enabled: true,
+      feedback_required: true,
+      options: [
+        {
+          name: 'Option name',
+          points: 0,
+          description: 'Option description',
+        },
+      ],
+    },
+  ],
+};
+
+const assessmentSteps = {
+  order: ['practice', 'self', 'peer', 'staff'],
+  settings: {
+    peer: {
+      start_time: '2023-04-14T20:00:00Z',
+      end_time: '2023-04-14T20:00:00Z',
+      required: true,
+      // Additional fields per step
+      data: {
+        min_number_to_grade: 0,
+        min_number_to_be_graded_by: 0,
+        enable_flexible_grading: true,
+      },
+    },
+    staff: {
+      required: true,
+    },
+    self: {
+      start_time: '2023-04-14T20:00:00Z',
+      end_time: '2023-04-14T20:00:00Z',
+      required: true,
+    },
+    training: {
+      required: true,
+      data: {
+        examples: [
+          {
+            response: 'response',
+            criteria: [
+              {
+                name: 'criterion name',
+                feedback: 'feedback',
+              },
+            ],
+          },
+        ],
+      },
+    },
+  },
+};
+
+export const createAssessment = ({
+  title = 'Assessment title',
+  prompts = ['<h1>ORA Prompt</h1>', '<p>ORA Prompt</p>'],
+  base_asset_url = '/assets',
+  submission_config = submissionConfig,
+  assessment_steps = assessmentSteps,
+  rubric = rubricConfig,
+  leaderboard_config = leaderboardConfig,
+} = {}) => ({
+  title,
+  prompts,
+  base_asset_url,
+  submission_config,
+  assessment_steps,
+  rubric,
+  leaderboard_config,
+});
+
+export default {
+  assessmentText: createAssessment(),
+  assessmentTinyMCE: createAssessment({
+    submission_config: {
+      ...submissionConfig,
+      text_response_config: {
+        ...submissionConfig.text_response_config,
+        editor_type: 'tinymce',
+      },
+    },
+  }),
+};

src/data/services/lms/fakeData/assessment.js

@@ -0,0 +1,7 @@
+import assessment from './assessment';
+import submission from './submission';
+
+export default {
+  assessment,
+  submission,
+};