WebFund 2015W: Assignment 4 - Revision history

Abejfehr: /* Solutions */ Changed "px to pt", since the question said "50 point" and px != pt. Reference: http://graphicdesign.stackexchange.com/questions/199/point-vs-pixel-what-is-the-difference

2015-02-28T21:25:41Z

Solutions: Changed "px to pt", since the question said "50 point" and px != pt. Reference: http://graphicdesign.stackexchange.com/questions/199/point-vs-pixel-what-is-the-difference

← Older revision		Revision as of 21:25, 28 February 2015
Line 252:		Line 252:
	# A user cannot embed a hyperlink in the title of a note but can embed one in the content of a note because of the different ways user-supplied data is incorporated into the notes.jade template. The title in included using an "=", which causes all HTML special characters to be quoted/escaped. Thus the inclusion of a "<" gets transformed into a "<". The contents of the note are included using the "!=" operator which causes the referenced variable to be included in the output with no modifications. Normally "!=" is only safe for input that has not been provided by a user or for user input that has been carefully sanitized.		# A user cannot embed a hyperlink in the title of a note but can embed one in the content of a note because of the different ways user-supplied data is incorporated into the notes.jade template. The title in included using an "=", which causes all HTML special characters to be quoted/escaped. Thus the inclusion of a "<" gets transformed into a "<". The contents of the note are included using the "!=" operator which causes the referenced variable to be included in the output with no modifications. Normally "!=" is only safe for input that has not been provided by a user or for user input that has been carefully sanitized.
	# You would change the handling of /notes to be similar to that of /. Specifically, you would pass the error to the notes.jade template as part of the second object argument to res.render() as on line 18 of routes/index.js. This error would be rendered using a conditional div in notes.jade similar to the one on lines 6-7 of index.jade.		# You would change the handling of /notes to be similar to that of /. Specifically, you would pass the error to the notes.jade template as part of the second object argument to res.render() as on line 18 of routes/index.js. This error would be rendered using a conditional div in notes.jade similar to the one on lines 6-7 of index.jade.
	# Follow the pattern of the body section of styles.css to create an "h1" section at the end of the file. You don't need to include the padding line; however, do include the font specification, changing the font size to ~~50px~~ and prepending with "italic bold".		# Follow the pattern of the body section of styles.css to create an "h1" section at the end of the file. You don't need to include the padding line; however, do include the font specification, changing the font size to 50pt and prepending with "italic bold".
	# Modify layout.jade to include a script tag in the header section (around line 5) that specifies a source (src) of either a local copy of jQuery or the URL of the jQuery library on another server (e.g., on a content distribution network (CDN)).		# Modify layout.jade to include a script tag in the header section (around line 5) that specifies a source (src) of either a local copy of jQuery or the URL of the jQuery library on another server (e.g., on a content distribution network (CDN)).
	# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!		# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!

Soma: /* Solutions */

2015-02-09T19:09:03Z

Solutions

← Older revision		Revision as of 19:09, 9 February 2015
Line 256:		Line 256:
	# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!		# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!
	# To implement a Date field, you do not need to add arguments to res.render since you are already passing the entire note object to be displayed and edited. Instead all you need to do is modify notes.jade, edit.jade, and the update function in routes/index.js:		# To implement a Date field, you do not need to add arguments to res.render since you are already passing the entire note object to be displayed and edited. Instead all you need to do is modify notes.jade, edit.jade, and the update function in routes/index.js:
	#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>		#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>  b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>
	#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)</tt><br>You could also use the "date" type in newer browsers.		#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)</tt><br>You could also use the "date" type in newer browsers.
	#* Modify post for /update in routes/index.js with a line inserted between 83 and 84 saying <br> <tt>  note.date = req.body.date;"</tt>		#* Modify post for /update in routes/index.js with a line inserted between 83 and 84 saying <br> <tt>  note.date = req.body.date;"</tt>

Soma: /* Solutions */

2015-02-09T19:08:31Z

Solutions

← Older revision		Revision as of 19:08, 9 February 2015
Line 257:		Line 257:
	# To implement a Date field, you do not need to add arguments to res.render since you are already passing the entire note object to be displayed and edited. Instead all you need to do is modify notes.jade, edit.jade, and the update function in routes/index.js:		# To implement a Date field, you do not need to add arguments to res.render since you are already passing the entire note object to be displayed and edited. Instead all you need to do is modify notes.jade, edit.jade, and the update function in routes/index.js:
	#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>		#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>
	#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)<tt><br>You could also use the "date" type in newer browsers.		#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)</tt><br>You could also use the "date" type in newer browsers.
	#* Modify post for /update in routes/index.js with a line inserted between 83 and 84 saying <br> <tt>  note.date = req.body.date;"</tt>		#* Modify post for /update in routes/index.js with a line inserted between 83 and 84 saying <br> <tt>  note.date = req.body.date;"</tt>

Soma: /* Solutions */

2015-02-09T19:08:13Z

Solutions

← Older revision		Revision as of 19:08, 9 February 2015
Line 258:		Line 258:
	#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>		#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>
	#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)<tt><br>You could also use the "date" type in newer browsers.		#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)<tt><br>You could also use the "date" type in newer browsers.
	#* Modify post for /update in routes/index.js with a line inserted between 83 and 84 saying <br><tt>  note.date = req.body.date;"</tt>		#* Modify post for /update in routes/index.js with a line inserted between 83 and 84 saying <br> <tt>  note.date = req.body.date;"</tt>

Soma: /* Solutions */

2015-02-09T19:07:59Z

Solutions

← Older revision		Revision as of 19:07, 9 February 2015
Line 255:		Line 255:
	# Modify layout.jade to include a script tag in the header section (around line 5) that specifies a source (src) of either a local copy of jQuery or the URL of the jQuery library on another server (e.g., on a content distribution network (CDN)).		# Modify layout.jade to include a script tag in the header section (around line 5) that specifies a source (src) of either a local copy of jQuery or the URL of the jQuery library on another server (e.g., on a content distribution network (CDN)).
	# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!		# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!
	# To implement a Date field, you need to:		# To implement a Date field, you do not need to add arguments to res.render since you are already passing the entire note object to be displayed and edited. Instead all you need to do is modify notes.jade, edit.jade, and the update function in routes/index.js:
	#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>		#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>
	#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)<tt><br>You could also use the "date" type in newer browsers.		#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)<tt><br>You could also use the "date" type in newer browsers.
	#* Modify post for /update in routes/index.js with a line inserted between 83 and 84 saying <br><tt>  note.date = req.body.date;"</tt>~~<br>Note you do not need to add arguments to res.render since you are already passing the entire note object to be displayed and edited.~~		#* Modify post for /update in routes/index.js with a line inserted between 83 and 84 saying <br><tt>  note.date = req.body.date;"</tt>

Soma: /* Solutions */

2015-02-09T19:06:54Z

Solutions

← Older revision		Revision as of 19:06, 9 February 2015
Line 258:		Line 258:
	#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>		#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>
	#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)<tt><br>You could also use the "date" type in newer browsers.		#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)<tt><br>You could also use the "date" type in newer browsers.
			#* Modify post for /update in routes/index.js with a line inserted between 83 and 84 saying <br><tt>  note.date = req.body.date;"</tt><br>Note you do not need to add arguments to res.render since you are already passing the entire note object to be displayed and edited.

Soma: /* Solutions */

2015-02-09T19:02:53Z

Solutions

← Older revision		Revision as of 19:02, 9 February 2015
Line 257:		Line 257:
	# To implement a Date field, you need to:		# To implement a Date field, you need to:
	#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>		#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>
	#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt> input#date(type="text", name="date", value=note.date)<tt><br>You could also use the "date" type in newer browsers.		#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt>  input#date(type="text", name="date", value=note.date)<tt><br>You could also use the "date" type in newer browsers.

Soma: /* Solutions */

2015-02-09T19:02:22Z

Solutions

← Older revision		Revision as of 19:02, 9 February 2015
Line 256:		Line 256:
	# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!		# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!
	# To implement a Date field, you need to:		# To implement a Date field, you need to:
	#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><~~quote~~>b= userNotes[i].title + " (" + userNotes[i].date + "): "</~~quote~~>		#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><tt>b= userNotes[i].title + " (" + userNotes[i].date + "): "</tt>
	#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <~~quote~~>input#date(type="text", name="date", value=note.date)<~~quote~~>You could also use the "date" type in newer browsers.		#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <br><tt> input#date(type="text", name="date", value=note.date)<tt><br>You could also use the "date" type in newer browsers.

Soma: /* Solutions */

2015-02-09T19:01:33Z

Solutions

← Older revision		Revision as of 19:01, 9 February 2015
Line 256:		Line 256:
	# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!		# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!
	# To implement a Date field, you need to:		# To implement a Date field, you need to:
	#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <quote>b= userNotes[i].title + " (" + userNotes[i].date + "): "</quote>		#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <br><quote>b= userNotes[i].title + " (" + userNotes[i].date + "): "</quote>
	#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <quote>input#date(type="text", name="date", value=note.date)<quote>You could also use the "date" type in newer browsers.		#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <quote>input#date(type="text", name="date", value=note.date)<quote>You could also use the "date" type in newer browsers.



	~~it between lines 16 and 17, adding a~~

Soma: /* Solutions */

2015-02-09T19:00:59Z

Solutions

← Older revision		Revision as of 19:00, 9 February 2015
Line 255:		Line 255:
	# Modify layout.jade to include a script tag in the header section (around line 5) that specifies a source (src) of either a local copy of jQuery or the URL of the jQuery library on another server (e.g., on a content distribution network (CDN)).		# Modify layout.jade to include a script tag in the header section (around line 5) that specifies a source (src) of either a local copy of jQuery or the URL of the jQuery library on another server (e.g., on a content distribution network (CDN)).
	# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!		# Copy lines 6-7 from notes.jade to edit.jade, changing the action to be "/notes", the method to be "get", and the main text to be "Cancel" (rather than Logout). Note this will only cancel the editing of an existing note; it won't undo the creation of a new note. To undo note creation you first would need to implement note deletion!
	#		# To implement a Date field, you need to:
			#* Modify notes.jade so the date field will be rendered. For example you could edit line 14, changing it to <quote>b= userNotes[i].title + " (" + userNotes[i].date + "): "</quote>
			#* Modify edit.jade so there is the correct field. For example you insert two lines at line 10, the first saying "div" and the next indented under it <quote>input#date(type="text", name="date", value=note.date)<quote>You could also use the "date" type in newer browsers.



			it between lines 16 and 17, adding a