27793448111

Committed 18 Jun 2026 10:33PM UTC coverage: 90.245% (+0.02%) from 90.221%

Build # 27793448111

Build Type

Pull #8008

github

Committed by

web-flow

Commit Message

Merge 815571fa1 into f55405f2c

Pull Request Pull Request #8008: WIP: feat: grades upload flow

Coverage Stats

1075 of 2288 branches covered (46.98%)

Branch coverage included in aggregate %.

172 of 177 new or added lines in 8 files covered. (97.18%)

56 existing lines in 3 files now uncovered.

46579 of 50517 relevant lines covered (92.2%)

126.17 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

83.33

/app/javascript/Components/Modals/assignment_grades_upload_modal.jsx

import React from "react";
import Modal from "react-modal";

class AssignmentGradesUploadModal extends React.Component {
  componentDidMount() {
    Modal.setAppElement("body");
  }

  authenticityToken() {
    return document.querySelector("meta[name='csrf-token']")?.content || "";
  }

  render() {
    return (
      <Modal
        className="react-modal markus-dialog"
        isOpen={this.props.isOpen}
        onRequestClose={this.props.onRequestClose}
      >
        <h2>
          {I18n.t("upload_the", {
            item: I18n.t("assignments.grades"),
          })}
        </h2>
        <form
          action={Routes.upload_grades_course_assignment_path(
            this.props.course_id,
            this.props.assignment_id
          )}
          encType="multipart/form-data"
          method="post"
        >
          <div className="modal-container-vertical">
            <input type="hidden" name="authenticity_token" value={this.authenticityToken()} />
            <p>
              <input type="file" name="upload_file" required={true} accept=".csv" />
            </p>
            <p>
              <label htmlFor="encoding">{I18n.t("encoding")}</label>
              <select id="encoding" name="encoding" defaultValue="UTF-8">
                {this.props.encodings.map(([label, value]) => (
                  <option key={value} value={value}>
                    {label}
                  </option>
                ))}
              </select>
            </p>
            <p>
              <label htmlFor="overwrite">
                <input type="checkbox" id="overwrite" name="overwrite" />{" "}
                {I18n.t("assignments.upload_grades.overwrite")}
              </label>
            </p>
            <section className="dialog-actions">
              <input
                type="submit"
                value={I18n.t("upload")}
                data-disable-with={I18n.t("uploading_please_wait")}
              />
              <input onClick={this.props.onRequestClose} type="reset" value={I18n.t("cancel")} />
            </section>
          </div>
        </form>
      </Modal>
    );
  }
}

export default AssignmentGradesUploadModal;

1	import React from "react";
2	import Modal from "react-modal";
3
4	class AssignmentGradesUploadModal extends React.Component {
5	componentDidMount() {
6	Modal.setAppElement("body");	12✔
7	}
8
9	authenticityToken() {
10	return document.querySelector("meta[name='csrf-token']")?.content \|\| "";	37✔
11	}
12
13	render() {
14	return (	37✔
15	<Modal
16	className="react-modal markus-dialog"
17	isOpen={this.props.isOpen}
18	onRequestClose={this.props.onRequestClose}
19	>
20	<h2>
21	{I18n.t("upload_the", {
22	item: I18n.t("assignments.grades"),
23	})}
24	</h2>
25	<form
26	action={Routes.upload_grades_course_assignment_path(
27	this.props.course_id,
28	this.props.assignment_id
29	)}
30	encType="multipart/form-data"
31	method="post"
32	>
33	<div className="modal-container-vertical">
34	<input type="hidden" name="authenticity_token" value={this.authenticityToken()} />
35	<p>
36	<input type="file" name="upload_file" required={true} accept=".csv" />
37	</p>
38	<p>
39	<label htmlFor="encoding">{I18n.t("encoding")}</label>
40	<select id="encoding" name="encoding" defaultValue="UTF-8">
41	{this.props.encodings.map(([label, value]) => (
NEW 42	<option key={value} value={value}>	×
43	{label}
44	</option>
45	))}
46	</select>
47	</p>
48	<p>
49	<label htmlFor="overwrite">
50	<input type="checkbox" id="overwrite" name="overwrite" />{" "}
51	{I18n.t("assignments.upload_grades.overwrite")}
52	</label>
53	</p>
54	<section className="dialog-actions">
55	<input
56	type="submit"
57	value={I18n.t("upload")}
58	data-disable-with={I18n.t("uploading_please_wait")}
59	/>
60	<input onClick={this.props.onRequestClose} type="reset" value={I18n.t("cancel")} />
61	</section>
62	</div>
63	</form>
64	</Modal>
65	);
66	}
67	}
68
69	export default AssignmentGradesUploadModal;

MarkUsProject / Markus / 27793448111

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous