unserver-unify
Version:
91 lines (83 loc) • 4.64 kB
HTML
<div ng-controller="MyNotesCtrl as ctrl" class="msg_style">
<div class="panel panel-body" style="padding-top: 0px;">
<div class="msg_info ng-init="showTab = 'newnotes'"">
<a data-toggle="tab" ng-click="showTab = 'newnotes'">
<div class="col-xs-6 text-center">
<h4><i class="fa fa-file-text-o"></i> {{ctrl.newNotesCnt}}</h4>
<p translate="">Notes within 7 days</p>
</div>
</a>
<a data-toggle="tab" ng-click="showTab = 'oldnotes'">
<div class="col-xs-6 text-center">
<h4><i class="fa fa-file-text"></i> {{ctrl.oldNotesCnt}}</h4>
<p>{{ {eng:'Old Notes',chn:'旧笔记'} | trans}}</p>
</div>
</a>
</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" style="margin:0" ng-init="showTab = 'newnotes'">
<!-- <li class="active">
<a data-toggle="tab" ng-click="showTab = 'newnotes'">{{ {eng:'Notes within 7 days', chn:'7日内新建笔记'} | trans}} <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>
</tr>
</thead>
<tbody>
<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)})" class="clamped pull-left clamped-3">{{note.content}}</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="4"></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>
</tr>
</thead>
<tbody class="profile">
<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)})" class="clamped pull-left clamped-3">{{note.content}}</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="4"></td>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>