Expertiza_Wiki - User contributions [en]

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-08T20:34:02Z

Crkastri:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add extension functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the extension.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course extension below the course when selected.
* The extension will display a table that displays correct assignment information.
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment extension to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
** Also within this file are the icons used in the action section of the table. Below is an example of how an action icon is coded. As can be seen it sets up the image of the icon, the name that shows up when hovering over it in label and what happens when the icon is clicked in the handler which can be updated to navigate when all connected pages are setup.
{
icon: '/assets/icons/edit-temp.png',
label: 'Edit',
handler: (row: TRow<any>) => {
console.log('Edit assignment:', row.original);
},
className: 'text-primary'
}
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating. This was done because of errors in the api for creating assignments making it impossible to create assignments through the backend.

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the extension table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the manage extension on the navbar at the top of the screen and select courses.

[[File:Coursespage.png|900px]]

Now you have been navigated to the courses page which should be filled with mock data for the current implementation. Next you need to click on the arrow next to one of the courses to set the assignments connected to that course.

[[File:Course dropdown.png|900px]]

Here you should see mock data with lots of action links that don't currently connect to anything as the functionality is not fully set up for those pages.

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
** Test cases were focused on the table and the mock data contents to ensure that everything was generated correctly. Once the backend is setup testcases will have to be updated to use real data rather then mock.
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the extension and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end/tree/main2

Demo - https://www.youtube.com/watch?v=qjDWAT-fkHo

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-06T21:52:43Z

Crkastri: /* Automatic Testing */

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-06T21:50:39Z

Crkastri: /* Code Details */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add extension functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the extension.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course extension below the course when selected.
* The extension will display a table that displays correct assignment information.
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment extension to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
** Also within this file are the icons used in the action section of the table. Below is an example of how an action icon is coded. As can be seen it sets up the image of the icon, the name that shows up when hovering over it in label and what happens when the icon is clicked in the handler which can be updated to navigate when all connected pages are setup.
{
icon: '/assets/icons/edit-temp.png',
label: 'Edit',
handler: (row: TRow<any>) => {
console.log('Edit assignment:', row.original);
},
className: 'text-primary'
}
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating. This was done because of errors in the api for creating assignments making it impossible to create assignments through the backend.

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the extension table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the manage extension on the navbar at the top of the screen and select courses.

[[File:Coursespage.png|900px]]

Now you have been navigated to the courses page which should be filled with mock data for the current implementation. Next you need to click on the arrow next to one of the courses to set the assignments connected to that course.

[[File:Course dropdown.png|900px]]

Here you should see mock data with lots of action links that don't currently connect to anything as the functionality is not fully set up for those pages.

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the extension and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end/tree/main2

Demo - https://ncsu.zoom.us/rec/play/AqHHgrMKeDqIDly3-Nhx1GNcTjwinCHOC84S_f2Rs6KgdS1_pnmelO7cSMXHWPM2sPbH02pYv267pfBG.JuAtVUZrga7rtC79?canPlayFromShare=true&from=share_recording_detail&continueMode=true&componentName=rec-play&originRequestUrl=https%3A%2F%2Fncsu.zoom.us%2Frec%2Fshare%2Fq5cEuDvBMntos1EBYP80hDlXah3OtGGu3Brmf5TpL1JATcjriektD37xOGz8g5P3.ZReLhcjjBqKG5Dxy

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-06T21:45:29Z

Crkastri: /* Implementation */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add extension functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the extension.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course extension below the course when selected.
* The extension will display a table that displays correct assignment information.
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment extension to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
** Also within this file are the icons used in the action section of the table. Below is an example of how an action icon is coded. As can be seen it sets up the image of the icon, the name that shows up when hovering over it in label and what happens when the icon is clicked in the handler which can be updated to navigate when all connected pages are setup.
{
icon: '/assets/icons/edit-temp.png',
label: 'Edit',
handler: (row: TRow<any>) => {
console.log('Edit assignment:', row.original);
},
className: 'text-primary'
}
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating. This was done because of errors in the api for creating assignments making it impossible to create assignments through the backend.

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the extension table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the manage extension on the navbar at the top of the screen and select courses.

[[File:Coursespage.png|900px]]

Now you have been navigated to the courses page which should be filled with mock data for the current implementation. Next you need to click on the arrow next to one of the courses to set the assignments connected to that course.

[[File:Course dropdown.png|900px]]

Here you should see mock data with lots of action links that don't currently connect to anything as the functionality is not fully set up for those pages.

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the extension and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end/tree/main2

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-06T21:41:09Z

Crkastri:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add extension functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the extension.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course extension below the course when selected.
* The extension will display a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment extension to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating. This was done because of errors in the api for creating assignments making it impossible to create assignments through the backend.

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the extension table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the manage extension on the navbar at the top of the screen and select courses.

[[File:Coursespage.png|900px]]

Now you have been navigated to the courses page which should be filled with mock data for the current implementation. Next you need to click on the arrow next to one of the courses to set the assignments connected to that course.

[[File:Course dropdown.png|900px]]

Here you should see mock data with lots of action links that don't currently connect to anything as the functionality is not fully set up for those pages.

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the extension and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end/tree/main2

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-04T01:47:53Z

Crkastri: /* Code Details */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating. This was done because of errors in the api for creating assignments making it impossible to create assignments through the backend.

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the manage dropdown on the navbar at the top of the screen and select courses.

[[File:Coursespage.png|900px]]

Now you have been navigated to the courses page which should be filled with mock data for the current implementation. Next you need to click on the arrow next to one of the courses to set the assignments connected to that course.

[[File:Course dropdown.png|900px]]

Here you should see mock data with lots of action links that don't currently connect to anything as the functionality is not fully set up for those pages.

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end/tree/main2

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-04T01:47:12Z

Crkastri: /* Implementation */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating. This was done because of errors in the api for creating assignments making it impossible to create assignments through the backend.

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the manage dropdown on the navbar at the top of the screen and select courses.

[[File:Coursespage.png|900px]]

Now you have been navigated to the courses page which should be filled with mock data for the current implementation. Next you need to click on the arrow next to one of the courses to set the assignments connected to that course.

[[File:Course dropdown.png|900px]]

Here you should see mock data with lots of action links that don't currently connect to anything as the functionality is not fully set up for those pages.

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-04T01:45:37Z

Crkastri: /* Implementation */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the manage dropdown on the navbar at the top of the screen and select courses.

[[File:Coursespage.png|900px]]

Now you have been navigated to the courses page which should be filled with mock data for the current implementation. Next you need to click on the arrow next to one of the courses to set the assignments connected to that course.

[[File:Course dropdown.png|900px]]

Here you should see mock data with lots of action links that don't currently connect to anything as the functionality is not fully set up for those pages.

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-04T01:44:16Z

Crkastri: /* Manual Testing */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the manage dropdown on the navbar at the top of the screen and select courses.

[[File:Coursespage.png|900px]]

Now you have been navigated to the courses page which should be filled with mock data for the current implementation. Next you need to click on the arrow next to one of the courses to set the assignments connected to that course.

[[File:Course dropdown.png|900px]]

Here you should see mock data with lots of action links that don't currently connect to anything as the functionality is not fully set up for those pages.

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-04T01:44:06Z

Crkastri: /* Manual Testing */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]
Next click on the manage dropdown on the navbar at the top of the screen and select courses.
[[File:Coursespage.png|900px]]
Now you have been navigated to the courses page which should be filled with mock data for the current implementation. Next you need to click on the arrow next to one of the courses to set the assignments connected to that course.
[[File:Course dropdown.png|900px]]
Here you should see mock data with lots of action links that don't currently connect to anything as the functionality is not fully set up for those pages.

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-04T01:41:33Z

Crkastri: /* Manual Testing */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
[[File:Coursespage.png|900px]]
[[File:Course dropdown.png|900px]]

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

File:Course dropdown.png

2024-12-04T01:41:22Z

Crkastri:

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-04T01:39:05Z

Crkastri: /* Manual Testing */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
[[File:Coursespage.png|900px]]

=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-04T01:38:30Z

Crkastri: /* Testing */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
[[File:Coursespage.png]]
=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-04T01:38:13Z

Crkastri:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
[[File:Coursespage.jpg]]
=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

File:Coursespage.png

2024-12-04T01:37:35Z

Crkastri:

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-03T19:09:35Z

Crkastri: /* Test Plan */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Testing ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-03T19:09:13Z

Crkastri: /* Files Changed/Added */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]

The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-03T19:09:05Z

Crkastri: /* Files Changed/Added */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]
The main commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-03T19:08:49Z

Crkastri: /* Files Changed/Added */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};
The main commit for the dropdown table can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/7cbfa44d782c89f6e0435ab17d4fad5c6e222603]
and the commit for the creation of mock data can be seen here [https://github.com/expertiza/reimplementation-front-end/pull/76/commits/e6267e0ec1c92b78fc8655e5fc029f92c2df76a5]

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-03T19:06:50Z

Crkastri: /* Files Changed/Added */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating

*As mentioned some of the changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. With each of these assignments an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-03T19:05:53Z

Crkastri: /* Files Changed/Added */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already have been linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
===Files Changed/Added===
Views:
* src/pages/Courses/Course.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-55fc786b6294e0180282b184aeafade0ada3577c18e2996415d35c72e470fea3]
** Attach assignment dropdown to each course in the course view
** Includes mock data created temporarily.
* src/pages/Courses/CourseAssignments.tsx[https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-c1970c3eff818490434245291d06ecd57bc48ccd170bb41edf5113510e62c544]
** Create copy of assignments view table that displays assignment for a specific course.
* src/pages/Assignments/Assignment.tsx [https://github.com/expertiza/reimplementation-front-end/pull/76/files#diff-2745164331c07212bc6265967f9a56654fdc7d9c5936f5df0e6f72501da1c5d3]
** Creates mock data so we could view the table that we would be replicating
* src/pages/Submissions/SubmissionTable/SubmissionEntry.tsx
** Sets up a single entry for the submissions table and formats each column.
* src/pages/Submissions/SubmissionTable/SubmissionList.tsx
** Creates the submission table and retrieves columns from the submission entry and the data from submissionsView.

*Other changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. The only difference will be the data being filled in rather then the implementation below data will be created for the assignment name, coursename, creation date and updated date. With each of these an action section will have to be created as part of the table as well.

const generateFakeAssignments = () => {
const numAssignments = 3 + Math.floor(Math.random() * 3);
return Array.from({ length: numAssignments }, (_, idx) => ({
id: parseInt(`${courseId}${idx}`),
name: `Assignment ${idx + 1} for ${courseName}`,
courseName: courseName,
description: "This is a fake assignment",
created_at: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
updated_at: new Date().toISOString(),
}));
};

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-03T19:01:21Z

Crkastri: /* Implementation Plan */

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-03T18:56:52Z

Crkastri: /* Automatic Testing */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
*Other changes include the creahttps://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2491.UI_for_View_assignments_in_Courses_viewtion of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. The only difference will be the data being filled in rather then the implementation below data will be created for the assignment name, institution, creation date and updated date. With each of these an action section will have to be created as part of the table as well.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Courses/CourseAssignments.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the dropdown and table for the selected course correctly
|passed
|-
|2
|Renders assignments in the table correctly.
|passed
|-
|3
|Trigger edit and delete actions and ensure that mock functionality works correctly.
|passed
|}

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-12-03T18:50:26Z

Crkastri:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
*Other changes include the creahttps://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2491.UI_for_View_assignments_in_Courses_viewtion of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. The only difference will be the data being filled in rather then the implementation below data will be created for the assignment name, institution, creation date and updated date. With each of these an action section will have to be created as part of the table as well.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.

Core Tests:
* Tests for the dropdown component in the courses list view to verify that is view opens and closes successfully.
* Tests for the assignment display component to verify that the correct data is displayed in the proper formatting.
* Tests that verify the action items correctly perform their expected actions upon click

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions

2024-12-03T18:49:25Z

Crkastri: /* Code Details */

This page contains information about Expertiza Issue E2467. UI for View Submissions which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Background ==
Expertiza is an open source project based on Ruby on Rails framework. Using this program instructors can create and mange assignments. It also allows the instructor to create a list of topics the students can sign up for. Students can form teams in Expertiza to work on their projects and assignments together. After submission has been closed students can be allowed access to other teams submissions so they can peer review. Expertiza is currently being reimplemented with the frontend being remade in typescript and the backend being updated to improve usability and efficiency.

== Requirements ==
* Create an updated version of the view submissions page and history page which were previously made with ruby in typescript using react.
* Make sure that all links that were in the previous view direct to the correct view even if that view doesn't exist yet.
* Create extensive test cases for the new views.

== Implementation ==

Main files which were added/edited are

Views:
* src/pages/Submissions/SubmissionHistoryView.tsx
** Table of file or link submissions for the chosen assignment.
** Includes mock data created temporarily.
* src/pages/Submissions/SubmissionView.tsx
** Update name and other small features to be in line with rest of changes.
* src/pages/Submissions/SubmissionsView.tsx
** Creates mock data and formats it which will be retrieved by other views.
* src/pages/Submissions/SubmissionTable/SubmissionEntry.tsx
** Sets up a single entry for the submissions table and formats each column.
* src/pages/Submissions/SubmissionTable/SubmissionList.tsx
** Creates the submission table and retrieves columns from the submission entry and the data from submissionsView.
Misc:
*src/App.tsx
** Updated names and added or removed imports.
Details:
* For the submission list rather than having a long list that goes down the whole page we have instead implemented a paginator. This was done too have a more organized view that uses an already created react component to allow for easier customization and changes.
* The main commit for the submission view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/34ff5836b467fc7ae719313ac4c969641961b72f]
* The main commit for the history view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/64975a8f6d1b83819692a639c3477cb17251318d]
* Since backend for submissions and history is not yet implemented in the reimplementation dummy data was used to test the functionality of the code. This is an example of how the mock data was created.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==

=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the assignments button on the navbar at the top of the screen.
[[File:Crkastrihomepage.png|900px]]

Now you have been navigated to the submissions view which shows all submissions along with who they were assigned to and other information about each submission. This area should be filled with the mock data that was created.

[[File:Updatedsubmissionsview.png|900px]]

Finally you can click on the history link for any of the submissions to be navigated to the file upload history for that submission which should be currently filled with mock data.
[[File:Updatedsubmissionhistoryview.png|900px]]

=== Automated Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Submissions/SubmissionHistoryView.test.tsx - 5 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Receives correct submission ID from URL parameters
|passed
|-
|2
|Renders "submission record" title on the page
|passed
|-
|3
|Renders correct table headers
|passed
|-
|4
|Displays mock data correctly
|passed
|-
|5
|Renders correct number or rows based on the mock data
|passed
|}
* src/pages/Submissions/SubmissionsView.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the correct title and filter
|passed
|-
|2
|Filters submissions based on selected assignment
|passed
|-
|3
|Shows all submissions when no filter is applied
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionEntry.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Displays the correct team name
|passed
|-
|2
|Calls onGradeClick when the grade button is clicked
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionList.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders submission entries correctly based on mock data
|passed
|-
|2
|Table correctly sorts the submissions by team name
|passed
|}

== Future Scope ==
# Once backend of submissions is implemented create api calls to retrieve data rather and remove mock data temporary solution.
# Create other views that are connected to this page such as view reviews, assign grade and student view.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/57

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions

2024-12-03T18:49:01Z

Crkastri: /* Code Details */

This page contains information about Expertiza Issue E2467. UI for View Submissions which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Background ==
Expertiza is an open source project based on Ruby on Rails framework. Using this program instructors can create and mange assignments. It also allows the instructor to create a list of topics the students can sign up for. Students can form teams in Expertiza to work on their projects and assignments together. After submission has been closed students can be allowed access to other teams submissions so they can peer review. Expertiza is currently being reimplemented with the frontend being remade in typescript and the backend being updated to improve usability and efficiency.

== Requirements ==
* Create an updated version of the view submissions page and history page which were previously made with ruby in typescript using react.
* Make sure that all links that were in the previous view direct to the correct view even if that view doesn't exist yet.
* Create extensive test cases for the new views.

== Implementation ==

Main files which were added/edited are

Views:
* src/pages/Submissions/SubmissionHistoryView.tsx
** Table of file or link submissions for the chosen assignment.
** Includes mock data created temporarily.
* src/pages/Submissions/SubmissionView.tsx
** Update name and other small features to be in line with rest of changes.
* src/pages/Submissions/SubmissionsView.tsx
** Creates mock data and formats it which will be retrieved by other views.
* src/pages/Submissions/SubmissionTable/SubmissionEntry.tsx
** Sets up a single entry for the submissions table and formats each column.
* src/pages/Submissions/SubmissionTable/SubmissionList.tsx
** Creates the submission table and retrieves columns from the submission entry and the data from submissionsView.
Misc:
*src/App.tsx
** Updated names and added or removed imports.
Details:
* For the submission list rather than having a long list that goes down the whole page we have instead implemented a paginator. This was done too have a more organized view that uses an already created react component to allow for easier customization and changes.
* The main commit for the submission view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/34ff5836b467fc7ae719313ac4c969641961b72f]
* The main commit for the history view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/64975a8f6d1b83819692a639c3477cb17251318d]
* Since backend for submissions and history is not yet implemented in the reimplementation dummy data was used to test the functionality of the code. This is an example of how the mock data was created.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==

=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the assignments button on the navbar at the top of the screen.
[[File:Crkastrihomepage.png|900px]]

Now you have been navigated to the submissions view which shows all submissions along with who they were assigned to and other information about each submission. This area should be filled with the mock data that was created.

[[File:Updatedsubmissionsview.png|900px]]

Finally you can click on the history link for any of the submissions to be navigated to the file upload history for that submission which should be currently filled with mock data.
[[File:Updatedsubmissionhistoryview.png|900px]]

=== Automated Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Submissions/SubmissionHistoryView.test.tsx - 5 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Receives correct submission ID from URL parameters
|passed
|-
|2
|Renders "submission record" title on the page
|passed
|-
|3
|Renders correct table headers
|passed
|-
|4
|Displays mock data correctly
|passed
|-
|5
|Renders correct number or rows based on the mock data
|passed
|}
* src/pages/Submissions/SubmissionsView.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the correct title and filter
|passed
|-
|2
|Filters submissions based on selected assignment
|passed
|-
|3
|Shows all submissions when no filter is applied
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionEntry.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Displays the correct team name
|passed
|-
|2
|Calls onGradeClick when the grade button is clicked
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionList.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders submission entries correctly based on mock data
|passed
|-
|2
|Table correctly sorts the submissions by team name
|passed
|}

== Future Scope ==
# Once backend of submissions is implemented create api calls to retrieve data rather and remove mock data temporary solution.
# Create other views that are connected to this page such as view reviews, assign grade and student view.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/76

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions

2024-11-14T23:36:59Z

Crkastri:

File:Updatedsubmissionsview.png

2024-11-14T23:36:54Z

Crkastri:

CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions

2024-11-14T23:36:21Z

Crkastri:

This page contains information about Expertiza Issue E2467. UI for View Submissions which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Background ==
Expertiza is an open source project based on Ruby on Rails framework. Using this program instructors can create and mange assignments. It also allows the instructor to create a list of topics the students can sign up for. Students can form teams in Expertiza to work on their projects and assignments together. After submission has been closed students can be allowed access to other teams submissions so they can peer review. Expertiza is currently being reimplemented with the frontend being remade in typescript and the backend being updated to improve usability and efficiency.

== Requirements ==
* Create an updated version of the view submissions page and history page which were previously made with ruby in typescript using react.
* Make sure that all links that were in the previous view direct to the correct view even if that view doesn't exist yet.
* Create extensive test cases for the new views.

== Implementation ==

Main files which were added/edited are

Views:
* src/pages/Submissions/SubmissionHistoryView.tsx
** Table of file or link submissions for the chosen assignment.
** Includes mock data created temporarily.
* src/pages/Submissions/SubmissionView.tsx
** Update name and other small features to be in line with rest of changes.
* src/pages/Submissions/SubmissionsView.tsx
** Creates mock data and formats it which will be retrieved by other views.
* src/pages/Submissions/SubmissionTable/SubmissionEntry.tsx
** Sets up a single entry for the submissions table and formats each column.
* src/pages/Submissions/SubmissionTable/SubmissionList.tsx
** Creates the submission table and retrieves columns from the submission entry and the data from submissionsView.
Misc:
*src/App.tsx
** Updated names and added or removed imports.
Details:
* For the submission list rather than having a long list that goes down the whole page we have instead implemented a paginator. This was done too have a more organized view that uses an already created react component to allow for easier customization and changes.
* The main commit for the submission view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/34ff5836b467fc7ae719313ac4c969641961b72f]
* The main commit for the history view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/64975a8f6d1b83819692a639c3477cb17251318d]
* Since backend for submissions and history is not yet implemented in the reimplementation dummy data was used to test the functionality of the code. This is an example of how the mock data was created.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==

=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the assignments button on the navbar at the top of the screen.
[[File:Crkastrihomepage.png|900px]]

Now you have been navigated to the submissions view which shows all submissions along with who they were assigned to and other information about each submission. This area should be filled with the mock data that was created.

[[File:Updatedsubmissionhistoryview.png|900px]]

Finally you can click on the history link for any of the submissions to be navigated to the file upload history for that submission which should be currently filled with mock data.
[[File:Historypage.png|900px]]

=== Automated Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Submissions/SubmissionHistoryView.test.tsx - 5 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Receives correct submission ID from URL parameters
|passed
|-
|2
|Renders "submission record" title on the page
|passed
|-
|3
|Renders correct table headers
|passed
|-
|4
|Displays mock data correctly
|passed
|-
|5
|Renders correct number or rows based on the mock data
|passed
|}
* src/pages/Submissions/SubmissionsView.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the correct title and filter
|passed
|-
|2
|Filters submissions based on selected assignment
|passed
|-
|3
|Shows all submissions when no filter is applied
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionEntry.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Displays the correct team name
|passed
|-
|2
|Calls onGradeClick when the grade button is clicked
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionList.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders submission entries correctly based on mock data
|passed
|-
|2
|Table correctly sorts the submissions by team name
|passed
|}

== Future Scope ==
# Once backend of submissions is implemented create api calls to retrieve data rather and remove mock data temporary solution.
# Create other views that are connected to this page such as view reviews, assign grade and student view.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/57

Repo - https://github.com/masonhorne/reimplementation-front-end

File:Updatedsubmissionhistoryview.png

2024-11-14T23:35:52Z

Crkastri:

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T16:12:23Z

Crkastri: /* Automatic Testing */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
*Other changes include the creahttps://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2491.UI_for_View_assignments_in_Courses_viewtion of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. The only difference will be the data being filled in rather then the implementation below data will be created for the assignment name, institution, creation date and updated date. With each of these an action section will have to be created as part of the table as well.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T16:12:09Z

Crkastri:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
*Other changes include the creahttps://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2491.UI_for_View_assignments_in_Courses_viewtion of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. The only difference will be the data being filled in rather then the implementation below data will be created for the assignment name, institution, creation date and updated date. With each of these an action section will have to be created as part of the table as well.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.
== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T16:10:31Z

Crkastri:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
*Other changes include the creahttps://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2491.UI_for_View_assignments_in_Courses_viewtion of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.
== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T16:10:16Z

Crkastri:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
*Other changes include the creahttps://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2491.UI_for_View_assignments_in_Courses_viewtion of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.
== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T16:10:06Z

Crkastri: /* Implementation Plan */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
*Other changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below.
const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.
== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T16:08:30Z

Crkastri: /* Requirements */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
*Other changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly.

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.
== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T16:08:04Z

Crkastri: /* Implementation Plan */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
*Other changes include the creation of mock data in order to test the table to ensure data is being formatted and displayed correctly.

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.
== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T16:07:05Z

Crkastri: /* Implementation Plan */

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
*Other changes include

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.
== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T16:06:55Z

Crkastri:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|900px]]
*Other changes include
== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.
== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

File:ViewAssignments.png

2024-11-12T16:06:49Z

Crkastri:

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T16:02:54Z

Crkastri:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on.
*Other changes include
== Test Plan
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.
== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-12T15:51:16Z

Crkastri: Created page with "This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024. Please see below for a description of the design of the project. == Requirements == * Create an updated version of the view assignments page that is connected to the courses view. * Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project CSC/..."

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Requirements ==
* Create an updated version of the view assignments page that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new views.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/57

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024

2024-11-12T15:45:42Z

Crkastri:

* [[CSC/ECE 517 Fall 2024 - E2450. Refactor assignments_controller.rb]]
* [[CSC/ECE 517 Fall 2024 - E2451. Reimplement feedback_response_map.rb]]
* [[CSC/ECE 517 Fall 2024 - E2452. Refactor review_mapping_controller.rb]]
* [[CSC/ECE 517 Fall 2024 - E2453. Refactor review_mapping_helper.rb]]
* [[CSC/ECE 517 Fall 2024 - E2454. Refactor student_task.rb]]
* [[CSC/ECE 517 Fall 2024 - E2455. Refactor sign_up_sheet_controller.rb]]
* [[CSC/ECE 517 Fall 2024 - E2456. Refactor teams_user.rb]]
* [[CSC/ECE 517 Fall 2024 - E2456. Refactor teams_user.rb (Phase 2 - Design Document)]]
* [[CSC/ECE 517 Fall 2024 - E2458. User management and users table]]
* [[CSC/ECE 517 Fall 2024 - E2459. View for results of bidding]]
* [[CSC/ECE 517 Fall 2024 - E2460 Mentor-Meeting Management]]
* [[CSC/ECE 517 Fall 2024 - E2461. UI for Courses]]
* [https://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2462._UI_for_Questionnaires CSC/ECE 517 Fall 2024 - E2462. UI for Questionnaire.rb]
* [https://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2463_Implement_Front_End_for_Student_Task_List CSC/ECE 517 Fall 2024 - E2463. UI for Student Task List]
* [[CSC/ECE 517 Fall 2024 - E2464 UI for Project Topics (was: Sign_up_Topics)]]
* [[CSC/ECE 517 Fall 2024 - E2465. UI for Institutions and Notification]]
* [[CSC/ECE 517 Fall 2024 - E2466. UI for Impersonate User]]
* [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* [[CSC/ECE 517 Fall 2024 - E2468. Reimplement due_date]]
* [[CSC/ECE 517 Fall 2024 - E2469. Reimplement grades/view_team]]
* [[CSC/ECE 517 Fall 2024 - E2470. Reimplement grades_controller]]
* [[CSC/ECE 517 Fall 2024 - E2471. Reimplement logger]]
* [[CSC/ECE 517 Fall 2024 - E2472. Reimplement responses_controller.rb]]
* [[CSC/ECE 517 Fall 2024 - E2474. Reimplement student_quizzes_controller.rb]]
* [[CSC/ECE 517 Fall 2024 - E2475. Reimplement student_task view]]
* [[CSC/ECE 517 Fall 2024 - E2476. Reimplement student_teams_controller.rb]]
* [[CSC/ECE 517 Fall 2024 - E2478. Reimplement the Question hierarchy as Item hierarchy]]
* [[CSC/ECE 517 Fall 2024 - E2479. Reimplement teams_users_controller.rb]]
* [[CSC/ECE 517 Fall 2024 - E2480. Implement testing for new Bookmarks Controller]]
* [[CSC/ECE 517 Fall 2024 - E2481 Reimplement response_map.rb]]
* [[CSC/ECE 517 Fall 2024 - E2482. Reimplement heatgrid for reviews]]
* [[CSC/ECE 517 Fall 2024 - E2483. Reimplement Notification Controller and Model]]
* [[CSC/ECE 517 Fall 2024 - E2484. Reimplement participants_controller.rb]]
* [[CSC/ECE 517 Fall 2024 - E2485. Allow reviewers to bid on what to review]]
* [[CSC/ECE 517 Fall 2024 - E2487. Reimplement authorization_helper.rb]]
* [[CSC/ECE 517 Fall 2024 - E2492. UI for View submissions/assign grades (except heatgrid)]]
* [[CSC/ECE 517 Fall 2024 - E2493. UI for Assign Reviewers]]
* [[CSC/ECE 517 Fall 2024 - G2401 Refactor Graphql API endpoint for contribution metrics]]
* [[CSC/ECE 517 Fall 2024 - G2402 Refactor Graphql API endpoint for repositories]]
* [[CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view]]

CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions

2024-11-03T20:36:13Z

Crkastri: /* Implementation */

This page contains information about Expertiza Issue E2467. UI for View Submissions which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Background ==
Expertiza is an open source project based on Ruby on Rails framework. Using this program instructors can create and mange assignments. It also allows the instructor to create a list of topics the students can sign up for. Students can form teams in Expertiza to work on their projects and assignments together. After submission has been closed students can be allowed access to other teams submissions so they can peer review. Expertiza is currently being reimplemented with the frontend being remade in typescript and the backend being updated to improve usability and efficiency.

== Requirements ==
* Create an updated version of the view submissions page and history page which were previously made with ruby in typescript using react.
* Make sure that all links that were in the previous view direct to the correct view even if that view doesn't exist yet.
* Create extensive test cases for the new views.

== Implementation ==

Main files which were added/edited are

Views:
* src/pages/Submissions/SubmissionHistoryView.tsx
** Table of file or link submissions for the chosen assignment.
** Includes mock data created temporarily.
* src/pages/Submissions/SubmissionView.tsx
** Update name and other small features to be in line with rest of changes.
* src/pages/Submissions/SubmissionsView.tsx
** Creates mock data and formats it which will be retrieved by other views.
* src/pages/Submissions/SubmissionTable/SubmissionEntry.tsx
** Sets up a single entry for the submissions table and formats each column.
* src/pages/Submissions/SubmissionTable/SubmissionList.tsx
** Creates the submission table and retrieves columns from the submission entry and the data from submissionsView.
Misc:
*src/App.tsx
** Updated names and added or removed imports.
Details:
* For the submission list rather than having a long list that goes down the whole page we have instead implemented a paginator. This was done too have a more organized view that uses an already created react component to allow for easier customization and changes.
* The main commit for the submission view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/34ff5836b467fc7ae719313ac4c969641961b72f]
* The main commit for the history view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/64975a8f6d1b83819692a639c3477cb17251318d]
* Since backend for submissions and history is not yet implemented in the reimplementation dummy data was used to test the functionality of the code. This is an example of how the mock data was created.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==

=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the assignments button on the navbar at the top of the screen.
[[File:Crkastrihomepage.png|900px]]

Now you have been navigated to the submissions view which shows all submissions along with who they were assigned to and other information about each submission. This area should be filled with the mock data that was created.

[[File:Submissionpage.png|900px]]

Finally you can click on the history link for any of the submissions to be navigated to the file upload history for that submission which should be currently filled with mock data.
[[File:Historypage.png|900px]]

=== Automated Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Submissions/SubmissionHistoryView.test.tsx - 5 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Receives correct submission ID from URL parameters
|passed
|-
|2
|Renders "submission record" title on the page
|passed
|-
|3
|Renders correct table headers
|passed
|-
|4
|Displays mock data correctly
|passed
|-
|5
|Renders correct number or rows based on the mock data
|passed
|}
* src/pages/Submissions/SubmissionsView.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the correct title and filter
|passed
|-
|2
|Filters submissions based on selected assignment
|passed
|-
|3
|Shows all submissions when no filter is applied
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionEntry.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Displays the correct team name
|passed
|-
|2
|Calls onGradeClick when the grade button is clicked
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionList.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders submission entries correctly based on mock data
|passed
|-
|2
|Table correctly sorts the submissions by team name
|passed
|}

== Future Scope ==
# Once backend of submissions is implemented create api calls to retrieve data rather and remove mock data temporary solution.
# Create other views that are connected to this page such as view reviews, assign grade and student view.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/57

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions

2024-11-03T20:35:12Z

Crkastri: /* Implementation */

This page contains information about Expertiza Issue E2467. UI for View Submissions which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Background ==
Expertiza is an open source project based on Ruby on Rails framework. Using this program instructors can create and mange assignments. It also allows the instructor to create a list of topics the students can sign up for. Students can form teams in Expertiza to work on their projects and assignments together. After submission has been closed students can be allowed access to other teams submissions so they can peer review. Expertiza is currently being reimplemented with the frontend being remade in typescript and the backend being updated to improve usability and efficiency.

== Requirements ==
* Create an updated version of the view submissions page and history page which were previously made with ruby in typescript using react.
* Make sure that all links that were in the previous view direct to the correct view even if that view doesn't exist yet.
* Create extensive test cases for the new views.

== Implementation ==

Main files which were added/edited are

Views:
* src/pages/Submissions/SubmissionHistoryView.tsx
** Table of file or link submissions for the chosen assignment.
** Includes mock data created temporarily.
* src/pages/Submissions/SubmissionView.tsx
** Update name and other small features to be in line with rest of changes.
* src/pages/Submissions/SubmissionsView.tsx
** Creates mock data and formats it which will be retrieved by other views.
* src/pages/Submissions/SubmissionTable/SubmissionEntry.tsx
** Sets up a single entry for the submissions table and formats each column.
* src/pages/Submissions/SubmissionTable/SubmissionList.tsx
** Creates the submission table and retrieves columns from the submission entry and the data from submissionsView.
Misc:
*src/App.tsx

Details:
* For the submission list rather than having a long list that goes down the whole page we have instead implemented a paginator. This was done too have a more organized view that uses an already created react component to allow for easier customization and changes.
* The main commit for the submission view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/34ff5836b467fc7ae719313ac4c969641961b72f]
* The main commit for the history view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/64975a8f6d1b83819692a639c3477cb17251318d]
* Since backend for submissions and history is not yet implemented in the reimplementation dummy data was used to test the functionality of the code. This is an example of how the mock data was created.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==

=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the assignments button on the navbar at the top of the screen.
[[File:Crkastrihomepage.png|900px]]

Now you have been navigated to the submissions view which shows all submissions along with who they were assigned to and other information about each submission. This area should be filled with the mock data that was created.

[[File:Submissionpage.png|900px]]

Finally you can click on the history link for any of the submissions to be navigated to the file upload history for that submission which should be currently filled with mock data.
[[File:Historypage.png|900px]]

=== Automated Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Submissions/SubmissionHistoryView.test.tsx - 5 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Receives correct submission ID from URL parameters
|passed
|-
|2
|Renders "submission record" title on the page
|passed
|-
|3
|Renders correct table headers
|passed
|-
|4
|Displays mock data correctly
|passed
|-
|5
|Renders correct number or rows based on the mock data
|passed
|}
* src/pages/Submissions/SubmissionsView.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the correct title and filter
|passed
|-
|2
|Filters submissions based on selected assignment
|passed
|-
|3
|Shows all submissions when no filter is applied
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionEntry.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Displays the correct team name
|passed
|-
|2
|Calls onGradeClick when the grade button is clicked
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionList.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders submission entries correctly based on mock data
|passed
|-
|2
|Table correctly sorts the submissions by team name
|passed
|}

== Future Scope ==
# Once backend of submissions is implemented create api calls to retrieve data rather and remove mock data temporary solution.
# Create other views that are connected to this page such as view reviews, assign grade and student view.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/57

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions

2024-11-03T20:22:22Z

Crkastri: /* Implementation */

This page contains information about Expertiza Issue E2467. UI for View Submissions which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Background ==
Expertiza is an open source project based on Ruby on Rails framework. Using this program instructors can create and mange assignments. It also allows the instructor to create a list of topics the students can sign up for. Students can form teams in Expertiza to work on their projects and assignments together. After submission has been closed students can be allowed access to other teams submissions so they can peer review. Expertiza is currently being reimplemented with the frontend being remade in typescript and the backend being updated to improve usability and efficiency.

== Requirements ==
* Create an updated version of the view submissions page and history page which were previously made with ruby in typescript using react.
* Make sure that all links that were in the previous view direct to the correct view even if that view doesn't exist yet.
* Create extensive test cases for the new views.

== Implementation ==

Main files which were added/edited are

Views:
* src/pages/Submissions/SubmissionHistoryView.tsx
** test
* src/pages/Submissions/SubmissionView.tsx
* src/pages/Submissions/SubmissionsView.tsx
* src/pages/Submissions/SubmissionTable/SubmissionEntry.tsx
* src/pages/Submissions/SubmissionTable/SubmissionList.tsx
Misc:
*src/App.tsx

Details:
* For the submission list rather than having a long list that goes down the whole page we have instead implemented a paginator. This was done too have a more organized view that uses an already created react component to allow for easier customization and changes.
* The main commit for the submission view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/34ff5836b467fc7ae719313ac4c969641961b72f]
* The main commit for the history view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/64975a8f6d1b83819692a639c3477cb17251318d]
* Since backend for submissions and history is not yet implemented in the reimplementation dummy data was used to test the functionality of the code. This is an example of how the mock data was created.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==

=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the assignments button on the navbar at the top of the screen.
[[File:Crkastrihomepage.png|900px]]

Now you have been navigated to the submissions view which shows all submissions along with who they were assigned to and other information about each submission. This area should be filled with the mock data that was created.

[[File:Submissionpage.png|900px]]

Finally you can click on the history link for any of the submissions to be navigated to the file upload history for that submission which should be currently filled with mock data.
[[File:Historypage.png|900px]]

=== Automated Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Submissions/SubmissionHistoryView.test.tsx - 5 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Receives correct submission ID from URL parameters
|passed
|-
|2
|Renders "submission record" title on the page
|passed
|-
|3
|Renders correct table headers
|passed
|-
|4
|Displays mock data correctly
|passed
|-
|5
|Renders correct number or rows based on the mock data
|passed
|}
* src/pages/Submissions/SubmissionsView.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the correct title and filter
|passed
|-
|2
|Filters submissions based on selected assignment
|passed
|-
|3
|Shows all submissions when no filter is applied
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionEntry.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Displays the correct team name
|passed
|-
|2
|Calls onGradeClick when the grade button is clicked
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionList.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders submission entries correctly based on mock data
|passed
|-
|2
|Table correctly sorts the submissions by team name
|passed
|}

== Future Scope ==
# Once backend of submissions is implemented create api calls to retrieve data rather and remove mock data temporary solution.
# Create other views that are connected to this page such as view reviews, assign grade and student view.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/57

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions

2024-11-03T20:22:16Z

Crkastri: /* Implementation */

This page contains information about Expertiza Issue E2467. UI for View Submissions which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Background ==
Expertiza is an open source project based on Ruby on Rails framework. Using this program instructors can create and mange assignments. It also allows the instructor to create a list of topics the students can sign up for. Students can form teams in Expertiza to work on their projects and assignments together. After submission has been closed students can be allowed access to other teams submissions so they can peer review. Expertiza is currently being reimplemented with the frontend being remade in typescript and the backend being updated to improve usability and efficiency.

== Requirements ==
* Create an updated version of the view submissions page and history page which were previously made with ruby in typescript using react.
* Make sure that all links that were in the previous view direct to the correct view even if that view doesn't exist yet.
* Create extensive test cases for the new views.

== Implementation ==

Main files which were added/edited are

Views:
* src/pages/Submissions/SubmissionHistoryView.tsx
**
* src/pages/Submissions/SubmissionView.tsx
* src/pages/Submissions/SubmissionsView.tsx
* src/pages/Submissions/SubmissionTable/SubmissionEntry.tsx
* src/pages/Submissions/SubmissionTable/SubmissionList.tsx
Misc:
*src/App.tsx

Details:
* For the submission list rather than having a long list that goes down the whole page we have instead implemented a paginator. This was done too have a more organized view that uses an already created react component to allow for easier customization and changes.
* The main commit for the submission view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/34ff5836b467fc7ae719313ac4c969641961b72f]
* The main commit for the history view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/64975a8f6d1b83819692a639c3477cb17251318d]
* Since backend for submissions and history is not yet implemented in the reimplementation dummy data was used to test the functionality of the code. This is an example of how the mock data was created.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==

=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the assignments button on the navbar at the top of the screen.
[[File:Crkastrihomepage.png|900px]]

Now you have been navigated to the submissions view which shows all submissions along with who they were assigned to and other information about each submission. This area should be filled with the mock data that was created.

[[File:Submissionpage.png|900px]]

Finally you can click on the history link for any of the submissions to be navigated to the file upload history for that submission which should be currently filled with mock data.
[[File:Historypage.png|900px]]

=== Automated Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Submissions/SubmissionHistoryView.test.tsx - 5 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Receives correct submission ID from URL parameters
|passed
|-
|2
|Renders "submission record" title on the page
|passed
|-
|3
|Renders correct table headers
|passed
|-
|4
|Displays mock data correctly
|passed
|-
|5
|Renders correct number or rows based on the mock data
|passed
|}
* src/pages/Submissions/SubmissionsView.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the correct title and filter
|passed
|-
|2
|Filters submissions based on selected assignment
|passed
|-
|3
|Shows all submissions when no filter is applied
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionEntry.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Displays the correct team name
|passed
|-
|2
|Calls onGradeClick when the grade button is clicked
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionList.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders submission entries correctly based on mock data
|passed
|-
|2
|Table correctly sorts the submissions by team name
|passed
|}

== Future Scope ==
# Once backend of submissions is implemented create api calls to retrieve data rather and remove mock data temporary solution.
# Create other views that are connected to this page such as view reviews, assign grade and student view.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/57

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions

2024-11-03T20:19:54Z

Crkastri: /* Automated Testing */

This page contains information about Expertiza Issue E2467. UI for View Submissions which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Background ==
Expertiza is an open source project based on Ruby on Rails framework. Using this program instructors can create and mange assignments. It also allows the instructor to create a list of topics the students can sign up for. Students can form teams in Expertiza to work on their projects and assignments together. After submission has been closed students can be allowed access to other teams submissions so they can peer review. Expertiza is currently being reimplemented with the frontend being remade in typescript and the backend being updated to improve usability and efficiency.

== Requirements ==
* Create an updated version of the view submissions page and history page which were previously made with ruby in typescript using react.
* Make sure that all links that were in the previous view direct to the correct view even if that view doesn't exist yet.
* Create extensive test cases for the new views.

== Implementation ==

Main files which were added/edited are

Views:
* src/pages/Submissions/SubmissionHistoryView.tsx
* src/pages/Submissions/SubmissionView.tsx
* src/pages/Submissions/SubmissionsView.tsx
* src/pages/Submissions/SubmissionTable/SubmissionEntry.tsx
* src/pages/Submissions/SubmissionTable/SubmissionList.tsx
Misc:
*src/App.tsx

Details:
* For the submission list rather than having a long list that goes down the whole page we have instead implemented a paginator. This was done too have a more organized view that uses an already created react component to allow for easier customization and changes.
* The main commit for the submission view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/34ff5836b467fc7ae719313ac4c969641961b72f]
* The main commit for the history view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/64975a8f6d1b83819692a639c3477cb17251318d]
* Since backend for submissions and history is not yet implemented in the reimplementation dummy data was used to test the functionality of the code. This is an example of how the mock data was created.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==

=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the assignments button on the navbar at the top of the screen.
[[File:Crkastrihomepage.png|900px]]

Now you have been navigated to the submissions view which shows all submissions along with who they were assigned to and other information about each submission. This area should be filled with the mock data that was created.

[[File:Submissionpage.png|900px]]

Finally you can click on the history link for any of the submissions to be navigated to the file upload history for that submission which should be currently filled with mock data.
[[File:Historypage.png|900px]]

=== Automated Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Submissions/SubmissionHistoryView.test.tsx - 5 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Receives correct submission ID from URL parameters
|passed
|-
|2
|Renders "submission record" title on the page
|passed
|-
|3
|Renders correct table headers
|passed
|-
|4
|Displays mock data correctly
|passed
|-
|5
|Renders correct number or rows based on the mock data
|passed
|}
* src/pages/Submissions/SubmissionsView.test.tsx - 3 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders the correct title and filter
|passed
|-
|2
|Filters submissions based on selected assignment
|passed
|-
|3
|Shows all submissions when no filter is applied
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionEntry.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Displays the correct team name
|passed
|-
|2
|Calls onGradeClick when the grade button is clicked
|passed
|}
* src/pages/Submissions/SubmissionTable/SubmissionList.test.tsx - 2 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing
|-
|1
|Renders submission entries correctly based on mock data
|passed
|-
|2
|Table correctly sorts the submissions by team name
|passed
|}

== Future Scope ==
# Once backend of submissions is implemented create api calls to retrieve data rather and remove mock data temporary solution.
# Create other views that are connected to this page such as view reviews, assign grade and student view.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/57

Repo - https://github.com/masonhorne/reimplementation-front-end

CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions

2024-11-03T20:13:30Z

Crkastri: /* Automated Testing */

This page contains information about Expertiza Issue E2467. UI for View Submissions which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Background ==
Expertiza is an open source project based on Ruby on Rails framework. Using this program instructors can create and mange assignments. It also allows the instructor to create a list of topics the students can sign up for. Students can form teams in Expertiza to work on their projects and assignments together. After submission has been closed students can be allowed access to other teams submissions so they can peer review. Expertiza is currently being reimplemented with the frontend being remade in typescript and the backend being updated to improve usability and efficiency.

== Requirements ==
* Create an updated version of the view submissions page and history page which were previously made with ruby in typescript using react.
* Make sure that all links that were in the previous view direct to the correct view even if that view doesn't exist yet.
* Create extensive test cases for the new views.

== Implementation ==

Main files which were added/edited are

Views:
* src/pages/Submissions/SubmissionHistoryView.tsx
* src/pages/Submissions/SubmissionView.tsx
* src/pages/Submissions/SubmissionsView.tsx
* src/pages/Submissions/SubmissionTable/SubmissionEntry.tsx
* src/pages/Submissions/SubmissionTable/SubmissionList.tsx
Misc:
*src/App.tsx

Details:
* For the submission list rather than having a long list that goes down the whole page we have instead implemented a paginator. This was done too have a more organized view that uses an already created react component to allow for easier customization and changes.
* The main commit for the submission view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/34ff5836b467fc7ae719313ac4c969641961b72f]
* The main commit for the history view can be found here - [https://github.com/expertiza/reimplementation-front-end/commit/64975a8f6d1b83819692a639c3477cb17251318d]
* Since backend for submissions and history is not yet implemented in the reimplementation dummy data was used to test the functionality of the code. This is an example of how the mock data was created.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==

=== Manual Testing ===
First login to the system using an admin account.

[[File:Loginpage.png|900px]]

Next click on the assignments button on the navbar at the top of the screen.
[[File:Crkastrihomepage.png|900px]]

Now you have been navigated to the submissions view which shows all submissions along with who they were assigned to and other information about each submission. This area should be filled with the mock data that was created.

[[File:Submissionpage.png|900px]]

Finally you can click on the history link for any of the submissions to be navigated to the file upload history for that submission which should be currently filled with mock data.
[[File:Historypage.png|900px]]

=== Automated Testing ===
All test cases have been automated to make sure both correct data and formatting appear in the relevant areas.

Added test files:
* src/pages/Submissions/SubmissionHistoryView.test.tsx - 5 test cases
{| class="wikitable" style="width: 100%;
!  #  !! Expectation!! Passing !!
|-
|1
|Refactored the <code>create</code> method into multiple methods
|passed
|-
|2
|Refactored the <code>create</code> method into multiple methods
|passed
|}
* src/pages/Submissions/SubmissionsView.test.tsx - 3 test cases
* src/pages/Submissions/SubmissionTable/SubmissionEntry.test.tsx - 2 test cases
* src/pages/Submissions/SubmissionTable/SubmissionList.test.tsx - 3 test cases

== Future Scope ==
# Once backend of submissions is implemented create api calls to retrieve data rather and remove mock data temporary solution.
# Create other views that are connected to this page such as view reviews, assign grade and student view.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

== Code Details ==
Github Pull Request - https://github.com/expertiza/reimplementation-front-end/pull/57

Repo - https://github.com/masonhorne/reimplementation-front-end