ambition/public/index.html

198 lines
9.1 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Ambition-敏捷开发项目管理工具</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.nav-title {
font-size: 19px;
}
</style>
<script>
var pre;
function change_iframe( seq,obj ){
//0:项目选择
//1:任务
//2:分享
//3:通知
//4:修改个人信息
var src_array=["project_select","task","share","inform","alter_info"];
var src="pages/"+src_array[seq]+".html";
if( seq==0 )
window.location=src;
else
document.getElementById("main").src=src;
$(pre).parent().removeClass("active");
$(obj).parent().addClass("active");
pre=obj;
};
</script>
</head>
<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
<body class="hold-transition skin-blue layout-top-nav" style="overflow:hidden;">
<div class="wrapper">
<header class="main-header">
<nav class="navbar navbar-static-top">
<div class="container">
<div class="navbar-header">
2016-12-28 23:21:43 +08:00
<a href="index.html" class="navbar-brand"><b>Ambition</a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<i class="fa fa-bars"></i>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse pull-left" id="navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#" class="nav-title" data-toggle="modal" data-target="#projectModal">项目</a></li>
<li><a href="#" class="nav-title" onclick="change_iframe(1,$(this));return false;">任务</a></li>
<li><a href="#" class="nav-title" onclick="change_iframe(2,$(this));return false;">分享</a></li>
<li><a href="#" class="nav-title" onclick="change_iframe(3,$(this));return false;">通知</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- User Account Menu -->
<li class="dropdown user user-menu">
<!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown" class="nav-title">
<!-- The user image in the navbar-->
<img src="dist/img/avatar5.png" class="user-image" alt="User Image">
<!-- hidden-xs hides the username on small devices so only the image appears. -->
<span id="name1">xx</span>
</a>
<ul class="dropdown-menu">
<!-- The user image in the menu -->
<li class="user-header">
<img src="dist/img/avatar5.png" class="img-circle" alt="User Image">
<p>
<span id="name2">xx<span>
</p>
<p>
<span id="created_at">xxxx年xx月xx日加入<span>
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-left">
<a href="#" class="btn btn-primary btn-flat" onclick="change_iframe(4,$(this));return false;">修改信息</a>
</div>
<div class="pull-right">
<a href="#" class="btn btn-danger btn-flat" onclick="logout();return false;">登出</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<!-- /.navbar-custom-menu -->
</div>
<!-- /.container-fluid -->
</nav>
</header>
<!-- Full Width Column -->
<div class="content-wrapper">
<iframe id="main" src="pages/task.html" frameborder="0" style="width:100%;margin-left:0px;" class="content-wrapper"></iframe>
</div>
<!-- ./wrapper -->
<!-- 模态框Modal -->
<div class="modal fade" id="projectModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<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>
<h3 class="modal-title" id="myModalLabel">
项目操作
</h3>
</div>
<div class="modal-body">
<div class="row" style="padding:50px;">
<div class="col-lg-6">
<button class="btn btn-block btn-primary btn-lg" onclick="change_iframe(0,$(this));return false;">项目选择</button>
</div>
<!-- col -->
<div class="col-lg-6">
<button class="btn btn-block btn-primary btn-lg">项目详情</button>
</div>
<!-- col -->
</div>
<!-- row -->
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- jQuery 2.1.4 -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
<script>
$(document).ready(function(){
$.ajax({
type: "get",
dataType: "json",
url:"/session.json",
statusCode: {
200: function(data) {// 请求成功
$("#name1").text(data.name);
$("#name2").text(data.name);
$("#created_at").text(data.created_at.substr(0,10)+"加入");
},
401:function(){// 未授权
alert("未登录!");
window.location.href="pages/login.html";
}
}
});
});
function logout(){
$.ajax({
type: "delete",
dataType: "json",
url:"/session.json",
success:function(){
window.location.href="pages/login.html"
},
error:function(){
window.location.href="pages/login.html"
}
});
}
</script>
</body>
</html>