SlatePermutate Changeset - 3a9f86b70342 · protofusion repositories

Changeset - 3a9f86b70342

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

Ethan Zonca - 15 years ago 2010-10-16 22:00:11
ez@ethanzonca.com

Javascript updates

1 file changed with 56 insertions and 49 deletions:

scripts/scheduleInput.js

0 comments (0 inline, 0 general)

scripts/scheduleInput.js

➞

Show inline comments

     //--------------------------------------------------
     // General Notes
     //--------------------------------------------------
 	/* classNum is declared in the <head/> to enable loading of saved classes */
 	/* sectionsOfClass is declared in the <head/> to enable loading of saved sections */
     //--------------------------------------------------
     // Validation Functions
     //--------------------------------------------------
 	//--------------------------------------------------
 	// Default Error Message
 	//--------------------------------------------------
 	jQuery.each(jQuery.validator.messages, function(i) {
 		jQuery.validator.messages[i] = "<p class=\"error\">Please fill the field</p>";
 	});
 	//--------------------------------------------------
 	// Time Selection Validation
 	//--------------------------------------------------
 	jQuery.validator.addMethod(
 		"selectNone",
 		function(value, element) {
 			if (element.value == "none")
+			{
 			if (element.value == "none") {
 				return false;
+			}
 			else return true;
 		},
 		"<p class=\"error\">Please select a time</p>"
 	);
 	//--------------------------------------------------
 	// Days of Week validation
 	//--------------------------------------------------
 	jQuery.validator.addMethod(
 		"daysRequired",
 		function(value, element) {
 			var checkedCount = 0;
 			jQuery(element).parent().parent().children().children('.daysRequired:checked').each( function() {
 				checkedCount++;
 			});
 			if (checkedCount == 0)
+			{
 			if (checkedCount == 0) {
 				return false;
+			}
 			else return true;
 		},
 		"<p class=\"error\">Select a day!</p>"
 	);
 	//--------------------------------------------------
 	// Add validation rules
 	//--------------------------------------------------
 	jQuery.validator.addClassRules("selectRequired", {
 		selectNone: true
 	});
 	jQuery.validator.addClassRules("daysRequired", {
 		daysRequired: true
 	});
     jQuery(document).ready(function() {
 	//--------------------------------------------------
 	// Validates the form (pre-submission check)
 	//--------------------------------------------------
 		jQuery('#scheduleForm').validate({
 			debug: false,
 		});
 	/* classNum is declared in the <head/> to enable loading of saved classes */
 	/* sectionsOfClass is declared in the <head/> to enable loading of saved sections */
         function numberedIds(name){
 		return '<td class="sectionIdentifier">\
                                 <select name="'+name+'"><option value="-">-</option><option value="1">1</option><option value="2">2</option>\
                                 <option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option>\
                                 <option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option></select></td>\
                                 </select></td>';
+        }
 	function letteredIds(name){
 		return '<td class="sectionIdentifier">\
                                 <select name="'+name+'"><option value="-">-</option><option value="A">A</option><option value="B">B</option>\
                                 <option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option>\
                                 <option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option></select></td>\
                                 </select></td>';
+	}
     //--------------------------------------------------
     // General Input Functions
     //--------------------------------------------------
         //--------------------------------------------------
         // Custom ID generator - @FIXME: un-abstract
         //--------------------------------------------------
 	function customIds(name){
 		return '<td class="sectionIdentifier center"><input type="text" size="1" class="required" name="' + name + '" /></td>';
+	}
 	//--------------------------------------------------
 	// Returns the common inputs for each new section.
 	//--------------------------------------------------
 	function getCommonInputs(cnum) {
 		getCommonInputs(cnum,'','','','','','');
+	}
 	function getCommonInputs(cnum,name,synonym,stime,etime,days,prof) {
 		var snum = sectionsOfClass[cnum];
 		var result = '';
 	        result = result + customIds('postData[' + cnum + '][' + snum + '][letter]');
 		result = result + '<td><select class="selectRequired" name="postData[' + cnum + '][' + snum + '][start]"><option value="none"></option>\
 				<option value="700">7:00 am</option><option value="730">7:30 am</option>\
 				<option value="800">8:00 am</option><option value="830">8:30 am</option>\
 				<option value="900">9:00 am</option><option value="930">9:30 am</option>\
 				<option value="1000">10:00 am</option><option value="1030">10:30 am</option>\
 				<option value="1100">11:00 am</option><option value="1130">11:30 am</option>\
 				<option value="1200">12:00 pm</option><option value="1230">12:30 pm</option>\
@@ @@ -127,75 +119,85 @@ @@
 				<option value="2020">8:20 pm</option><option value="2050">8:50 pm</option>\
 				<option value="2120">9:20 pm</option></select></td>\
 			<td class="cbrow"><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][0]" value="1" /></td>\
 			<td class="cbrow"><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][1]" value="1" /></td>\
 			<td class="cbrow"><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][2]" value="1" /></td>\
 			<td class="cbrow"><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][3]" value="1" /></td>\
 			<td class="cbrow"><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][4]" value="1" /></td>';
 		return result;
+	}
 	//--------------------------------------------------
         // Add a section to a class
         //--------------------------------------------------
         function add_section(cnum) {
 		jQuery('.pclass'+cnum).after('<tr class="section class' + cnum + '"><td class="none"></td>' + getCommonInputs(cnum) + '<td><div class="deleteSection"><input type="button" value="x" class="gray" /></div></td><td></td></tr>');
+        }
 	//--------------------------------------------------
 	// Adds a new class to the input.
 	//--------------------------------------------------
 	function addRow(){
 		sectionsOfClass[classNum] = 0; // This is class 0, initialize at 0
 		jQuery('#jsrows').append('<tr title="' + classNum + '" class="class class' + classNum + '"><td><input type="text" class="className required defText className'+classNum+'" title="Class Name" name="postData[' + classNum + '][name]" /></td><td colspan="8"></td><td class="tdInput"><div class="addSection"><input type="button" value="Add section" class="gray" /></div></td><td class="tdInput"><div class="deleteClass"><input type="button" value="Remove" class="gray" /></div></td></tr>');
 	function add_class(){
 		sectionsOfClass[classNum] = 0; // Initialize at 0
 		jQuery('#jsrows').append('<tr title="' + classNum + '" class="class class' + classNum + ' pclass' + classNum + '"><td><input type="text" class="className required defText className'+classNum+'" title="Class Name" name="postData[' + classNum + '][name]" /></td><td colspan="8"></td><td class="tdInput"><div class="addSection"><input type="button" value="Add section" class="gray" /></div></td><td class="tdInput"><div class="deleteClass"><input type="button" value="Remove" class="gray" /></div></td></tr>');
 		jQuery('.className' + classNum).autocomplete({
 			source: "auto.php"
 		});
 		classNum++;
 	};
 	addRow(); // Add initial row
 	//--------------------------------------------------
 	// Adds a new class when the add class button is
 	// clicked.
     // Items bound to pageload/events
     //--------------------------------------------------
     jQuery(document).ready(function() {
 	//--------------------------------------------------
 	jQuery('#addclass').click(function() {
 		addRow();
 	// Validates the form (pre-submission check)
 	//--------------------------------------------------
 		jQuery('#scheduleForm').validate({
 			debug: false,
 	});
 	//--------------------------------------------------
 	// Deletes the selected class from input.
 	// Bind the class-adding method
 	//--------------------------------------------------
 	jQuery('#addclass').click(function() {
 		add_class();
 	});
 	//--------------------------------------------------
 	// Deletes the selected class from input
 	//--------------------------------------------------
 	jQuery('.deleteClass').live('click', function() {
 		if(confirm('Delete class and all sections of this class?')) {
 			jQuery('.class'+ jQuery(this).parent().parent().attr("title")).remove();
+		}
 	});
 	//--------------------------------------------------
-	// Deletes the selected section from the input.
 	// Deletes the selected section from the input
 	//--------------------------------------------------
 	jQuery('.deleteSection').live('click', function() {
-		sectionsOfClass[jQuery(this).parent().parent().attr("title")]--; // TODO: this only decreases the number of classes, so php should loop until this number of classes is found in the array
+		sectionsOfClass[jQuery(this).parent().parent().attr("title")]--; // Decreases the number of classes
 		jQuery(this).parent().parent().remove();
 	});
 	//--------------------------------------------------
-	// Adds a section to the selected class.
+	// Bind the section-adding method
 	//--------------------------------------------------
 	jQuery('.addSection').live('click', function() {
 		add_section(jQuery(this).parent().parent().attr("title"), sectionsOfClass[jQuery(this).parent().parent().attr("title")]);
 		sectionsOfClass[jQuery(this).parent().parent().attr("title")]++; // Increases sectionsOfClass[classNum]
 		jQuery(this).parent().parent().after('<tr class="section class' + jQuery(this).parent().parent().attr("title") + '"><td class="none"></td>' + getCommonInputs(jQuery(this).parent().parent().attr("title")) + '<td><div class="deleteSection"><input type="button" value="x" class="gray" /></div></td><td></td></tr>');
 	});
 	//--------------------------------------------------
 	// Resets the form
 	//--------------------------------------------------
 	jQuery('#reset').click(function() {
 		jQuery('#scheduleForm').resetForm();
 	});
 	//--------------------------------------------------
 	// Default text
 	//--------------------------------------------------
 	jQuery(".defText").focus(function(srcc)
+	{
 	    if (jQuery(this).val() == jQuery(this)[0].title)
+	    {
 		jQuery(this).removeClass("defaultTextActive");
 		jQuery(this).val("");
+	    }
@@ @@ -210,13 +212,18 @@ @@
 	});
 	jQuery(".defText").blur();
 	//--------------------------------------------------
 	// Show/Hide advanced items
 	//--------------------------------------------------
 	jQuery('.advanced').hide();
 	jQuery('#showadvanced').click( function() {
 	  jQuery('#showadvanced').hide();
 	  jQuery('.advanced').slideToggle();
 	});
         //--------------------------------------------------
         // Add initial class
         //--------------------------------------------------
 	add_class();
 });

0 comments (0 inline, 0 general)