<div class="main-container"><div class="top-container"><div id="topbar"><div class="clearfix" ng-class="{hide: selectedTodoCount() > 0}" id="normal-nav"><ul class="topbar-nav pull-left"><li class="topbar-nav-item text">待办事项</li></ul><ul class="topbar-nav pull-right"><li class="topbar-nav-item"><a href="" id="create-todo-btn" ng-click="startCreateNew()"><i class="fa fa-plus"></i><span class="hide-on-mobile">&nbsp;新建待办事项</span></a></li><li sync-btn=""></li><li right-sidebar=""></li></ul></div><div class="clearfix" id="toolbar" ng-class="{hide: selectedTodoCount() === 0}"><ul class="topbar-nav pull-left"><li class="topbar-nav-item"><a class="close-button min" ng-click="closeHiddenToolbar()"><i class="fa fa-times"></i></a></li><li class="topbar-nav-item text"><span id="selected-count">{{selectedTodoCount()}}</span> 项</li></ul><ul class="topbar-nav pull-right"><li class="topbar-nav-item"><a class="select-all-button min" ng-click="toggleSelectCurrentPage()" ng-class="{actived: currentPageSelected}"><i class="fa fa-square-o"></i> 选中全部</a></li><li class="topbar-nav-item"><a href="" ng-click="batchComplete()">完成</a></li></ul></div></div></div><div class="body-container"><div class="left-section"><div class="user-name-div"><span left-user=""></span></div><aside class="left-aside"><notebook-list></notebook-list><left-nav select="todos"></left-nav></aside></div><div class="right-section"><div class="main-section"><ul class="todos" id="todos"><li class="todo" ng-repeat="todo in todos" ng-class="{selected: todo.selected}" ng-mouseenter="todo.showNubbin = !todo.showEdit" ng-mouseleave="todo.showNubbin = false"><div class="todo-select" ng-click="toggleTodoSelect(todo)"><i class="fa fa-square-o"></i></div><div class="todo-info" ng-dblclick="startTodoEdit(todo, $event)"><a class="title" href="" ng-hide="todo.showEdit" ng-click="toggleTodoSelect(todo)">{{todo.title}}</a><div class="title-edit" ng-show="todo.showEdit"><textarea rows="5" id="todo-edit{{todo.id}}" maxlength="200" type="text" ng-model="todo.editTitle"></textarea><b class="pull-right"><button class="confirm" ng-click="updateTodo(todo)">确定</button> <button class="cancel" ng-click="todo.showEdit=false">取消</button></b></div><div class="quiet" ng-hide="todo.showEdit">创建于 {{todo.startAt | date:'medium'}}</div></div><div class="nubbin" style="left:-80px;top:14px" ng-class="{actived: todo.showNubbin}"><div class="spacer"></div><a class="finish" href="" ng-click="completeTodo(todo.id, todo.usn, $event)"><i class="fa fa-check"></i>&nbsp;完成</a> <a href="" ng-click="startTodoEdit(todo, $event)">编辑</a></div></li><li class="inner empty-message" ng-hide="todos.length > 0">没有待办事项</li></ul><div class="inner" ng-show="pagination.totalPages > 1"><nav id="paginator"><span class="pages">{{pagination.currentPage+1}}/{{pagination.totalPages}}</span> <a class="next button" href="" ng-click="queryTodos({start_page: pagination.currentPage+1})" ng-show="pagination.currentPage != pagination.totalPages-1">下一页<i class="icon-circle-arrow-right"></i></a> <a class="prev button" href="" ng-click="queryTodos({start_page: pagination.currentPage-1})" ng-show="pagination.currentPage > 0"><i class="icon-circle-arrow-left"></i>上一页</a></nav></div></div><div class="modal fade" id="todo-updator-modal"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><h4 class="modal-title">更新待办事项</h4></div><div class="modal-body"><form accept-charset="UTF-8" action="#" id="notebook-updator-form" method="post"><div style="margin:0;padding:0;display:inline"><div class="field"><textarea id="todoInput" name="title" maxlength="200" placeholder="这里输入内容" type="text" ng-model="newTodoTitle"></textarea></div></div></form></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取消</button> <button type="button" class="btn btn-default" ng-click="createNew()">保存</button></div></div><!-- /.modal-content --></div><!-- /.modal-dialog --></div><!-- /.modal --></div></div></div>