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

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

@@ -7,24 +7,11 @@ define("admin", ["jquery", "avalon"], function($, avalon){
$(".list-group-item").attr("class", "list-group-item");
}
var hash = window.location.hash.substring(1);
if(hash){
li_active("#li-" + hash);
}else {
li_active("#li-index");
function show_template(url){
$("#loading-gif").show();
vm.template_url = url;
}
window.onhashchange = function() {
var hash = window.location.hash.substring(1);
if(hash){
li_inactive(".list-group-item");
li_active("#li-" + hash);
$("#loading-gif").show();
vm.template_url = "template/index/" + hash + ".html";
}
};
var vm = avalon.define({
$id: "admin",
template_url: "template/index/index.html",
@@ -32,4 +19,24 @@ define("admin", ["jquery", "avalon"], function($, avalon){
$("#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]-->
<!-- browser happy end -->
<div class="container" ms-controller="admin">
<div class="container main" ms-controller="admin">
<div class="row">
<!-- admin left begin-->
<div class="col-md-2">
<ul class="list-group">
<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-announcement"><a href="#announcement">公告</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-announcement"><a href="#announcement/announcement">公告</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-item"><a href="#">Help</a></li>
<li class="list-group-header">比赛管理</li>
<li class="list-group-item" id="li-contest-add_contest"><a href="#contest/add_contest">创建比赛</a></li>
</ul>
</div>
<!-- admin left end -->