unserver-unify
Version:
103 lines (97 loc) • 5.2 kB
HTML
<div ng-controller="MyNotesCtrl as ctrl" class="row col-md-12 msg_style">
<div class="panel panel-body" style="padding-top: 0px;">
<div class="msg_info">
<div class="col-lg-6 col-xs-6 col-xs-6 col-xs-12"><h4><i class="fa fa-file-text-o"></i> {{ctrl.newNotesCnt}}</h4><p translate="">Notes within 7 days</p></div>
<div class="col-lg-6 col-xs-6 col-xs-12"><h4><i class="fa fa-file-text"></i> {{ctrl.oldNotesCnt}}</h4><p>{{ {eng:'Old Notes',chn:'旧笔记'} | trans}}</p></div>
</div>
<div class="msg_info hidden-xs">
<div class="col-lg-12 col-xs-12"><h4><i class="fa fa-file-text-o"></i> {{ctrl.myNotesList.length}}</h4><p>{{ {eng:'Total Notes',chn:'笔记总计'}|trans}}</p></div>
</div>
<div class="clearfix margin-bottom-20"></div>
<div class="tab-v1">
<!-- tabs -->
<ul class="nav nav-justified nav-tabs" ng-init="showTab = 'newnotes'">
<li class="active">
<a data-toggle="tab" ng-click="showTab = 'newnotes'">{{'Notes within 7 days' | translate}} <span class="badge badge-warning">{{ ctrl.newNotes.length||0 }}</span></a>
</li>
<li>
<a data-toggle="tab" ng-click="showTab = 'oldnotes'">{{ {eng:'Old Notes',chn:'旧笔记'} | trans}} <span class="badge badge-warning">{{ ctrl.oldNotes.length ||0}}</span></a>
</li>
</ul>
<div class="tab-content">
<!-- new notes -->
<div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'newnotes'}">
<table st-table="ctrl.displaynewNots" st-safe-src="ctrl.newNotes" class="table table-hover tbl_aln font_dec">
<thead>
<tr>
<th translate class="col-lg-2 sortable" st-sort="cid">Course</th>
<th class="col-lg-2 sortable" st-sort="mid">{{ {eng:'Coursware', chn:'章节'} | trans}}</th>
<th class="sortable col-lg-3" st-sort="created">{{'Created Date' | translate}}</th>
<th class="col-lg-5">{{'Content' | translate}}</th>
<th class="col-lg-1" translate="">Download</th>
</tr>
</thead>
<tbody>
<tr ng-if="ctrl.displaynewNots.length == 0">
<td colspan="5">
<div class="no_record" translate="">No Record</div>
</td>
</tr>
<tr ng-repeat="note in ctrl.displaynewNots" class="profile-post {{item.color}}">
<td class="col-lg-2">{{ctrl.coursesinfo[note.cid].name}}</td>
<td class="col-lg-2">{{ctrl.coursewareinfo[note.mid].name}}</td>
<td class="col-lg-3">{{note.created | date: 'yyyy-MM-dd HH:mm'}}</td>
<td class="col-lg-5"><a ui-sref="index.courses.course.section.video({ cid:note.cid, id:note.mid, rid:note.rid, shownote:true,cs:getCheckSum(note.cid)})">{{note.content}}</a></td>
<td class="col-lg-1">
<a href="javascript:;" ng-click="ctrl.download(note)" class="text_indent20">
<i class="fa fa-download"> </i>
</a>
</td>
</tr>
</tbody>
<tfoot>
<td class="text-right col-md-12" st-pagination="" st-items-by-page="10" st-template="components/content/tablePagination.html" colspan="5"></td>
</tfoot>
</table>
</div>
<!-- old notes-->
<div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'oldnotes'}">
<table st-table="ctrl.displayoldNotes" st-safe-src="ctrl.oldNotes" class="table table-hover tbl_aln font_dec">
<thead>
<tr>
<th translate class="col-lg-2 sortable" st-sort='cid'>Course</th>
<th class="col-lg-2 sortable" st-sort="mid">{{ {eng:'Coursware', chn:'章节'} | trans}}</th>
<th class="sortable col-lg-3" st-sort="created">{{'Created Date' | translate}}</th>
<th class="col-lg-5">{{'Content' | translate}}</th>
<th class="col-lg-1" translate="">Download</th>
</tr>
</thead>
<tbody class="profile">
<tr ng-if="ctrl.displayoldNotes.length == 0">
<td colspan="5">
<div class="no_record" translate="">No Record</div>
</td>
</tr>
<tr ng-repeat="note in ctrl.displayoldNotes" class="profile-post {{item.color}}">
<td class="col-lg-2">{{ctrl.coursesinfo[note.cid].name}}</td>
<td class="col-lg-2">{{ctrl.coursewareinfo[note.mid].name}}</td>
<td class="col-lg-3">{{note.created | date: 'yyyy-MM-dd HH:mm'}}</td>
<td class="col-lg-5">
<a ui-sref="index.courses.course.section.video({ cid:note.cid, id:note.mid, rid:note.rid, shownote:true,cs:getCheckSum(note.cid)})">{{note.content}}</a>
</td>
<td class="col-lg-1">
<a href="javascript:;" ng-click="ctrl.download(note)" class="text_indent20">
<i class="fa fa-download"> </i>
</a>
</td>
</tr>
</tbody>
<tfoot>
<td class="text-right col-md-12" st-pagination="" st-items-by-page="10" st-template="components/content/tablePagination.html" colspan="5"></td>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>