curriculum: display description and make menus clickable

2 files changed, 28 insertions, 3 deletions

diff --git a/js/courses.js b/js/courses.js
index c973eae..0f43c4d 100644
--- a/js/courses.js
+++ b/js/courses.js
@@ -31,7 +31,7 @@ define(['assert'], function(assert) {
         { "id": "2IIC0", "name": "Business Information Systems","when": "Y3Q1" },
         { "id": "2IID0", "name": "Web Analytics",               "when": "Y3Q2" },
         { "id": "2IO90", "name": "DBL Algorithms",              "when": "Y3Q2" },
-        { "id": "DS004", "name": "Bachelor End Project", "type": "bep", "when": "Y3Q3,Y3Q4" },
+        { "id": "DS004", "name": "Bachelor End Project", "type": "bep", "when": "Y3Q3+Y3Q4" },
     ];
 
     var descriptions = {
@@ -90,9 +90,12 @@ define(['assert'], function(assert) {
         assert (!(course.id in coursesById),
             "Course is already known: " + course.id);
         coursesById[course.id] = course;
-        course.when.split(",").forEach(function(when) {
+        course.when.split('+').forEach(function(when) {
             getQuartile(when).push(course);
         });
+
+        // link description too.
+        course.description = descriptions[course.id];
     });
 
     // fill in the remaining time slots
diff --git a/js/curriculum.js b/js/curriculum.js
index d434c67..164ff3b 100644
--- a/js/curriculum.js
+++ b/js/curriculum.js
@@ -39,8 +39,30 @@ define(['courses'], function(courses) {
         cmenu.appendChild(makeCoursesList(function(course_item, course) {
             // types: bc, major, bep
             course_item.dataset.type = course.type || 'major';
+            course_item.title = course.name;
 
-            course_item.textContent = /*course.id + ' ' +*/ course.name;
+            // display link for courses which have a description block
+            if (course.id) {
+                var link = document.createElement('a');
+                link.href = '#!/curriculum/' + course.id;
+                link.textContent = course.name;
+                course_item.appendChild(link);
+            } else {
+                course_item.textContent = course.name;
+            }
         }));
+
+        var citems = document.getElementById('curriculum-items');
+        courses.courses.forEach(function(course) {
+            var header = document.createElement('h2');
+            //header.id = 'course-' + course.id;
+            header.id = '!/curriculum/' + course.id;
+            header.textContent = course.name + ' (' + course.when + ')';
+            citems.appendChild(header);
+
+            var text_block = document.createElement('p');
+            text_block.textContent = course.description;
+            citems.appendChild(text_block);
+        });
     };
 });