Auto-update of grad tie-in course code.

application/controllers/RequestController.php

@@ -612,6 +612,7 @@ class RequestController extends Nmc_Controller_Action
         $view->addCssFile('/ooss/request/course_id');
         $view->addJsFile('/tinymce/jscripts/tiny_mce/tiny_mce.js');
         $view->addJsFile('/javascript/mce.js');
+        $view->addJsFile('/javascript/request/courseId.js');
 
         $view->course = $course;
         $view->request = $request;

application/views/request/course_id.xhtml

 <fieldset class="three_column">
     <label>
         <h2>Subject</h2>
-        <input type="text" name="subject" value="<?php echo htmlspecialchars($this->course->subject); ?>" />
+        <input type="text" name="subject" id="subject" value="<?php echo htmlspecialchars($this->course->subject); ?>" />
     </label>
     <label>
         <h2>Course Number</h2>
-        <input type="text" name="courseNumber" value="<?php echo htmlspecialchars($this->course->courseNumber); ?>" />
+        <input type="text" name="courseNumber" id="courseNumber" value="<?php echo htmlspecialchars($this->course->courseNumber); ?>" />
     </label>
     <label>
         <h2>Alpha Suffix (opt.)</h2>
-        <input type="text" name="courseLetter" value="<?php echo htmlspecialchars($this->course->courseLetter); ?>" />
+        <input type="text" name="courseLetter" id="courseLetter" value="<?php echo htmlspecialchars($this->course->courseLetter); ?>" />
     </label>
 </fieldset>
 <fieldset class="one_column">

document_root/javascript/request/courseId.js

+addLoadEvent(onCourseIdLoad);
+
+function onCourseIdLoad()
+{
+    var subjectNode = document.getElementById('subject');
+    subjectNode.previousValue = subjectNode.value;
+    subjectNode.onchange = handleChangeSubject;
+    document.getElementById('courseNumber').onchange = handleChangeCourseNumber;
+    document.getElementById('courseLetter').onchange = handleChangeCourseLetter;
+}
+
+
+
+function handleChangeSubject()
+{
+    var previousSubject = this.previousValue;
+    var currentSubject = this.value;
+
+    this.previousValue = currentSubject;
+
+    var gradTieInRows = getElementsByClass('grad_tie_in_row');
+    var noChange = false;
+    for (var i = 0; i != gradTieInRows.length; i++) {
+        var gradTieInRow = gradTieInRows[i];
+        var gradNode = gradTieInRows[i].childNodes[3].childNodes[1];
+
+        if (gradNode.value == currentSubject) {
+            noChange = true;
+        }
+    }
+
+    if (noChange) {
+        return;
+    }
+
+    for (var i = 0; i != gradTieInRows.length; i++) {
+        var gradNode = gradTieInRows[i].childNodes[1].childNodes[1];
+
+        if (gradNode.value == previousSubject) {
+            gradNode.value = currentSubject;
+        }
+    }
+
+}
+
+function handleChangeCourseNumber()
+{
+    var gradNumber = 800 + (this.value % 100);
+    var gradTieInRows = getElementsByClass('grad_tie_in_row');
+    for (var i = 0; i != gradTieInRows.length; i++) {
+
+        gradTieInRows[i].childNodes[3].childNodes[1].value = gradNumber;
+    }
+}
+
+
+function handleChangeCourseLetter()
+{
+    var gradLetter = this.value;
+    var gradTieInRows = getElementsByClass('grad_tie_in_row');
+    for (var i = 0; i != gradTieInRows.length; i++) {
+
+        gradTieInRows[i].childNodes[5].childNodes[1].value = gradLetter;
+    }
+}
\ No newline at end of file