yeyinlaoying/anytunnel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
arraykeys
2019-08-08 17:13:34 +08:00
parent e8e5966a8c
commit f0bf2d5fec
2885 changed files with 1195993 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
at-web/app/views/author/login.html
+18
View File
@@ -0,0 +1,18 @@
<div class="logo_box">
<h3>隧道云,欢迎你</h3>
<form class="login_form" action="/author/signup" method="post">
<div class="input_outer">
<span class="u_user"></span>
<input name="username" class="text" style="color: #FFFFFF !important" type="text" placeholder="请输入账户">
</div>
<div class="input_outer">
<span class="us_uer"></span>
<input name="password" class="text" style="color: #FFFFFF !important; position:absolute; z-index:100;" value="" type="password" placeholder="请输入密码">
</div>
<div class="mb2"><a class="act-but submit" href="javascript:;" onclick="Author.login()" style="color: #FFFFFF">登录</a></div>
</form>
<p class="error_message" style="text-align: center;color: indianred;display: none"><strong></strong></p>
<p class="success_message" style="text-align: center;color: #00ba8b;display: none"><strong></strong></p>
<h5 style="text-align: center;"><a href="/" style="color: #00ba8b"> >>返回首页 </a>|<a href="/author/register" style="color: #00ba8b">没有账号？点击注册 <<</a></h5>
</div>
<script type="text/javascript" src="/static/js/module/author.js"></script>
at-web/app/views/author/register.html
+22
View File
@@ -0,0 +1,22 @@
<div class="logo_box">
<h3>你好,欢迎<b style="color:darkgoldenrod">注册</b>隧道云</h3>
<form class="register_form" action="/author/signin" method="post">
<div class="input_outer">
<span class="u_user"></span>
<input name="username" class="text" style="color: #FFFFFF !important" type="text" placeholder="请输入用户名">
</div>
<div class="input_outer">
<span class="us_uer"></span>
<input name="password" class="text" style="color: #FFFFFF !important; position:absolute; z-index:100;" value="" type="password" placeholder="请输入密码">
</div>
<div class="input_outer">
<span class="u_email"></span>
<input name="email" class="text" style="color: #FFFFFF !important" type="text" placeholder="请输入邮箱">
</div>
<div class="mb2"><a class="act-but submit" href="javascript:;" onclick="Author.register()" style="color: #FFFFFF">注册</a></div>
</form>
<p class="error_message" style="text-align: center;color: indianred;display: none"><strong></strong></p>
<p class="success_message" style="text-align: center;color: #00ba8b;display: none"><strong></strong></p>
<h5 style="text-align: center;"><a href="/" style="color: #00ba8b"> >>返回首页 </a>|<a href="/author/login" style="color: #00ba8b">已有账号？点击登录 <<</a></h5>
</div>
<script type="text/javascript" src="/static/js/module/author.js"></script>
at-web/app/views/client/cluster.html
+61
View File
@@ -0,0 +1,61 @@
<div class="panel panel-default">
<div class="panel-body">
<div class="alert alert-info" role="alert">
<strong><span class="glyphicon glyphicon-volume-up"></span> 注意！</strong> 普通用户只能选择普通节点，VIP 可选择VIP节点。<i class="ace-icon fa fa-hand-o-right blue"></i> <a href="">如何成为VIP?</a>
</div>
<form class="form-horizontal ajaxform">
<input type="hidden" name="role_id" value="" />
<h4><span class="label label-default">普通节点</span></h4>
<hr>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>北美地区</strong> <span class="pull-right"><span class="badge">5</span></span></li>
<li class="list-group-item">北美1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美4<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>香港地区</strong> <span class="pull-right"><span class="badge">3</span></span></li>
<li class="list-group-item">香港1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>大陆地区</strong> <span class="pull-right"><span class="badge">4</span></span></li>
<li class="list-group-item">大陆1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<h4><span class="label label-warning">VIP节点</span></h4>
<hr>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>北美地区</strong> <span class="pull-right"><span class="badge">5</span></span></li>
<li class="list-group-item">北美1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美4<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>香港地区</strong> <span class="pull-right"><span class="badge">3</span></span></li>
<li class="list-group-item">香港1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>大陆地区</strong> <span class="pull-right"><span class="badge">4</span></span></li>
<li class="list-group-item">大陆1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<div class="form-group">
<div class="col-md-8" style="margin-left:10px;">
<button type="submit" class="btn btn-primary">确认</button>
</div>
</div>
</form>
</div>
</div>
at-web/app/views/client/form.html
+19
View File
@@ -0,0 +1,19 @@
<div class="panel panel-default">
<br>{{$clientValue := .clientValue}}
<div class="panel-body">
<form class="form-horizontal" method="post" action="{{if eq $clientValue.client_id "0"}} /client/save {{else}} /client/modify {{end}}">
<input type="hidden" name="client_id" value="{{$clientValue.client_id}}">
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>Client名称</label>
<div class="col-sm-4">
<input type="text" name="name" class="form-control" value="{{$clientValue.name}}" placeholder="请输入 Client 名称">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" name="submit" onclick="Form.ajaxSubmit(this.form, false)" class="btn btn-primary">保存</button>
</div>
</div>
</form>
</div>
</div>
at-web/app/views/client/list.html
+53
View File
@@ -0,0 +1,53 @@
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-2">
<a href="/client/add" class="btn btn-primary">添加 Client</a>
</div>
<div class="col-md-3 col-md-offset-7">
<form action="/client/list" method="get">
<div class="input-group">
<input class="form-control" name="keyword" type="text" value="{{.keyword}}" placeholder="名称/Token"/>
<span class="input-group-btn">
<button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i></button>
</span>
</div>
</form>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th class="w20p">名称</th>
<th class="w20p">token</th>
<th class="w13p">创建时间</th>
<th class="w13p">修改时间</th>
<th class="w15p">操作</th>
</tr>
</thead>
<tbody>
{{range $key, $clientValue := .clientValues}}
<tr>
<td>{{$clientValue.name}}</td>
<td>{{$clientValue.token}}</td>
<td class="center">{{dateFormat $clientValue.create_time "Y-m-d H:i:s"}}</td>
<td class="center">{{dateFormat $clientValue.update_time "Y-m-d H:i:s"}}</td>
<td class="center">
<a name="edit" class="glyphicon glyphicon-edit" href="/client/edit?client_id={{$clientValue.client_id}}">修改</a>
<a onclick="Common.confirm('确定要删除吗？', '/client/delete?client_id={{$clientValue.client_id}}')" class="glyphicon glyphicon-remove">删除</a>
<a onclick="Common.confirm('确定要重置token吗？', '/client/resetToken?client_id={{$clientValue.client_id}}')" class="glyphicon glyphicon-refresh">重置Token</a>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
<div class="panel-footer">
<div class="row">
<div class="col-md-8 m-pagination" id="paginator">
</div>
</div>
</div>
</div>
at-web/app/views/cluster/form.html
+48
View File
@@ -0,0 +1,48 @@
<div class="panel panel-default">
<br>
<div class="panel-body">
<form class="form-horizontal ajaxform" ajaxSuccess="success" ajaxAlways="always" method="post" action="">
<input type="hidden" name="role_id" value="">
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>名称</label>
<div class="col-sm-4">
<input type="text" name="name" class="form-control" value="" placeholder="client 名称">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>server_ip</label>
<div class="col-sm-4">
<input type="text" name="server_ip" class="form-control" value="" placeholder="请输入server_ip">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>cluster节点</label>
<div class="col-sm-4">
<div class="input-group">
<input type="text" name="cluster_name" class="form-control" value="" aria-describedby="cluster" placeholder="请选择cluster节点" readonly>
<span class="input-group-addon" id="cluster"><a name="select_cluster" data-link="/cs/cluster" class="glyphicon glyphicon-th-list"></a></span>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">保存</button>
</div>
</div>
</form>
</div>
</div>
<script type="text/javascript">
$("a[name='select_cluster']").bind('click', function() {
$.fancybox({
padding: 5,
minWidth : 800,
minHeight : 520,
width : '95%',
height : '60%',
autoSize : false,
type : 'iframe',
href : $(this).attr('data-link')
});
});
</script>
at-web/app/views/common/foot.html
Executable
+16
View File
@@ -0,0 +1,16 @@
<!--==== bootstrap ====-->
<script src="/static/js/bootstrap.min.js"></script>
<!--==== plugins js ====-->
<script src="/static/js/plugins.js"></script>
<!--==== magnific-popup-options js ====-->
<script src="/static/js/magnific-popup-options.js"></script>
<!--==== validator js ====-->
<script src="/static/js/validator.min.js"></script>
<!--==== particles js ====-->
<script src="/static/js/particles.min.js"></script>
<!--==== app js ====-->
<script src="/static/js/app.js"></script>
<!--==== app js ====-->
<script src="/static/js/wow-1.3.0.min.js"></script>
<!--==== main js ====-->
<script src="/static/js/main.js"></script>
at-web/app/views/common/footer.html
+25
View File
@@ -0,0 +1,25 @@
<!--======******************* FOOTER SECTION ******************======-->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
<div class="footer-text wow fadeInUp" data-wow-delay="0.4s">
<p>Copyright &copy; Company <i style="color:#4183D7;">{{config "String" "sys.fullname" ""}}</i> All rights reserved.</p>
</div>
</div>
</div>
</div>
</footer>
<!--======******************* END FOOTER SECTION ***************======-->
at-web/app/views/common/head.html
Executable
+29
View File
@@ -0,0 +1,29 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="keywords" content="">
<!--==== bootstrap ====-->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<!--==== font-awesome ====-->
<link href="/static/css/font-awesome.min.css" rel="stylesheet">
<!--==== owl-carousel ====-->
<link href="/static/css/owl.carousel.css" rel="stylesheet">
<!--==== magnific-popup ====-->
<link href="/static/css/magnific-popup.css" rel="stylesheet">
<!--==== animate css ====-->
<link href="/static/css/animate.min.css" rel="stylesheet">
<!--==== style css ====-->
<link href="/static/css/style.css" rel="stylesheet">
<!--==== responsive css ====-->
<link href="/static/css/responsive.css" rel="stylesheet">
<!--==== jquery ====-->
<script src="/static/js/jquery-2.1.4.min.js"></script>
<!--[if lt IE 9]>
<script src="/static/js/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="/static/js/respond/1.4.2/respond.min.js"></script>
<![endif]-->
at-web/app/views/common/header.html
+26
View File
@@ -0,0 +1,26 @@
<div id="user-home" class="" style="height:70px;">
<header class="navbar custom-navbar">
<div class="logo pull-left">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<a href="/user/index">{{config "String" "sys.fullname" ""}}</a>
</div>
<nav class="main-menu pull-right">
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="smooth-scroll"><a target="main" href="/tunnel/mode"><span class="label label-danger">添加隧道</span></a></li>
<li class="smooth-scroll" style="text-transform:none;"><a><span class="label label-primary">Hi：{{.userValue.username}} </span></a></li>
<li class="smooth-scroll"><a class="theme-color" href="/">首页</a></li>
<!--<li class="smooth-scroll"><a class="theme-color" href="/user/index">个人中心</a></li>-->
<li class="smooth-scroll"><a class="theme-color" href="/author/logout">退出</a></li>
</ul>
</div>
</nav>
</header>
</div>
at-web/app/views/common/header_index.html
+56
View File
@@ -0,0 +1,56 @@
<div id="home" class="intro-section">
<header class="navbar custom-navbar" style="border-radius:0">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="logo">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<a href="#home">{{config "String" "sys.fullname" ""}}</a>
</div>
</div>
<div class="col-md-9 col-sm-9 col-xs-12">
<nav class="main-menu">
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active smooth-scroll"><a class="theme-color" href="#home">首页</a></li>
<li class="smooth-scroll"><a class="theme-color" href="#services">服务</a></li>
{{if eq .isLogin "1"}}
<li class="smooth-scroll"><a class="theme-color" href="/user/index">个人中心</a></li>
<li class="smooth-scroll"><a class="theme-color" href="/author/logout">退出</a></li>
{{else}}
<li class="smooth-scroll"><a class="theme-color" href="/author/login">登录</a></li>
<li class="smooth-scroll"><a class="theme-color" href="/author/register">注册</a></li>
{{end}}
</ul>
</div>
</nav>
</div>
</div>
</div>
</header>
<div class="welcome-area">
<div id="particles-js"></div>
<div class="welcome-table">
<div class="welcome-cell">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="welcome-text text-center">
<h4>隧道云</h4>
<h1>让你轻松<span class="theme-color">连通</span>世界每个角落 </h1>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="#services" class="scroll-btn banner-icon theme-color"><i class="fa fa-angle-double-down"></i></a>
</div>
</div>
at-web/app/views/error/500-full.html
+44
View File
@@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>出错啦!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/static/js/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="/static/css/fonts.googleapis.com.css">
<link rel="stylesheet" href="/static/css/common.css">
<link rel="stylesheet" href="/static/css/font-awesome.min.css">
<!--bootstrap google plus theme-->
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<script src="/static/js/bootstrap.min.js"></script>
<!--end-->
</head>
<body>
<div class="panel panel-default">
<div class="panel-body">
<div class="alert alert-danger" role="alert">
<strong><span class="blue bigger-125">
<i class="ace-icon fa fa-random"></i>
</span></strong> 很抱歉，服务器返回错误！
</div>
<div class="space"></div>
<hr>
<div class="space"></div>
<div class="center" style="text-align: center">
<a href="javascript:history.back()" class="btn btn-default">
<i class="ace-icon fa fa-arrow-left"></i> 返回
</a>
<a target="_parent" href="/user/index" class="btn btn-primary">
<i class="ace-icon fa fa-tachometer"></i> 主页
</a>
</div>
</div>
</div>
</body>
</html>
at-web/app/views/error/500.html
+31
View File
@@ -0,0 +1,31 @@
<div class="panel panel-default">
<div class="panel-body">
<div class="alert alert-danger" role="alert">
<strong><span class="blue bigger-125">
<i class="ace-icon fa fa-random"></i>
</span></strong> 很抱歉，服务器返回错误！
</div>
<div class="space"></div>
<div>
<h4 class="lighter smaller">以下是具体的错误信息:</h4>
<ul class="list-unstyled spaced inline bigger-110 margin-15">
<li>
<i class="ace-icon fa fa-hand-o-right blue"></i>
<span class="text-danger">{{.errorMessage}}</span>
</li>
</ul>
</div>
<hr>
<div class="space"></div>
<div class="center" style="text-align: center">
<a href="javascript:history.back()" class="btn btn-default">
<i class="ace-icon fa fa-arrow-left"></i>
返回
</a>
<a target="_parent" href="/main/index" class="btn btn-primary">
<i class="ace-icon fa fa-tachometer"></i>
首页
</a>
</div>
</div>
</div>
at-web/app/views/layout/default.html
Executable
+13
View File
@@ -0,0 +1,13 @@
<!DOCTYPE HTML>
<html>
<head>
<title>{{.title}}</title>
{{template "common/head.html" .}}
</head>
<body class="blue_color_theme">
{{template "common/header.html" .}} {{.LayoutContent}} {{template "common/footer.html" .}} {{template "common/foot.html" .}}
</body>
</html>
at-web/app/views/layout/index.html
+13
View File
@@ -0,0 +1,13 @@
<!DOCTYPE HTML>
<html>
<head>
<title>{{.title}}</title>
{{template "common/head.html" .}}
</head>
<body class="blue_color_theme">
{{template "common/header_index.html" .}} {{.LayoutContent}} {{template "common/footer.html" .}} {{template "common/foot.html" .}}
</body>
</html>
at-web/app/views/layout/login.html
+36
View File
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{.title}}</title>
<link rel="stylesheet" type="text/css" href="/static/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="/static/css/demo.css" />
<link rel="stylesheet" type="text/css" href="/static/css/component.css" />
<!--[if IE]>
<script src="/static/js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container demo-1">
<div class="content">
<div id="large-header" class="large-header">
<canvas id="demo-canvas"></canvas> {{.LayoutContent}}
</div>
</div>
</div>
<!-- /container -->
<!--==== jquery ====-->
<script src="/static/js/jquery-2.1.4.min.js"></script>
<script src="/static/js/jquery.form.js"></script>
<script src="/static/js/TweenLite.min.js"></script>
<script src="/static/js/EasePack.min.js"></script>
<script src="/static/js/rAF.js"></script>
<script src="/static/js/demo-1.js"></script>
</body>
</html>
at-web/app/views/layout/page.html
+34
View File
@@ -0,0 +1,34 @@
<!DOCTYPE HTML>
<html>
<head>
<title>{{.title}}</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--==== bootstrap ====-->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<!--==== font-awesome ====-->
<link href="/static/css/font-awesome.min.css" rel="stylesheet">
<link href="/static/css/common.css" rel="stylesheet">
<!--==== animate css ====-->
<link href="/static/css/animate.min.css" rel="stylesheet">
<link href="/static/plugins/jquery-fancybox/css/jquery.fancybox.css" rel="stylesheet">
<link href="/static/plugins/sweetalert/css/sweetalert.css" rel="stylesheet"/>
<!--==== jquery ====-->
<script src="/static/js/jquery-2.1.4.min.js"></script>
<!--==== bootstrap ====-->
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/jquery.form.js"></script>
<script src="/static/plugins/jquery-fancybox/jquery.fancybox.js"></script>
<script src="/static/plugins/jquery-notify/notify.js"></script>
<script src="/static/plugins/sweetalert/sweetalert.min.js"></script>
<script src="/static/js/common/common.js"></script>
<script src="/static/js/common/form.js"></script>
</head>
<body>
{{.LayoutContent}}
</body>
</html>
at-web/app/views/layout/user.html
+14
View File
@@ -0,0 +1,14 @@
<!DOCTYPE HTML>
<html>
<head>
<title>{{.title}}</title>
{{template "common/head.html" .}}
<link href="/static/css/navbar-fixed-side.css" rel="stylesheet" />
</head>
<body class="blue_color_theme">
{{template "common/header.html" .}} {{.LayoutContent}} {{template "common/foot.html" .}}
</body>
</html>
at-web/app/views/server/cluster.html
+61
View File
@@ -0,0 +1,61 @@
<div class="panel panel-default">
<div class="panel-body">
<div class="alert alert-info" role="alert">
<strong><span class="glyphicon glyphicon-volume-up"></span> 注意！</strong> 普通用户只能选择普通节点，VIP 可选择VIP节点。<i class="ace-icon fa fa-hand-o-right blue"></i> <a href="">如何成为VIP?</a>
</div>
<form class="form-horizontal ajaxform">
<input type="hidden" name="role_id" value="" />
<h4><span class="label label-default">普通节点</span></h4>
<hr>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>北美地区</strong> <span class="pull-right"><span class="badge">5</span></span></li>
<li class="list-group-item">北美1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美4<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>香港地区</strong> <span class="pull-right"><span class="badge">3</span></span></li>
<li class="list-group-item">香港1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>大陆地区</strong> <span class="pull-right"><span class="badge">4</span></span></li>
<li class="list-group-item">大陆1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<h4><span class="label label-warning">VIP节点</span></h4>
<hr>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>北美地区</strong> <span class="pull-right"><span class="badge">5</span></span></li>
<li class="list-group-item">北美1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美4<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>香港地区</strong> <span class="pull-right"><span class="badge">3</span></span></li>
<li class="list-group-item">香港1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>大陆地区</strong> <span class="pull-right"><span class="badge">4</span></span></li>
<li class="list-group-item">大陆1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<div class="form-group">
<div class="col-md-8" style="margin-left:10px;">
<button type="submit" class="btn btn-primary">确认</button>
</div>
</div>
</form>
</div>
</div>
at-web/app/views/server/form.html
+19
View File
@@ -0,0 +1,19 @@
<div class="panel panel-default">
<br>{{$serverValue := .serverValue}}
<div class="panel-body">
<form class="form-horizontal" method="post" action="{{if eq $serverValue.server_id "0"}} /server/save {{else}} /server/modify {{end}}">
<input type="hidden" name="server_id" value="{{$serverValue.server_id}}">
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>Server名称</label>
<div class="col-sm-4">
<input type="text" name="name" class="form-control" value="{{$serverValue.name}}" placeholder="请输入 Server 名称">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" name="submit" onclick="Form.ajaxSubmit(this.form, false)" class="btn btn-primary">保存</button>
</div>
</div>
</form>
</div>
</div>
at-web/app/views/server/list.html
+53
View File
@@ -0,0 +1,53 @@
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-2">
<a href="/server/add" class="btn btn-primary">添加 Server</a>
</div>
<div class="col-md-3 col-md-offset-7">
<form action="/server/list" method="get">
<div class="input-group">
<input class="form-control" name="keyword" type="text" value="{{.keyword}}" placeholder="名称/Token"/>
<span class="input-group-btn">
<button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i></button>
</span>
</div>
</form>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th class="w20p">名称</th>
<th class="w20p">token</th>
<th class="w13p">创建时间</th>
<th class="w13p">修改时间</th>
<th class="w15p">操作</th>
</tr>
</thead>
<tbody>
{{range $key, $serverValue := .serverValues}}
<tr>
<td>{{$serverValue.name}}</td>
<td>{{$serverValue.token}}</td>
<td class="center">{{dateFormat $serverValue.create_time "Y-m-d H:i:s"}}</td>
<td class="center">{{dateFormat $serverValue.update_time "Y-m-d H:i:s"}}</td>
<td class="center">
<a name="edit" class="glyphicon glyphicon-edit" href="/server/edit?server_id={{$serverValue.server_id}}">修改</a>
<a onclick="Common.confirm('确定要删除吗？', '/server/delete?server_id={{$serverValue.server_id}}')" class="glyphicon glyphicon-remove">删除</a>
<a onclick="Common.confirm('确定要重置token吗？', '/server/resetToken?server_id={{$serverValue.server_id}}')" class="glyphicon glyphicon-refresh">重置Token</a>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
<div class="panel-footer">
<div class="row">
<div class="col-md-8 m-pagination" id="paginator">
</div>
</div>
</div>
</div>
at-web/app/views/tunnel-back/cluster.html
+39
View File
@@ -0,0 +1,39 @@
<div class="panel panel-default">
<div class="panel-body">{{$clusterId := .clusterId}}
<div class="alert alert-info" role="alert">
<strong><span class="glyphicon glyphicon-volume-up"></span> 注意！</strong> 普通用户只能选择普通节点，VIP 可选择VIP节点。<i class="ace-icon fa fa-hand-o-right blue"></i> <a href="">如何成为VIP?</a>
</div>
<form class="form-horizontal">
<input type="hidden" name="role_id" value="" />
{{range $name, $regionCluster := .regionClusters}}
<h4><span class="label label-default">{{$name}}</span></h4>
{{range $regionKey, $regions := $regionCluster}}
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>{{$regions.name}}</strong> <span class="pull-right"><span class="badge"></span></span></li>
{{range $clusterKey, $cluster := $regions.clusters}}
<li class="list-group-item cluster_{{$cluster.cluster_id}}">{{$cluster.name}}
<span class="pull-right">
<input name="cluster_id" type="radio" value="{{$cluster.cluster_id}}" {{if eq $clusterId $cluster.cluster_id}} checked {{end}}/>
</span>
</li>
{{end}}
</ul>
{{end}}
{{end}}
<div class="form-group">
<div class="col-md-8" style="margin-left:10px;">
<button type="button" onclick="fancyboxClose()" class="btn btn-primary">确认</button>
</div>
</div>
</form>
</div>
</div>
<script type="text/javascript">
function fancyboxClose() {
var clusterId = $("input[name='cluster_id']:checked").val();
var clusterName = $(".cluster_"+clusterId).text();
parent.$("input[name='cluster_name']").val(clusterName);
parent.$("input[name='cluster_id']").val(clusterId);
parent.$.fancybox.close();
}
</script>
at-web/app/views/tunnel-back/cluster.html.back
+61
View File
@@ -0,0 +1,61 @@
<div class="panel panel-default">
<div class="panel-body">
<div class="alert alert-info" role="alert">
<strong><span class="glyphicon glyphicon-volume-up"></span> 注意！</strong> 普通用户只能选择普通节点，VIP 可选择VIP节点。<i class="ace-icon fa fa-hand-o-right blue"></i> <a href="">如何成为VIP?</a>
</div>
<form class="form-horizontal ajaxform">
<input type="hidden" name="role_id" value="" />
<h4><span class="label label-default">普通节点</span></h4>
<hr>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>北美地区</strong> <span class="pull-right"><span class="badge">5</span></span></li>
<li class="list-group-item">北美1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美4<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>香港地区</strong> <span class="pull-right"><span class="badge">3</span></span></li>
<li class="list-group-item">香港1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>大陆地区</strong> <span class="pull-right"><span class="badge">4</span></span></li>
<li class="list-group-item">大陆1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<h4><span class="label label-warning">VIP节点</span></h4>
<hr>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>北美地区</strong> <span class="pull-right"><span class="badge">5</span></span></li>
<li class="list-group-item">北美1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美4<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">北美5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>香港地区</strong> <span class="pull-right"><span class="badge">3</span></span></li>
<li class="list-group-item">香港1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">香港3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>大陆地区</strong> <span class="pull-right"><span class="badge">4</span></span></li>
<li class="list-group-item">大陆1<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆2<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆3<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
<li class="list-group-item">大陆5<span class="pull-right"><input name="" type="radio" value="" onclick="" /></span></li>
</ul>
<div class="form-group">
<div class="col-md-8" style="margin-left:10px;">
<button type="submit" class="btn btn-primary">确认</button>
</div>
</div>
</form>
</div>
</div>
at-web/app/views/tunnel-back/form.html
+103
View File
@@ -0,0 +1,103 @@
<div class="panel panel-default">
<br>
<div class="panel-body">
<form class="form-horizontal" method="post" action="/tunnel/save">
<input type="hidden" name="tunnel_id" value="">
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>名称</label>
<div class="col-sm-4">
<input type="text" name="name" class="form-control" value="" placeholder="请输入隧道名称">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span> 模式 </label>
<div class="col-sm-4">
<label class="radio-inline">
<input type="radio" name="mode" value="0" checked="checked">基本
</label>
<label class="radio-inline">
<input type="radio" name="mode" value="1">高级
</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span> Server</label>
<div class="col-sm-4">
<select name="server_id" class="form-control">
{{range $serverValue := .serverValues}}
<option value="{{$serverValue.server_id}}">{{$serverValue.name}}</option>
{{end}}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>Server绑定IP</label>
<div class="col-sm-4">
<input type="text" name="server_listen_ip" class="form-control" value="" placeholder="请输入Server绑定IP">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>Server监听端口</label>
<div class="col-sm-4">
<input type="text" name="server_listen_port" class="form-control" value="" placeholder="请输入Server监听端口">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span> Client</label>
<div class="col-sm-4">
<select name="" class="form-control">
{{range $clientValue := .clientValues}}
<option value="{{$clientValue.client_id}}">{{$clientValue.name}}</option>
{{end}}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>Client绑定IP</label>
<div class="col-sm-4">
<input type="text" name="client_local_host" class="form-control" value="" placeholder="请输入Server绑定IP">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>Client监听端口</label>
<div class="col-sm-4">
<input type="text" name="client_local_port" class="form-control" value="" placeholder="请输入Server监听端口">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span> 选择节点 </label>
<div class="col-sm-4">
<div class="input-group">
<input type="text" name="cluster_name" class="form-control" aria-describedby="cluster-input" readonly>
<input type="hidden" name="cluster_id" class="form-control" value="">
<span class="input-group-addon" id="cluster-input">
<a class="glyphicon glyphicon-th-list" name="select_cluster" data-link="/tunnel/cluster"></a>
</span>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" name="submit" onclick="Form.ajaxSubmit(this.form, false)" class="btn btn-primary">保存</button>
</div>
</div>
</form>
</div>
</div>
<script type="text/javascript">
$("a[name='select_cluster']").bind('click', function() {
var clusterId = $("input[name='cluster_id']").val();
$.fancybox({
padding: 5,
minWidth : 800,
minHeight : 520,
width : '95%',
height : '70%',
autoSize : false,
type : 'iframe',
href : $(this).attr('data-link') + "?cluster_id=" + clusterId,
afterClose: function (current, previous) {
}
});
});
</script>
at-web/app/views/tunnel-back/list.html
+53
View File
@@ -0,0 +1,53 @@
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-2">
<a href="/tunnel/add" class="btn btn-primary">添加隧道</a>
</div>
<div class="col-md-3 col-md-offset-7">
<form action="/tunnel/list" method="get">
<div class="input-group">
<input class="form-control" name="keyword" type="text" value="{{.keyword}}" placeholder="名称/Token"/>
<span class="input-group-btn">
<button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i></button>
</span>
</div>
</form>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th class="w20p">名称</th>
<th class="w8p">模式</th>
<th class="w13p">创建时间</th>
<th class="w13p">修改时间</th>
<th class="w15p">操作</th>
</tr>
</thead>
<tbody>
{{range $key, $tunnelValue := .tunnelValues}}
<tr>
<td>{{$tunnelValue.name}}</td>
<td>{{$tunnelValue.token}}</td>
<td class="center">{{dateFormat $tunnelValue.create_time "Y-m-d H:i:s"}}</td>
<td class="center">{{dateFormat $tunnelValue.update_time "Y-m-d H:i:s"}}</td>
<td class="center">
<a name="edit" class="glyphicon glyphicon-edit" href="/tunnel/edit?tunnel_id={{$tunnelValue.tunnel_id}}">修改</a>
<a onclick="Common.confirm('确定要删除吗？', '/tunnel/delete?tunnel_id={{$tunnelValue.tunnel_id}}')" class="glyphicon glyphicon-remove">删除</a>
<a onclick="Common.confirm('确定要重置token吗？', '/tunnel/resetToken?tunnel_id={{$tunnelValue.tunnel_id}}')" class="glyphicon glyphicon-refresh">重置Token</a>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
<div class="panel-footer">
<div class="row">
<div class="col-md-8 m-pagination" id="paginator">
</div>
</div>
</div>
</div>
at-web/app/views/tunnel/cluster.html
+35
View File
@@ -0,0 +1,35 @@
<div class="panel panel-default">
<div class="panel-heading">
<h4><span class="label label-danger">第二步：</span> 请选择节点</h4>
</div>
<div class="panel-body">
{{$clusterId := .clusterId}}
<div class="alert alert-info" role="alert">
<strong><span class="glyphicon glyphicon-volume-up"></span> 注意！</strong> 普通用户只能选择普通节点，VIP 可选择VIP节点。<i class="ace-icon fa fa-hand-o-right blue"></i> <a href="">如何成为VIP?</a>
</div>
<form class="form-horizontal" action="/tunnel/add" method="post">
<input type="hidden" name="mode" value="{{.mode}}" />
{{range $name, $regionCluster := .regionClusters}}
<h4><span class="label label-default">{{$name}}</span></h4>
{{range $regionKey, $regions := $regionCluster}}
<ul class="list-group w240 inline-group">
<li class="list-group-item"><strong>{{$regions.name}}</strong> <span class="pull-right"><span class="badge"></span></span></li>
{{range $clusterKey, $cluster := $regions.clusters}}
<li class="list-group-item cluster_{{$cluster.cluster_id}}">{{$cluster.name}}
<span class="pull-right">
<input name="cluster_id" type="radio" value="{{$cluster.cluster_id}}" {{if eq $clusterId $cluster.cluster_id}} checked {{end}}/>
</span>
</li>
{{end}}
</ul>
{{end}}
{{end}}
<div class="form-group center">
<div class="col-md-12" style="margin-left:10px;">
<a type="button" href="javascript:history.back(-1)" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left"></span>上一步</a>
<button type="submit" class="btn btn-primary">下一步 <span class="glyphicon glyphicon-arrow-right"></span></button>
</div>
</div>
</form>
</div>
</div>
at-web/app/views/tunnel/form.html
+88
View File
@@ -0,0 +1,88 @@
<div class="panel panel-default">
<div class="panel-heading">
<h4><span class="label label-danger">第三步：</span> 请填写隧道信息 </h4>
</div>
<div class="panel-body">
<form class="form-horizontal" method="post" action="/tunnel/save">
<input type="hidden" name="mode" value="{{.mode}}">
<input type="hidden" name="cluster_id" value="{{.clusterId}}">
<div class="form-group">
<label class="col-sm-4 control-label"><span class="text-danger"> * </span>隧道名称</label>
<div class="col-sm-4">
<input type="text" name="name" class="form-control" value="" placeholder="请输入隧道名称">
</div>
</div>
{{if eq .isHaveServer "1"}}
<div class="form-group">
<label class="col-sm-4 control-label"><span class="text-danger"> * </span> 选择Server</label>
<div class="col-sm-4">
<select name="server_id" class="form-control">
{{range $serverValue := .serverValues}}
<option value="{{$serverValue.server_id}}">{{$serverValue.name}}</option>
{{end}}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label"><span class="text-danger"> * </span>Server绑定IP</label>
<div class="col-sm-4">
<input type="text" name="server_listen_ip" class="form-control" value="" placeholder="请输入Server绑定IP">
</div>
</div>
{{else}}
<div class="form-group">
<label class="col-sm-4 control-label"><span class="text-danger"> * </span> Server</label>
<div class="col-sm-4">
<input type="hidden" name="server_id" class="form-control" value="{{.systemServer.cs_id}}" readonly>
<input type="text" class="form-control" value="系统server" readonly>
</div>
</div>
{{end}}
<div class="form-group">
<label class="col-sm-4 control-label"><span class="text-danger"> * </span>Server端口</label>
<div class="col-sm-4">
<input type="text" name="server_listen_port" class="form-control" value="" placeholder="请输入Server端口">
</div>
</div>
{{if eq .isHaveClient "1"}}
<div class="form-group">
<label class="col-sm-4 control-label"><span class="text-danger"> * </span> 选择Client</label>
<div class="col-sm-4">
<select name="client_id" class="form-control">
{{range $clientValue := .clientValues}}
<option value="{{$clientValue.client_id}}">{{$clientValue.name}}</option>
{{end}}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label"><span class="text-danger"> * </span>Client绑定IP</label>
<div class="col-sm-4">
<input type="text" name="client_local_host" class="form-control" value="" placeholder="请输入Server绑定IP">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label"><span class="text-danger"> * </span>Client监听端口</label>
<div class="col-sm-4">
<input type="text" name="client_local_port" class="form-control" value="" placeholder="请输入Server监听端口">
</div>
</div>
{{else}}
<div class="form-group">
<label class="col-sm-4 control-label"><span class="text-danger"> * </span> Client</label>
<div class="col-sm-4">
<input type="hidden" name="client_id" class="form-control" value="{{.systemClient.cs_id}}" readonly>
<input type="text" class="form-control" value="系统client" readonly>
</div>
</div>
{{end}}
<div class="form-group center">
<div class="col-sm-12">
<a type="button" href="javascript:history.back(-1)" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left"></span>上一步</a>
<button type="button" name="submit" onclick="Form.ajaxSubmit(this.form, false)" class="btn btn-primary">
<span class="glyphicon glyphicon-ok"></span> 保存 </button>
</div>
</div>
</form>
</div>
</div>
at-web/app/views/tunnel/list.html
+79
View File
@@ -0,0 +1,79 @@
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-2">
<a href="/tunnel/mode" class="btn btn-primary">添加隧道</a>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th class="w13p">名称</th>
<th class="w8p">模式</th>
<th class="w8p">Server Ip</th>
<th class="w8p">Server Port</th>
<th class="w8p">Client Ip</th>
<th class="w8p">Client Port</th>
<th class="w8p">状态</th>
<th class="w8p">开启</th>
<th class="w13p">创建时间</th>
<th class="w13p">操作</th>
</tr>
</thead>
<tbody>
{{range $key, $tunnelValue := .tunnelValues}}
<tr>
<td>{{$tunnelValue.name}}</td>
<td>
{{if eq $tunnelValue.mode "0"}}
基础模式
{{else if eq $tunnelValue.mode "1"}}
高级模式
{{else}}
特殊模式
{{end}}
</td>
<td class="center">{{$tunnelValue.server_listen_ip}}</td>
<td class="center">{{$tunnelValue.server_listen_port}}</td>
<td class="center">{{$tunnelValue.client_local_host}}</td>
<td class="center">{{$tunnelValue.client_local_port}}</td>
<td class="center">{{if eq $tunnelValue.status "0"}}
<label class="label label-danger">异常</label>
{{else}}
<label class="label label-success">正常</label>
{{end}}
</td>
<td class="center">{{if eq $tunnelValue.is_open "0"}}
<label class="label label-danger">未开启</label>
{{else}}
<label class="label label-success">已开启</label>
{{end}}
</td>
<td class="center">{{dateFormat $tunnelValue.create_time "Y-m-d H:i:s"}}</td>
<td class="center">
{{if eq $tunnelValue.is_open "0"}}
<a onclick="Common.confirm('确定要开启隧道吗？', '/tunnel/open?tunnel_id={{$tunnelValue.tunnel_id}}')" class="glyphicon glyphicon-ok-circle">开启</a>
{{else}}
<a onclick="Common.confirm('确定要关闭隧道吗？', '/tunnel/close?tunnel_id={{$tunnelValue.tunnel_id}}')" class="glyphicon glyphicon-ban-circle">关闭</a>
{{end}}
{{if eq $tunnelValue.status "0"}}
{{if eq $tunnelValue.is_open "1"}}
<a onclick="Common.confirm('确定要重启隧道吗？', '/tunnel/refresh?tunnel_id={{$tunnelValue.tunnel_id}}')" class="glyphicon glyphicon-refresh">重启</a>
{{end}}
{{end}}
<a onclick="Common.confirm('确定要删除隧道吗？', '/tunnel/delete?tunnel_id={{$tunnelValue.tunnel_id}}')" class="glyphicon glyphicon-remove">删除</a>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
<div class="panel-footer">
<div class="row">
<div class="col-md-8 m-pagination" id="paginator">
</div>
</div>
</div>
</div>
at-web/app/views/tunnel/mode.html
+60
View File
@@ -0,0 +1,60 @@
<div class="panel panel-default">
<div class="panel-heading">
<h4>
<span class="label label-danger">第一步：</span> 请选择模式
</h4>
</div>
<div class="panel-body">
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img alt="100%x200" src="/static/images/tunnel/base.png" data-holder-rendered="true" style="background-color: #9d9d9d ;height: 200px; width: 100%; display: block;" >
<div class="caption" style="height: 200px;">
<h3>基本模式</h3>
<p>基本模式基本模式基本模式基本模式基本模式基本模式基本模式基本模式基本模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式</p>
<p>
{{if eq .modeBase "1"}}
<a href="/tunnel/cluster?mode=0" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-hand-right"></span> 选择</a>
{{else}}
<a href="javascript:;" class="btn btn-primary" role="button" disabled="disabled"><span class="glyphicon glyphicon-remove"></span> 选择</a>
<span class="text-danger">没有权限</span>
{{end}}
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img data-src="holder.js/100%x200" alt="100%x200" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQyIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDI0MiAyMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjwhLS0KU291cmNlIFVSTDogaG9sZGVyLmpzLzEwMCV4MjAwCkNyZWF0ZWQgd2l0aCBIb2xkZXIuanMgMi42LjAuCkxlYXJuIG1vcmUgYXQgaHR0cDovL2hvbGRlcmpzLmNvbQooYykgMjAxMi0yMDE1IEl2YW4gTWFsb3BpbnNreSAtIGh0dHA6Ly9pbXNreS5jbwotLT48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWyNob2xkZXJfMTVlNTE1YjY4YTQgdGV4dCB7IGZpbGw6I0FBQUFBQTtmb250LXdlaWdodDpib2xkO2ZvbnQtZmFtaWx5OkFyaWFsLCBIZWx2ZXRpY2EsIE9wZW4gU2Fucywgc2Fucy1zZXJpZiwgbW9ub3NwYWNlO2ZvbnQtc2l6ZToxMnB0IH0gXV0+PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImhvbGRlcl8xNWU1MTViNjhhNCI+PHJlY3Qgd2lkdGg9IjI0MiIgaGVpZ2h0PSIyMDAiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSI4OS44NTkzNzUiIHk9IjEwNS4xIj4yNDJ4MjAwPC90ZXh0PjwvZz48L2c+PC9zdmc+" data-holder-rendered="true" style="height: 200px; width: 100%; display: block;">
<div class="caption" style="height: 200px;">
<h3>高级模式</h3>
<p>高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式高级模式</p>
<p>
{{if eq .modeSenior "1"}}
<a href="/tunnel/cluster?mode=1" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-hand-right"></span> 选择</a>
{{else}}
<a href="javascript:;" class="btn btn-primary" role="button" disabled="disabled">选择</a>
<span class="text-danger">没有权限</span>
{{end}}
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img data-src="holder.js/100%x200" alt="100%x200" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQyIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDI0MiAyMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjwhLS0KU291cmNlIFVSTDogaG9sZGVyLmpzLzEwMCV4MjAwCkNyZWF0ZWQgd2l0aCBIb2xkZXIuanMgMi42LjAuCkxlYXJuIG1vcmUgYXQgaHR0cDovL2hvbGRlcmpzLmNvbQooYykgMjAxMi0yMDE1IEl2YW4gTWFsb3BpbnNreSAtIGh0dHA6Ly9pbXNreS5jbwotLT48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWyNob2xkZXJfMTVlNTE1YjMwMGMgdGV4dCB7IGZpbGw6I0FBQUFBQTtmb250LXdlaWdodDpib2xkO2ZvbnQtZmFtaWx5OkFyaWFsLCBIZWx2ZXRpY2EsIE9wZW4gU2Fucywgc2Fucy1zZXJpZiwgbW9ub3NwYWNlO2ZvbnQtc2l6ZToxMnB0IH0gXV0+PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImhvbGRlcl8xNWU1MTViMzAwYyI+PHJlY3Qgd2lkdGg9IjI0MiIgaGVpZ2h0PSIyMDAiIGZpbGw9IiNFRUVFRUUiLz48Zz48dGV4dCB4PSI4OS44NTkzNzUiIHk9IjEwNS4xIj4yNDJ4MjAwPC90ZXh0PjwvZz48L2c+PC9zdmc+" data-holder-rendered="true" style="height: 200px; width: 100%; display: block;">
<div class="caption" style="height: 200px;">
<h3>特殊模式</h3>
<p>特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式特殊模式</p>
<p>
{{if eq .modeSpecial "1"}}
<a href="/tunnel/cluster?mode=2" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-hand-right"></span> 选择</a>
{{else}}
<a href="javascript:;" class="btn btn-primary" role="button" disabled="disabled">选择</a>
<span class="text-danger">没有权限</span>
{{end}}
</p>
</div>
</div>
</div>
</div>
</div>
at-web/app/views/user/index.html
+100
View File
@@ -0,0 +1,100 @@
<style>
#user-home header {
border: none;
border-radius: 0;
}
.nav-list {
border: none;
}
ul.navbar {
padding: 0;
padding-top: 10px;
background-color: rgba(10, 10, 10, 0.8);
}
ul.navbar li {
list-style: none;
display: block;
height: 40px;
line-height: 40px;
cursor: pointer;
/* text-align: center; */
}
ul.navbar li a {
display: block;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
color: whitesmoke;
}
ul.navbar li a i {
margin-right: 10px;
margin-left: 40px;
}
ul.navbar li a:hover {
background-color: rgba(10, 10, 10, 0.6);
color: whitesmoke;
}
.navbar .logo {
margin-left: 15px;
}
.left-menu {
width: 180px;
}
.right-content {
padding-left: 190px;
padding-top: 10px;
padding-right: 10px;
min-height: 100px;
}
</style>
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-lg-2 navbar-menu left-menu">
<ul class="navbar nav-list navbar-default navbar-fixed-side">
<li>
<a href="/user/profile"><i class="fa fa-user-circle"></i>我的资料</a>
</li>
<li>
<a href="/client/list"><i class="fa fa-exchange"></i>我的Client</a>
</li>
<li>
<a href="/server/list"><i class="fa fa-server"></i>我的Server</a>
</li>
<li>
<a href="/tunnel/list"><i class="fa fa-retweet"></i>我的隧道</a>
</li>
</ul>
</div>
<div class="right-content">
<iframe id="main" name="main" src="/user/welcome" scrolling="yes" style="overflow-y:auto;border:none;" frameborder="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
<script>
setInterval(function() {
var mainheight = $("#main").contents().find("body").height();
var minHeight = $(window).height() - 90;
if (mainheight < minHeight) {
mainheight = minHeight
}
$("#main").height(mainheight);
var src = $("#main").attr("src");
if(src == "/author/login") {
location.href = src;
}
}, 200);
$('ul.nav-list a').not('.dropdown-toggle').click(function() {
$('#main').attr('src', this.href);
return false
});
</script>
at-web/app/views/user/password.html
+36
View File
@@ -0,0 +1,36 @@
<div class="panel panel-default">
<div class="panel-body">
<ul class="nav nav-tabs">
<li><a href="/user/profile">修改资料</a></li>
<li class="active"><a href="/user/password">修改密码</a></li>
</ul>
</div>
<div class="panel-body">
<form class="form-horizontal" method="post" action="/user/repass">
<input type="hidden" name="user_id" value="{{.userValue.user_id}}">
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>旧密码</label>
<div class="col-sm-4">
<input type="password" name="old_pass" class="form-control" value="" placeholder="请输入当前密码">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>新密码</label>
<div class="col-sm-4">
<input type="password" name="new_pass" class="form-control" value="" placeholder="请输入新密码">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-danger"> * </span>确认新密码</label>
<div class="col-sm-4">
<input type="password" name="confirm_pass" class="form-control" value="" placeholder="请再次输入新密码">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" name="submit" onclick="Form.ajaxSubmit(this.form, false)" class="btn btn-primary">保存</button>
</div>
</div>
</form>
</div>
</div>
at-web/app/views/user/profile.html
+36
View File
@@ -0,0 +1,36 @@
<div class="panel panel-default">
<div class="panel-body">
<ul class="nav nav-tabs">
<li class="active"><a href="/user/profile">修改资料</a></li>
<li><a href="/user/password">修改密码</a></li>
</ul>
</div>
<div class="panel-body">
<form class="form-horizontal" method="post" action="/user/save">
<input type="hidden" name="user_id" value="{{.userValue.user_id}}">
<div class="form-group">
<label class="col-sm-1 control-label"><span class="text-danger"> * </span>用户名</label>
<div class="col-sm-4">
<input type="text" name="username" class="form-control" value="{{.userValue.username}}" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-1 control-label"><span class="text-danger"> * </span>邮箱</label>
<div class="col-sm-4">
<input type="text" name="email" class="form-control" value="{{.userValue.email}}" placeholder="请输入邮箱" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-1 control-label"><span class="text-danger"></span>昵称</label>
<div class="col-sm-4">
<input type="text" name="nickname" class="form-control" value="{{.userValue.nickname}}" placeholder="请输入昵称">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-1 col-sm-10">
<button type="button" name="submit" onclick="Form.ajaxSubmit(this.form, false)" class="btn btn-primary">保存</button>
</div>
</div>
</form>
</div>
</div>
at-web/app/views/user/welcome.html
+1
View File
@@ -0,0 +1 @@
Welcome
at-web/app/views/web/index.html
+204
View File
@@ -0,0 +1,204 @@
<div class="demo_panel_box">
<div class="color_panel_box">
<div class="spiner_button slide_in_out"><i class="fa fa-cog fa-spin"></i></div>
<span class="red_color"></span>
<span class="blue_color"></span>
<span class="yellow_color"></span>
<span class="purple_color"></span>
<span class="pink_color"></span>
<span class="green_color"></span>
</div>
</div>
<div class="preloader">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<section id="services" class="services-section section-padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title">
<h2><span class="theme-color">What i offer</span> Services</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="single-services text-center wow fadeInUp" data-wow-delay="0.2s">
<div class="servise-icon">
<i class="fa fa-pencil-square"></i>
</div>
<h4>design</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="single-services text-center wow fadeInUp" data-wow-delay="0.4s">
<div class="servise-icon">
<i class="fa fa-codepen"></i>
</div>
<h4>idea</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="single-services last-service text-center wow fadeInUp" data-wow-delay="0.6s">
<div class="servise-icon">
<i class="fa fa-laptop"></i>
</div>
<h4>development</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
</div>
</section>
<div id="quotes" class="quotes-area section-padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="quotes-content text-center">
<h3>Let's work together!</h3>
<p>I am available for freelance projects.</p>
<a class="scroll-btn btn theme-color" href="#contact">Get Quotes</a>
</div>
</div>
</div>
</div>
</div>
<div id="review" class="review-section section-padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title">
<h2><span class="theme-color">Here's what others say about me</span> Reviews</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="review-full-area">
<div class="review-list">
<div class="single-review">
<!-- start single carousel item -->
<div class="review-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book.</p>
</div>
<h5 class="author"> Paul Flavius. <span>CEO Devsoft Inc</span></h5>
</div>
<!-- end single carousel item -->
<div class="single-review">
<!-- start single carousel item -->
<div class="review-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book.</p>
</div>
<h5 class="author"> Paul Flavius,<span>CEO Devsoft Inc</span></h5>
</div>
<!-- end single carousel item -->
<div class="single-review">
<!-- start single carousel item -->
<div class="review-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book.</p>
</div>
<h5 class="author"> Paul Flavius,<span>CEO Devsoft Inc</span></h5>
</div>
<!-- end start single carousel item -->
<div class="single-review">
<!-- start single carousel item -->
<div class="review-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book.</p>
</div>
<h5 class="author"> Paul Flavius,<span>CEO Devsoft Inc</span></h5>
</div>
<!-- end start single carousel item -->
</div>
</div>
</div>
</div>
</div>
</div>