2016-12-08 10:04:12 +08:00
|
|
|
|
<!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>
|
2016-12-08 10:04:12 +08:00
|
|
|
|
<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. -->
|
2016-12-27 22:44:50 +08:00
|
|
|
|
<span id="name1">xx</span>
|
2016-12-08 10:04:12 +08:00
|
|
|
|
</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>
|
2016-12-27 22:44:50 +08:00
|
|
|
|
<span id="name2">xx<span>
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
<span id="created_at">xxxx年xx月xx日加入<span>
|
2016-12-08 10:04:12 +08:00
|
|
|
|
</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">
|
2016-12-27 22:44:50 +08:00
|
|
|
|
<a href="#" class="btn btn-danger btn-flat" onclick="logout();return false;">登出</a>
|
2016-12-08 10:04:12 +08:00
|
|
|
|
</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">
|
|
|
|
|
×
|
|
|
|
|
</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>
|
2016-12-27 22:44:50 +08:00
|
|
|
|
<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>
|
2016-12-08 10:04:12 +08:00
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|