xuyue/OnlineJudge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复后台左侧导航栏的 hash 和 li class 还有模板路径对应关系错误的 bug

Browse Source
This commit is contained in:
virusdefender
2015-08-07 17:13:09 +08:00
parent 2475407597
commit 1d639d1203
2 changed files with 28 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
static/src/js/app/admin/admin.js
View File

@@ -7,23 +7,10 @@ define("admin", ["jquery", "avalon"], function($, avalon){
$(".list-group-item").attr("class", "list-group-item"); $(".list-group-item").attr("class", "list-group-item");
} }
var hash = window.location.hash.substring(1); function show_template(url){
if(hash){
li_active("#li-" + hash);
}else {
li_active("#li-index");
}
window.onhashchange = function() {
var hash = window.location.hash.substring(1);
if(hash){
li_inactive(".list-group-item");
li_active("#li-" + hash);
$("#loading-gif").show(); $("#loading-gif").show();
vm.template_url = "template/index/" + hash + ".html"; vm.template_url = url;
} }
};
var vm = avalon.define({ var vm = avalon.define({
$id: "admin", $id: "admin",
@@ -32,4 +19,24 @@ define("admin", ["jquery", "avalon"], function($, avalon){
$("#loading-gif").hide(); $("#loading-gif").hide();
} }
}); });
var hash = window.location.hash.substring(1);
if(hash){
li_active("#li-" + hash.replace("/", "-"));
show_template("template/" + hash + ".html");
}else {
li_active("#li-index-index");
}
window.onhashchange = function() {
var hash = window.location.hash.substring(1);
if(hash){
li_inactive(".list-group-item");
li_active("#li-" + hash.replace("/", "-"));
show_template("template/" + hash + ".html");
}
};
}); });

10
template/admin/admin.html
View File

@@ -67,17 +67,17 @@
<![endif]--> <![endif]-->
<!-- browser happy end --> <!-- browser happy end -->
<div class="container" ms-controller="admin"> <div class="container main" ms-controller="admin">
<div class="row"> <div class="row">
<!-- admin left begin--> <!-- admin left begin-->
<div class="col-md-2"> <div class="col-md-2">
<ul class="list-group"> <ul class="list-group">
<li class="list-group-header">List header</li> <li class="list-group-header">List header</li>
<li class="list-group-item" id="li-index"><a href="#index">主页</a></li> <li class="list-group-item" id="li-index-index"><a href="#index/index">主页</a></li>
<li class="list-group-item" id="li-announcement"><a href="#announcement">公告</a></li> <li class="list-group-item" id="li-announcement-announcement"><a href="#announcement/announcement">公告</a></li>
<li class="list-group-item"><a href="#">Applications</a></li> <li class="list-group-item"><a href="#">Applications</a></li>
<li class="list-group-header">Another list header</li> <li class="list-group-header">比赛管理</li>
<li class="list-group-item"><a href="#">Help</a></li> <li class="list-group-item" id="li-contest-add_contest"><a href="#contest/add_contest">创建比赛</a></li>
</ul> </ul>
</div> </div>
<!-- admin left end --> <!-- admin left end -->