CSC/ECE 517 Fall 2016 E1691 ConvertAssignmentCreationFormtoReactJS - Revision history

Onam at 05:13, 6 December 2016

2016-12-06T05:13:20Z

2016-12-06T05:12:59Z

← Older revision		Revision as of 05:12, 6 December 2016
Line 101:		Line 101:
	</div>		</div>
	</div>		</div>
			<br>

	=== Proposed Solution ===		=== Proposed Solution ===
	In the revised implementation, the ~~main~~ edit ~~table~~ will be ~~dynamically updatable~~. Saving the details will make the database entry. Except for the database update, all the processing is done on the client side itself, leading to a decrease in the number of server requests.<br>		In the revised implementation, as the edit button is clicked a dynamic drop down form will be displayed. Saving the details will make the database entry. Except for the database update, all the processing is done on the client side itself, leading to a decrease in the number of server requests.<br>

	[[image:FinalProj pic99.png\|center]]		[[image:FinalProj pic99.png\|center]]

2016-12-06T05:01:59Z

← Older revision		Revision as of 05:01, 6 December 2016
Line 105:		Line 105:
	In the revised implementation, the main edit table will be dynamically updatable. Saving the details will make the database entry. Except for the database update, all the processing is done on the client side itself, leading to a decrease in the number of server requests.<br>		In the revised implementation, the main edit table will be dynamically updatable. Saving the details will make the database entry. Except for the database update, all the processing is done on the client side itself, leading to a decrease in the number of server requests.<br>

	[[image:FinalProj ~~pic77~~.png\|center]]		[[image:FinalProj pic99.png\|center]]

	====Files to be changed====		====Files to be changed====

2016-12-02T22:47:27Z

Details

← Older revision		Revision as of 22:47, 2 December 2016
Line 78:		Line 78:
	In assignment_controller.rb we edited create method:		In assignment_controller.rb we edited create method:

	@assignment_form.assignment.instructor_id = current_user.id -- We now pass current instructor is to the assignment form.		@assignment_form.assignment.instructor_id = current_user.id -- We now pass current instructor to the assignment form.

	In tree_display_controller.rb we added new method:		In tree_display_controller.rb we added new method:

	def get_courses_node_ng -- This method returns the course list based on the instructor chosen. This logic is similar to the helper method course_options		def get_courses_node_ng -- This method returns the course list array of hashes based on the instructor chosen. This logic is similar to the helper method course_options

	====Testing plan====		====Testing plan====

2016-12-02T18:56:51Z

← Older revision		Revision as of 18:56, 2 December 2016
Line 76:		Line 76:
	render: function(){} - this method renders the form components		render: function(){} - this method renders the form components

			In assignment_controller.rb we edited create method:

			@assignment_form.assignment.instructor_id = current_user.id -- We now pass current instructor is to the assignment form.

			In tree_display_controller.rb we added new method:

			def get_courses_node_ng -- This method returns the course list based on the instructor chosen. This logic is similar to the helper method course_options

	====Testing plan====		====Testing plan====

2016-12-02T18:23:35Z

@@ Line 47: / Line 47: @@
 [[image:FinalProj pic88.png|center]]
-====Files to be changed====
+====Changed files====
 *apps/assets/javascripts/tree_display.jsx.erb
 *apps/controllers/assignments_controller.rb
 *apps/controllers/tree_display_controller.rb
 ====Testing plan====

2016-12-02T17:25:19Z

← Older revision		Revision as of 17:25, 2 December 2016
Line 45:		Line 45:
	Submitting the form will create a database entry and close the form.		Submitting the form will create a database entry and close the form.

	[[image:FinalProj ~~pic44~~.png\|center]]		[[image:FinalProj pic88.png\|center]]

	====Files to be changed====		====Files to be changed====

2016-12-02T17:02:22Z

← Older revision		Revision as of 17:02, 2 December 2016
Line 41:		Line 41:
	=== Proposed Solution ===		=== Proposed Solution ===

	In the revised implementation, clicking on the <i>New Assignment</i> link ~~will generate~~ a ~~popup~~ window. This ~~window will be generated in the same view (The URL remains unchanged) and will contain~~ the same fields ~~and options~~ as the original form. ~~Saving~~ the ~~details will make the database entry~~ and ~~close~~ the ~~popup window~~. ~~Except for~~ the ~~database update~~, ~~all the processing is~~ done on the client side itself, ~~leading~~ to a ~~decrease in~~ the ~~number of server requests~~.		In the revised implementation, clicking on the <i>New Assignment</i> link generates a drop-down window, which contains the form for creating a new assignment. This form contains the same fields as the original form.<br/>
			In addition, we have added data validations for two fields. The name of the assignment cannot be left blank, and the 'submission directory' field cannot be left blank or contain any special characters. If either of these conditions is violated, an error message is displayed to the user. Furthermore, these validations are done in the client-side itself, removing the need for a server request to validate the data.
			Submitting the form will create a database entry and close the form.

	[[image:FinalProj pic44.png\|center]]		[[image:FinalProj pic44.png\|center]]

2016-12-02T16:47:57Z

Files to be changed

← Older revision		Revision as of 16:47, 2 December 2016
Line 46:		Line 46:

	====Files to be changed====		====Files to be changed====
	*apps/views/tree_display/list.html.erb		*apps/assets/javascripts/tree_display.jsx.erb
	*apps/assets/javascripts/tree_display.jsx		*apps/controllers/assignments_controller.rb
	*apps/~~views~~/~~assignments/new~~.~~html.erb~~		*apps/controllers/tree_display_controller.rb
	*apps/~~views~~/~~assignments/edit/_general.html~~.~~erb~~

	====Testing plan====		====Testing plan====

2016-11-14T22:12:47Z

← Older revision		Revision as of 22:12, 14 November 2016
Line 5:		Line 5:
	==Expertiza==		==Expertiza==
	Expertiza is an Open Source Software project developed by NC State University, funded by the National Science Foundation. It allows the instructor to create assignments as well as modify existing assignments. Students can signup for topics in an assignment and can submit articles, codes, web-sites etc. It is a web application built on Ruby on Rails framework. It also allows students to review the submissions that have been made other students.		Expertiza is an Open Source Software project developed by NC State University, funded by the National Science Foundation. It allows the instructor to create assignments as well as modify existing assignments. Students can signup for topics in an assignment and can submit articles, codes, web-sites etc. It is a web application built on Ruby on Rails framework. It also allows students to review the submissions that have been made other students.


	== React JS ==		== React JS ==