unserver-unify/src/app/course/rating-dlg.html

<div class="modal-header">
  <button type="button" class="close" ng-click="$dismiss()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  <h3 class="modal-title">{{'Course Rating' | translate}}</h3>
</div>

<div class="modal-body">

	<!-- tabs -->
	<div class="row">
		<div class="col-md-12">
		    <ul class="nav nav-tabs" class="col-md-12" ng-init="tab = 'students'">
		        <li  ng-class="{'active' : tab == 'students' }">
		        	<a ng-click="tab = 'students'"> {{ {eng:'From Students',chn:'学生评语'}   | trans }} </a>
		        </li>
		        <li  ng-class="{'active' : tab == 'teachers' }">
		        	<a ng-click="tab = 'teachers'"> <span ng-if="loginService.subDomain!='sgpower'">{{ {eng:'From Teachers',chn:'老师评语'}   | trans }}</span> <span ng-if="loginService.subDomain=='sgpower'">{{ {eng:'From Trainers',chn:'老师评语'}   | trans }}</span> </a>
		        </li>
		        <li  ng-class="{'active' : tab == 'others'   }">
		        	<a ng-click="tab = 'others'"  > {{ {eng:'From Others'  ,chn:'其他人评语'} | trans }} </a>
		        </li>
		    </ul>
		</div>
	</div>
	<!-- ratings from students -->
	<table ng-if="tab == 'students'" st-safe-src="ctrl.studentsRatings"  st-table="students" class="table table-hover tbl_aln font_dec table_rating">
		<thead>
			<tr>
				<th style="width: 22%" class="sortable" st-sort="date">{{ {eng:'Date',chn:'评分日期'}|trans }}</th>
				<th style="width: 12%" class="sortable" st-sort="averageRating">{{'Average Rating' | translate}}</th>
				<th style="width: 12%" class="sortable" st-sort="ratings.Attraction">{{ {eng:'Attraction',chn:'兴趣评分'}|trans }}</th>
				<th style="width: 12%" class="sortable" st-sort="ratings.Content">{{ {eng:'Content',chn:'内容评分'}|trans }}</th>
				<th style="width: 12%" class="sortable" st-sort="ratings.Knowledge">{{ {eng:'Knowledge',chn:'知识点评分'}|trans }}</th>
				<th style="width: 30%" class="sortable" st-sort="comment">{{ {eng:'Comment',chn:'评语'}|trans }}</th>
			</tr>
		</thead>
		<tbody>
			<tr ng-if="students.length <= 0">
				<td colspan="6">
					<div class="no_record" translate="">No Record</div>
				</td>
			</tr>
			<tr ng-repeat="rating in students">
				<td>{{rating.date | date : 'yyyy-MM-dd'}}</td>
				<td>{{rating.averageRating}}</td>
				<td>{{rating.ratings.Attraction}}</td>
				<td>{{rating.ratings.Content}}</td>
				<td>{{rating.ratings.Knowledge}}</td>
				<td>{{rating.comment}}</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td class="text-center" st-pagination="" st-items-by-page="10" st-template="components/content/tablePagination.html" colspan="6"></td>
			</tr>
		</tfoot>		
	</table>

	<!-- ratings from teachers -->
	<table ng-if="tab == 'teachers'" st-table="teachers" st-safe-src="ctrl.teachersRatings" class="table table-hover tbl_aln font_dec table_rating">
		<thead>
			<tr>
				<th style="width: 22%" class="sortable" st-sort="date">{{ {eng:'Date',chn:'评分日期'}|trans }}</th>
				<th style="width: 12%" class="sortable" st-sort="averageRating">{{'Average Rating' | translate}}</th>
				<th style="width: 12%" class="sortable" st-sort="ratings.Attraction">{{ {eng:'Attraction',chn:'兴趣评分'}|trans }}</th>
				<th style="width: 12%" class="sortable" st-sort="ratings.Content">{{ {eng:'Content',chn:'内容评分'}|trans }}</th>
				<th style="width: 12%" class="sortable" st-sort="ratings.Knowledge">{{ {eng:'Knowledge',chn:'知识点评分'}|trans }}</th>
				<th style="width: 30%" class="sortable" st-sort="comment">{{ {eng:'Comment',chn:'评语'}|trans }}</th>
			</tr>
		</thead>
		<tbody>
			<tr ng-if="teachers.length <= 0">
				<td colspan="6">
					<div class="no_record" translate="">No Record</div>
				</td>
			</tr>
			<tr ng-repeat="rating in teachers">
				<td>{{rating.date | date : 'yyyy-MM-dd'}}</td>
				<td>{{rating.averageRating}}</td>
				<td>{{rating.ratings.Attraction}}</td>
				<td>{{rating.ratings.Content}}</td>
				<td>{{rating.ratings.Knowledge}}</td>
				<td>{{rating.comment}}</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td class="text-center" st-pagination="" st-items-by-page="10" st-template="components/content/tablePagination.html" colspan="6"></td>
			</tr>
		</tfoot>
	</table>
	<!-- ratings from others -->
	<table ng-if="tab == 'others'" st-safe-src="ctrl.othersRatings" st-table="others" class="table table-hover tbl_aln font_dec table_rating">
		<thead>
			<tr>
				<th style="width: 22%" class="sortable" st-sort="date">{{ {eng:'Date',chn:'评分日期'}|trans }}</th>
				<th style="width: 12%" class="sortable" st-sort="averageRating">{{'Average Rating' | translate}}</th>
				<th style="width: 12%" class="sortable" st-sort="ratings.Attraction">{{ {eng:'Attraction',chn:'兴趣评分'}|trans }}</th>
				<th style="width: 12%" class="sortable" st-sort="ratings.Content">{{ {eng:'Content',chn:'内容评分'}|trans }}</th>
				<th style="width: 12%" class="sortable" st-sort="ratings.Knowledge">{{ {eng:'Knowledge',chn:'知识点评分'}|trans }}</th>
				<th style="width: 30%" class="sortable" st-sort="comment">{{ {eng:'Comment',chn:'评语'}|trans }}</th>
			</tr>
		</thead>
		<tbody>
			<tr ng-if="others.length <= 0">
				<td colspan="6">
					<div class="no_record" translate="">No Record</div>
				</td>
			</tr>
			<tr ng-repeat="rating in others">
				<td>{{rating.date | date : 'yyyy-MM-dd'}}</td>
				<td>{{rating.averageRating}}</td>
				<td>{{rating.ratings.Attraction}}</td>
				<td>{{rating.ratings.Content}}</td>
				<td>{{rating.ratings.Knowledge}}</td>
				<td>{{rating.comment}}</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td class="text-center" st-pagination="" st-items-by-page="10" st-template="components/content/tablePagination.html" colspan="6"></td>
			</tr>
		</tfoot>		
	</table>
	<div class="clearfix"></div>
</div>