[FC-0047] - Offline requirements for xblocks running

Table of Drag and Drop actions:

Action	Description	Screenshot
Click to item	Click to the Drag and Drop item: Event: `publish_event` is sent. Request URL: `http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event` Request Method: POST Payload: (Form Data) `{"event_type":"edx.drag_and_drop_v2.item.picked_up","item_id":0}` Response: `{"result": "success"}`
Click and move item	Click and move item to the Drag and Drop zone: 1. Event: `publish_event` is sent. Request URL: `http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event` Request Method: POST Payload: (Form Data) `{"event_type":"edx.drag_and_drop_v2.item.picked_up","item_id":0}` Response: `{"result": "success"}` 2. Event: `drop_item` is sent. Request URL: `http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/drop_item` Request Method: POST Payload: (Form Data) `{"val":0,"zone":"top"}` Response: { "correct": true, "grade": 0.4, "finished": false, "overall_feedback": [ { "message": "Drag the items onto the image above.", "message_class": "initial" } ], "feedback": [ { "message": "Correct! This one belongs to The Top Zone.", "message_class": null } ] } 3. Event: `publish_event` is sent. Request URL: `http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event` Request Method: POST Payload: (Form Data) `{"event_type":"edx.drag_and_drop_v2.feedback.opened","content":"Correct! This one belongs to The Top Zone.","truncated":false}` Response: `{"result": "success"}`
Close	Close Drag and Drop feedback message: Event: `publish_event` is sent. Request URL: `http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event` Request Method: POST Payload: (Form Data) `{"event_type":"edx.drag_and_drop_v2.feedback.closed","content":"Correct! This one belongs to The Bottom Zone.","manually":true,"truncated":false}` Response: `{"result": "success"}`	Close feedback message.
Chose incorrect	Incorrect answer: 1. Event: `publish_event` is sent. Request URL: `http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event` Request Method: POST Payload: (Form Data) `{"event_type":"edx.drag_and_drop_v2.item.picked_up","item_id":4}` Response: `{"result": "success"}` 2. Event: `drop_item` is sent. Request URL: `http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/drop_item` Request Method: POST Payload: (Form Data) `{"val":4,"zone":"middle"}` Response: { "correct": false, "grade": 0.6, "finished": false, "overall_feedback": [ { "message": "Drag the items onto the image above.", "message_class": "initial" } ], "feedback": [ { "message": "You silly, there are no zones for this one.", "message_class": null } ] } 3. Event: `publish_event` is sent. Request URL: `http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event` Request Method: POST Payload: (Form Data) `{"event_type":"edx.drag_and_drop_v2.feedback.opened","content":"You silly, there are no zones for this one.","truncated":false}` Response: `{"result": "success"}`	Incorrect answer.
Reset	Reset student answer: Event: `reset` is sent. Request URL: `http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/reset` Request Method: POST Payload: (Form Data) `{}` Response: { "items": {}, "finished": false, "attempts": 0, "grade": 1.0, "overall_feedback": [ { "message": "Drag the items onto the image above.", "message_class": "initial" } ] }
	Keyboard Help. Don’t need requests and responses from server.

Library content with offline mode.
The components from Library behave the same way as the components inherit from capa problem (Checkboxes, Multiple Choice, Numerical Input, Text Input etc.)
Implementation for text problem and video problem already exist.
Staff Graded Assignment actions table.

Action	Description	Screenshot
Upload assignment	Click to the 'Upload your assignment' button and upload file (picture, audio, video, pdf): Event: `upload_assignment` is sent. Request URL: `http://local.edly.io:8000/courses/course-v1:f+f+f/xblock/block-v1:f+f+f+type@edx_sga+block@6e0fd8e8cb3b41bfbe8dc10cba835f0c/handler/upload_assignment` Request Method: POST Payload: `------WebKitFormBoundaryeJ0dBLCR091snpxM Content-Disposition: form-data; name="assignment"; filename="smile_742751.png" Content-Type: image/png ------WebKitFormBoundaryeJ0dBLCR091snpxM--` Response: { "display_name": "Staff Graded Assignment", "uploaded": { "filename": "smile_742751.png" }, "annotated": null, "graded": null, "max_score": 100, "upload_allowed": true, "solution": "<p>Put your question or theme here</p>", "base_asset_url": "/asset-v1:f+f+f+type@asset+block@" }
Grade Submissions	Press `GRADE SUBMISSIONS` button (it works only for the staff or course instructor) Event: `get_staff_grading_data` is sent. Request URL: `http://local.edly.io:8000/courses/course-v1:f+f+f/xblock/block-v1:f+f+f+type@edx_sga+block@6e0fd8e8cb3b41bfbe8dc10cba835f0c/handler/get_staff_grading_data` Request Method: GET Preview: 0: {module_id: 64, student_id: "d7f90c9b193a3e02ddb7bd53ebcf2339",…} annotated: "" approved: false comment: "" filename: "smile_742751.png" finalized: false fullname: "" may_grade: true module_id: 64 needs_approval: false score: null student_id: "d7f90c9b193a3e02ddb7bd53ebcf2339" submission_id: "f99d6ea6-1b3f-4c7b-9ec0-d5dfc64f3f11" timestamp: "2024-05-16T09:05:13.228339" username: "kyrylo" display_name: "Staff Graded Assignment" max_score: 100 Response: { "assignments": [ { "module_id": 64, "student_id": "d7f90c9b193a3e02ddb7bd53ebcf2339", "submission_id": "f99d6ea6-1b3f-4c7b-9ec0-d5dfc64f3f11", "username": "kyrylo", "fullname": "", "filename": "smile_742751.png", "timestamp": "2024-05-16T09:05:13.228339", "score": null, "approved": false, "needs_approval": false, "may_grade": true, "annotated": "", "comment": "", "finalized": false } ], "max_score": 100, "display_name": "Staff Graded Assignment" }
Submit file	Submit uploaded file: Event: `finalize_uploaded_assignment` is sent. Request URL: `http://local.edly.io:8000/courses/course-v1:f+f+f/xblock/block-v1:f+f+f+type@edx_sga+block@6e0fd8e8cb3b41bfbe8dc10cba835f0c/handler/finalize_uploaded_assignment` Request Method: POST Payload: None Response: { "display_name": "Staff Graded Assignment", "uploaded": { "filename": "smile_742751.png" }, "annotated": null, "graded": null, "max_score": 100, "upload_allowed": false, "solution": "<p>Put your question or theme here</p>", "base_asset_url": "/asset-v1:f+f+f+type@asset+block@" }
Enter Grade	Enter Grade in staff modal window and submit: Event: `enter_grade` is sent. Request URL: `http://local.edly.io:8000/courses/course-v1:f+f+f/xblock/block-v1:f+f+f+type@edx_sga+block@6e0fd8e8cb3b41bfbe8dc10cba835f0c/handler/enter_grade` Request Method: POST Payload: module_id=65&submission_id=ed9dbcb2-8a3f-4463-b026-ab28f21c13fb&grade=88&comment=Grate+job! Response: { "assignments": [ { "module_id": 65, "student_id": "d7f90c9b193a3e02ddb7bd53ebcf2339", "submission_id": "ed9dbcb2-8a3f-4463-b026-ab28f21c13fb", "username": "kyrylo", "fullname": "", "filename": "smile_742751.png", "timestamp": "2024-05-16T09:28:19.683966", "score": 88, "approved": true, "needs_approval": false, "may_grade": true, "annotated": "", "comment": "Grate job!", "finalized": true } ], "max_score": 100, "display_name": "Staff Graded Assignment" }