add topic to Courses

Author: jaroldwong

app/course/directives/courseDetails/courseDetails.html

@@ -28,6 +28,17 @@ <h4>
             </div>
           </div>
         </div>
+        <div class="right-details-group">
+          <div class="row">
+            <div class="col-sm-10 col-sm-offset-1">
+              <strong>Topic</strong>
+              <br />
+              <input auto-input ng-if="!view.state.uiState.tableLocked" type="text" class="form-control course-title-edit" on-enter="updateTopic()"
+                on-blur="updateTopic()" help-text-placement="bottom" ng-model="view.selectedEntity.topic" />
+              <p ng-if="view.state.uiState.tableLocked" ng-bind="view.selectedEntity.topic" class="form-control-static"></p>
+            </div>
+          </div>
+        </div>
         <div class="right-details-group">
           <div class="row">
             <div class="col-sm-10 col-sm-offset-1">
@@ -46,10 +57,11 @@ <h4>
             <div class="col-sm-10 col-sm-offset-1">
               <strong>Sequence Pattern</strong>
               <br />
-              <div class="new-course__create-btn"
-                    tooltip-append-to-body="true"
-                    tooltip-placement="left"
-                    uib-tooltip="{{ courseDetails.sequencePatternTooltipMessage }}">
+              <div
+                tooltip-append-to-body="true"
+                tooltip-placement="left"
+                uib-tooltip="{{ courseDetails.sequencePatternTooltipMessage }}"
+              >
                 <ipa-input value="view.selectedEntity.sequencePattern"
                             on-update="updateSequencePattern()"
                             on-blur="updateSequencePattern()"

app/course/directives/courseDetails/courseDetails.js

@@ -45,6 +45,10 @@ let courseDetails = function (CourseActionCreators, SectionService) {
         }
       };
 
+      scope.updateTopic = function () {
+        CourseActionCreators.updateCourse(scope.view.selectedEntity);
+      };
+
       scope.updateSequencePattern = function () {
         let sequencePattern = scope.view.selectedEntity.sequencePattern;
 

app/course/directives/courseTable.js

@@ -439,7 +439,7 @@ let courseTable = function ($rootScope, $timeout, CourseActionCreators, $compile
           if (course.isFiltered || course.matchesTagFilters === false) { return; }
 
           // First column
-          row += "<td class=\"course-cell\"><strong>" + course.subjectCode + " " + course.courseNumber + " - " + course.sequencePattern + "</strong> <br />" + course.title + "<br />";
+          row += "<td class=\"course-cell\"><strong>" + course.subjectCode + " " + course.courseNumber + " - " + course.sequencePattern + "</strong> <br />" + course.title + (course.topic && ": " + course.topic) + "<br />";
           if (course.tagIds.length) {
             row += "<div class=\"hidden-print\">";
             $.each(course.tagIds, function (i, tagId) { // eslint-disable-line no-undef

app/scheduleSummaryReport/services/scheduleSummaryReportStateService.js

@@ -53,6 +53,7 @@ class ScheduleSummaryReportStateService {
 							slotSectionGroup.courseNumber = slotCourse.courseNumber;
 							slotSectionGroup.title = slotCourse.title;
 							slotSectionGroup.sequencePattern = slotCourse.sequencePattern;
+							slotSectionGroup.topic = slotCourse.topic;
 
 							// Set units value
 

app/scheduleSummaryReport/templates/ScheduleSummaryReportCtrl.html

@@ -120,7 +120,7 @@ <h4>Schedule Summary Report - {{ sharedState.workgroup.name }} - {{ getTermName(
                     >{{ sectionGroup.subjectCode }}
                     {{ sectionGroup.courseNumber }}</b
                   >
-                  {{ sectionGroup.title }}
+                  {{ sectionGroup.title }}<span ng-if="sectionGroup.topic">: {{ sectionGroup.topic }}</span>
                 </div>
 
                 <!-- Instructors -->