WebFund 2024F: Tutorial 7 - Revision history

Soma: /* static/validator.js */

2024-11-07T22:00:14Z

static/validator.js

← Older revision		Revision as of 22:00, 7 November 2024
Line 395:		Line 395:
	//		//

	const filePrefix = "comp2406-~~tutorial6~~";		const filePrefix = "comp2406-tutorial7";
	const submissionName = "COMP 2406 2024F Tutorial 6"		const submissionName = "COMP 2406 2024F Tutorial 7"
	const expectedQuestionList = "1,2,3,4,5";		const expectedQuestionList = "1,2,3,4,5";
	var analysisSection;		var analysisSection;

Soma: /* Tasks */

2024-11-07T02:51:52Z

Tasks

← Older revision		Revision as of 02:51, 7 November 2024
Line 6:		Line 6:
	# Create a file that does not validate and attempt to upload it. What happens? Why?		# Create a file that does not validate and attempt to upload it. What happens? Why?
	# Are the validation and error messages the same as in Tutorial 6?		# Are the validation and error messages the same as in Tutorial 6?
			# Where is the database schema specified? In that schema, what is the type of Student ID?
			# Is it possible to upload an assignment with a non-numeric student ID? How do you know? Is this surprising?
	# Change the app so it accepts a field "Section: " at the top of of the assignment just after the Student ID. This section should be added to the output of the validation, the output after a submission is uploaded, and the submission listing. What files did you change? How did you change them?		# Change the app so it accepts a field "Section: " at the top of of the assignment just after the Student ID. This section should be added to the output of the validation, the output after a submission is uploaded, and the submission listing. What files did you change? How did you change them?

Soma: /* submitdemo.js */

2024-11-07T02:40:26Z

submitdemo.js

Show changes

Soma: /* static/index.html */

2024-11-07T02:39:57Z

static/index.html

← Older revision		Revision as of 02:39, 7 November 2024
Line 20:		Line 20:

	<syntaxhighlight lang="html" line>		<syntaxhighlight lang="html" line>
			<!DOCTYPE html>
			<html>
			<head>
			<title>COMP 2406 Submissions Demo</title>
			<link rel="stylesheet" href="/style.css">
			</head>
			<body>
			<h1>COMP 2406 Submissions Demo</h1>

			<p>Please select what you would like to do:
			<ol>
			<li><a href="/upload.html">Upload a submission.</a></li>
			<li><a href="/list.html">List submissions.</a></li>
			<li><a href="/analyze">Analyze submissions.</a></li>
			</ol>
			</p>
			</body>
			</html>
	</syntaxhighlight>		</syntaxhighlight>

Soma: /* static/upload.html */

2024-11-07T02:39:31Z

static/upload.html

@@ Line 26: / Line 26: @@
 <syntaxhighlight lang="html" line>
 </syntaxhighlight>
 ===static/validator.js===

Soma: /* static/validator.js */

2024-11-07T02:39:02Z

static/validator.js

Show changes

Soma: /* static/list.html */

2024-11-07T02:38:39Z

static/list.html

@@ Line 39: / Line 39: @@
 <syntaxhighlight lang="html" line>
+<!DOCTYPE html>
 </syntaxhighlight>

Soma: /* static/list.js */

2024-11-07T02:38:10Z

static/list.js

← Older revision		Revision as of 02:38, 7 November 2024
Line 45:		Line 45:

	<syntaxhighlight lang="javascript" line>		<syntaxhighlight lang="javascript" line>
			// SPDX-License-Identifier: GPL-3.0-or-later
			// Copyright (C) 2024 Anil Somayaji
			//
			// list.js, part of submitdemo
			// for COMP 2406 (Fall 2024), Carleton University
			//
			// Initial version: November 6, 2024
			//

			function insertTableData(tableData) {
			var t = document.querySelector("#table");
			var row = [];

			function rowMarkup(s) {
			return "<td>" + s + "</td>";
			}

			for (let r of tableData) {
			row.push("<tr>")
			row.push(rowMarkup(r.id));
			row.push(rowMarkup(r.studentID));
			row.push(rowMarkup(r.name));
			row.push(rowMarkup(r.q1));
			row.push(rowMarkup(r.q2));
			row.push(rowMarkup(r.q3));
			row.push(rowMarkup(r.q4));
			row.push(rowMarkup(r.q5));
			row.push("</tr>")
			}

			t.innerHTML = row.join("\n");
			}


			async function updateTable() {
			console.log("Updating Table...");

			try {
			const response = await fetch("/list");
			if (response.ok) {
			const tableData = await response.json();
			insertTableData(tableData);
			} else {
			console.error("Table loading error response: " + response.status);
			}
			} catch (error) {
			console.error("Table loading fetch error: " + error.message);
			}
			}

			updateTable().then(() => {console.log("Table updated!");});
	</syntaxhighlight>		</syntaxhighlight>

Soma: Created page with "In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/submitdemo.zip Submission Demo], which is an integration of the code from Tutorial 5 and Tutorial 6. ==Tasks== # Create a file that validates correctly and upload it. Then, check the listing and analysis pages: is your upload reflected there? # Create a file that does not validate and attempt to upload it. W..."

2024-11-07T02:37:44Z

Created page with "In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/submitdemo.zip Submission Demo], which is an integration of the code from Tutorial 5 and Tutorial 6. ==Tasks== # Create a file that validates correctly and upload it. Then, check the listing and analysis pages: is your upload reflected there? # Create a file that does not validate and attempt to upload it. W..."

New page

In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/submitdemo.zip Submission Demo], which is an integration of the code from [[WebFund 2024F: Tutorial 5|Tutorial 5]] and [[WebFund 2024F: Tutorial 6|Tutorial 6]].

==Tasks==

# Create a file that validates correctly and upload it. Then, check the listing and analysis pages: is your upload reflected there?
# Create a file that does not validate and attempt to upload it. What happens? Why?
# Are the validation and error messages the same as in Tutorial 6?
# Change the app so it accepts a field "Section: " at the top of of the assignment just after the Student ID. This section should be added to the output of the validation, the output after a submission is uploaded, and the submission listing. What files did you change? How did you change them?

==Code==

[https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/submitdemo.zip Code for Submission Demo]

===submitdemo.js===

<syntaxhighlight lang="javascript" line>
</syntaxhighlight>

===static/index.html===

<syntaxhighlight lang="html" line>

</syntaxhighlight>

===static/upload.html===

<syntaxhighlight lang="html" line>

</syntaxhighlight>

===static/validator.js===

<syntaxhighlight lang="javascript" line>
</syntaxhighlight>

===static/list.html===

<syntaxhighlight lang="html" line>

</syntaxhighlight>

===static/list.js===

<syntaxhighlight lang="javascript" line>
</syntaxhighlight>

===static/style.css===

<syntaxhighlight lang="css" line>
body {
padding: 50px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
color: #00B7FF;
}
</syntaxhighlight>