<md-dialog aria-label="{{course.Name}}"  ng-cloak class="course-dialog">
    <form>
        <md-toolbar>
            <div class="md-toolbar-tools">
                <h2>{{course.Name}}</h2>
                <span flex></span>
            </div>
        </md-toolbar>
        <md-dialog-content>
            <div class="md-dialog-content">
                <div ng-repeat="room in course.RoomList">
                    <span class="day-column-room-name">{{room.Name}}</span>
                </div>
                <div ng-repeat="staff in course.StaffList">
                    <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">
            <md-button ng-click="close()" style="margin-right:20px;">
                Close
            </md-button>
        </md-dialog-actions>
    </form>
</md-dialog>