{{template "member/top.html" .}}
<div class="m-b-md"> <h3 class="m-b-none">(笔记本)分类</h3></div>

<div class="row">
<div class="col-sm-8">
	<section class="panel panel-default">
		<div class="panel-body">
		分类是公开为博客的笔记本
		<br />
		拖动可排序
        <ul class="list-group gutter list-group-lg list-group-sp sortable">
        	{{range .notebooks}}
          <li class="list-group-item" draggable="true" data-id="{{.NotebookId.Hex}}">
          	<span class="pull-left media-xs"><i class="fa fa-sort text-muted fa m-r-sm"></i></span>
            {{.Title}}
          </li>
          {{end}}
        </ul>
      </div>
      <footer class="panel-footer text-right bg-light lter">
		    <button type="submit" id="baseBtn" class="btn btn-success">{{msg . "submit"}}</button>
		</footer>
	</section>
</div>

</div>
{{template "member/footer.html" .}}
<script type="text/javascript" src="/public/member/js/jquery.sortable.js"></script>
<script>
$(function() {
	$("#baseBtn").click(function(){
		var ids = [];
		$(".list-group-item").each(function() {
			ids.push($(this).data("id"));
		});
		ajaxPost("/member/blog/upateCateIds", {cateIds: ids}, function(re){
			if(reIsOk(re)) {
				art.tips("Success");
			} else {
				art.alert(re.Msg || "error");
			}
		});
	});
});
</script>

{{template "member/end.html" .}}