group search enter validation; added groups in courses display

app/controllers/sidebar.controller.js

@@ -49,6 +49,16 @@ angular.module('app')
                 }
             };
 
+            $scope.goToFirstMatch = function()
+            {
+                if ($scope.Search.value.length != 0) {
+                    var groups = $scope.search();
+                    if (groups.length > 0) {
+                        $scope.goTo(groups[0]);
+                    }
+                }
+            };
+
             $scope.isInState = function(state)
             {
                 return $state.current.name == state;

app/less/app.less

@@ -129,6 +129,10 @@
   font-size: @course-font-size;
 }
 
+.day-column-group-name {
+  font-size: @course-font-size;
+}
+
 .days-container {
   padding-left: 0;
   width: 90%;
@@ -157,7 +161,6 @@
   min-height: 75px;
 }
 
-
 .course-dialog {
   min-width: 400px;
 }

app/views/home.html

@@ -60,6 +60,9 @@
                             <span class="day-column-staff-name">{{staff.Name}}</span>
                         </div>
                         <span class="day-column-course-hour">{{course.BeginDate | date : timeFormat}} - {{course.EndDate | date : timeFormat}}</span>
+                        <div ng-repeat="group in course.GroupList">
+                            <span class="day-column-group-name">{{group.Name}}</span>
+                        </div>
                     </div>
                 </div>
             </div>

app/views/modals/course.html

@@ -15,6 +15,9 @@
                     <span class="day-column-staff-name">{{staff.Name}}</span>
                 </div>
                 <span class="day-column-course-hour">{{course.BeginDate | date : timeFormat}} - {{course.EndDate | date : timeFormat}}</span>
+                <div ng-repeat="group in course.GroupList">
+                    <span class="day-column-group-name">{{group.Name}}</span>
+                </div>
             </div>
         </md-dialog-content>
         <md-dialog-actions layout="row">

app/views/sidebar.html

@@ -11,21 +11,23 @@
             narrow your display.
         </p>-->
         <div lu-busy="sidebar">
-            <md-autocomplete
-                    md-selected-item="Search.selected"
-                    md-search-text="Search.value"
-                    md-selected-item-change="goTo(item)"
-                    md-items="item in search(ctrl.searchText)"
-                    md-item-text="item.Name"
-                    md-min-length="1"
-                    placeholder="Type a group name...">
-                <md-item-template>
-                    <span md-highlight-text="ctrl.searchText" md-highlight-flags="^i">{{item.Name}}</span>
-                </md-item-template>
-                <md-not-found>
-                    No groups matching "{{Search.value}}" were found.
-                </md-not-found>
-            </md-autocomplete>
+            <form ng-submit="goToFirstMatch()">
+                <md-autocomplete
+                        md-selected-item="Search.selected"
+                        md-search-text="Search.value"
+                        md-selected-item-change="goTo(item)"
+                        md-items="item in search(ctrl.searchText)"
+                        md-item-text="item.Name"
+                        md-min-length="1"
+                        placeholder="Type a group name...">
+                    <md-item-template>
+                        <span md-highlight-text="ctrl.searchText" md-highlight-flags="^i">{{item.Name}}</span>
+                    </md-item-template>
+                    <md-not-found>
+                        No groups matching "{{Search.value}}" were found.
+                    </md-not-found>
+                </md-autocomplete>
+            </form>
 
             <ul class="col-sm-12 sidebar-group-list">
                 <li ng-show="DataShareBusiness.CurrentGroups.length != 0" class="col-xs-12">