205 lines
9.5 KiB
HTML
205 lines
9.5 KiB
HTML
<!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","project_detail"];
|
||
var src="pages/"+src_array[seq]+".html";
|
||
if( seq==0 || seq==5 )
|
||
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">
|
||
<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">
|
||
×
|
||
</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" onclick="change_iframe(5,$(this));return false;">项目详情</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>
|
||
<!-- Custom Scripts -->
|
||
<script src="pages/include/main.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)+"加入");
|
||
// save
|
||
LoginUserInfo.id=data.id;
|
||
LoginUserInfo.name=data.name;
|
||
LoginUserInfo.email=data.email;
|
||
LoginUserInfo.phone=data.phone;
|
||
},
|
||
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> |