sinvo/js_tool_clone
1
0
Fork 0
mirror of https://github.com/lan-tianxiang/JS_TOOL.git synced 2026-04-07 09:04:26 +08:00
Code Issues Projects Releases Wiki Activity

更新于 07-06 02:25

Browse Source
This commit is contained in:
root
2021-07-06 02:25:11 -04:00
parent 7fc26ee8f2
commit 49cf44e0e4
2 changed files with 50 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
panel/public/js/main.js
View File

@@ -1,51 +0,0 @@
/*
Spectral by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
(function($) {
skel
.breakpoints({
xlarge: '(max-width: 1680px)',
large: '(max-width: 1280px)',
medium: '(max-width: 980px)',
small: '(max-width: 736px)',
xsmall: '(max-width: 480px)'
});
$(function() {
var $window = $(window),
$body = $('body'),
$wrapper = $('#page-wrapper'),
$banner = $('#banner'),
$header = $('#header');
// Disable animations/transitions until the page has loaded.
$body.addClass('is-loading');
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-loading');
}, 100);
});
// Mobile?
if (skel.vars.mobile)
$body.addClass('is-mobile');
else
skel
.on('-medium !medium', function() {
$body.removeClass('is-mobile');
})
.on('+medium', function() {
$body.addClass('is-mobile');
});
});
})(jQuery);

79
panel/public/login.html
View File

@@ -3,20 +3,19 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/sweetalert2.js"></script>
<title>控制面板</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<meta name="description" content="JSTOOL"> <meta name="description" content="JSTOOL">
<meta name="keywords" content="JSTOOL"> <meta name="keywords" content="JSTOOL">
<title>控制面板</title> <link rel="icon" type="image/x-icon" href="https://gitee.com/favicon.ico" />
<link rel="icon" type="image/ico" href="https://pic.baixiongz.com/uploads/2021/01/15/c4337817da14a.ico">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.12.1/css/all.min.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.12.1/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cjl0372/cjl0372.github.io@master/style.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cjl0372/cjl0372.github.io@master/style.css">
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/sweetalert2.js"></script>
<link rel="icon" type="image/x-icon" href="https://gitee.com/favicon.ico" />
<style type="text/css"> <style type="text/css">
body, body,
html { html {
@@ -165,16 +164,15 @@
<div class="col-lg-8 card"> <div class="col-lg-8 card">
<h1 align="center">JS-TOOL面板</h1> <h1 align="center">JS-TOOL面板</h1>
<div class="login-form"> <div class="login-form">
<form action="login" method="POST"> <form action="auth" method="POST">
<input type="text" name="username" placeholder="用户名" required> <input type="text" name="username" class="username" placeholder="用户名" required>
<br> <br>
<input type="password" name="password" placeholder="密码" required> <input type="password" name="password" class="password" placeholder="密码" required>
<br> <br>
<input class="btn btn-primary col-lg-4" type="submit" id="login" value="登录"> <input class="btn btn-primary col-lg-4" type="submit" id="login" value="登录">
</form> </form>
<a id="jumpapp" class="btn btn-secondary col-lg-4" href="/">返回主页</a> <a id="jumpapp" class="btn btn-secondary col-lg-4" href="/">返回主页</a>
</div> </div>
<h4 class="mt-4">or, your can watch on</h4> <h4 class="mt-4">or, your can watch on</h4>
<ul class="social mt-1"> <ul class="social mt-1">
<li><a href="https://github.com/lan-tianxiang"><i class="fab fa-github" aria-hidden="true"></i></a> <li><a href="https://github.com/lan-tianxiang"><i class="fab fa-github" aria-hidden="true"></i></a>
@@ -223,23 +221,46 @@
return false; return false;
}); });
function ajax(options) { (function ($) {
var url = options.url; skel
var method = options.method; .breakpoints({
var data = options.data; xlarge: '(max-width: 1680px)',
var success = options.success; large: '(max-width: 1280px)',
var ajax = new XMLHttpRequest(); medium: '(max-width: 980px)',
ajax.open(method, url); small: '(max-width: 736px)',
if (method == 'post') { xsmall: '(max-width: 480px)'
ajax.setRequestHeader('Content-type', 'application/json'); });
} $(function () {
ajax.send(JSON.stringify(data));
ajax.onreadystatechange = function () { var $window = $(window),
if (ajax.readyState == 4 && ajax.status == 200) { $body = $('body'),
success(JSON.parse(ajax.responseText)); $wrapper = $('#page-wrapper'),
} $banner = $('#banner'),
}; $header = $('#header');
}
// Disable animations/transitions until the page has loaded.
$body.addClass('is-loading');
$window.on('load', function () {
window.setTimeout(function () {
$body.removeClass('is-loading');
}, 100);
});
// Mobile?
if (skel.vars.mobile)
$body.addClass('is-mobile');
else
skel
.on('-medium !medium', function () {
$body.removeClass('is-mobile');
})
.on('+medium', function () {
$body.addClass('is-mobile');
});
});
})(jQuery);
</script> </script>
</html> </html>