member center, blog redesign

app/views/member/blog/cate.html

@@ -0,0 +1,47 @@
+{{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" .}}