mirrors/sapphire
1
Fork 0
mirror of https://github.com/SapphireServer/Sapphire.git synced 2025-04-28 23:27:45 +00:00
Code Activity

add server commit history to login page

Browse source
This commit is contained in:
GokuWeedLord 2017-10-22 21:39:54 +11:00
parent c2223f52b5
commit 0429cd9d1c
2 changed files with 77 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
bin/web/assets/css/global.css
View file

@ -7,6 +7,7 @@ body {
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
height: 100%; height: 100%;
overflow: hidden;
} }
.contentContainer{ .contentContainer{
@ -137,3 +138,26 @@ p.pageSubTitle{
margin:0 auto; margin:0 auto;
} }
.commit-history {
padding-left: 20px;
}
.commit-history li a {
color: #fff;
}
.commit-history li a:hover {
color: #bbb;
}
.s-left-half {
overflow-y: auto;
}
.s-link-badge {
font-size: 15px;
}
h2 {
font-size: 19px;
}

91
bin/web/login.html
View file

@ -2,12 +2,12 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sapphire - Login</title> <title>Sapphire - Login</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.css"> <link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/global.css"> <link rel="stylesheet" href="assets/css/global.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
<script> <script>
function doLogin(){ function doLogin(){
@ -58,7 +58,10 @@
Our Github repository Our Github repository
</a> </a>
</div> </div>
<h2>Github stuff here soon!</h2> <h2>Recent Activity</h2>
<ul id="commit-log" class="commit-history">
</ul>
</div> </div>
<div class="s-full-split s-right-half col-xs-5"> <div class="s-full-split s-right-half col-xs-5">
<div class="s-logo"> <div class="s-logo">
@ -66,41 +69,53 @@
</div> </div>
<div class="s-login-box col-xs-12"> <div class="s-login-box col-xs-12">
<div class="s-login-box-form"> <div class="s-login-box-form">
<h1 class="text-center s-login-call">Login to Account</h1> <h1 class="text-center s-login-call">Login to Account</h1>
<div class="input-control"> <div class="input-control">
<label class="s-login-input-wrapper"> <label class="s-login-input-wrapper">
Username Username
<input type="text" name="username" autofocus> <input type="text" name="username" autofocus>
</label> </label>
</div> </div>
<div class="input-control"> <div class="input-control">
<label class="s-login-input-wrapper"> <label class="s-login-input-wrapper">
Password Password
<input type="password" name="password"> <input type="password" name="password">
</label> </label>
</div> </div>
<button class="btn btn-default s-login-btn pull-right" id="submitButton" onclick="doLogin()">Login</button> <button class="btn btn-default s-login-btn pull-right" id="submitButton" onclick="doLogin()">Login</button>
<p id="Error" class="s-error-text"></p> <p id="Error" class="s-error-text"></p>
</div> </div>
<a class="btn btn-default s-acc-btn" href="createUser.html">Create Account</a> <a class="btn btn-default s-acc-btn" href="createUser.html">Create Account</a>
</div> </div>
<div class="s-gears"> <div class="s-gears">
<img class="s-gears" src="assets/img/graffletopia-gears.png" alt=""> <img class="s-gears" src="assets/img/graffletopia-gears.png" alt="">
</div> </div>
</div> </div>
<div id="TopDiv"></div> <div id="TopDiv"></div>
<div class="container"></div> <div class="container"></div>
<script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script> <script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script> // Run only after jq and bootstrap have finished loading <script>
fetch( "https://api.github.com/repos/SapphireMordred/Sapphire/events" ).then( function( resp ) {
return resp.json();
}).then( function( data ) {
data = data.filter( function( e ) {
return e.type == "PushEvent";
});
// Work around non-HTML5 compliant IE autofocus let commitContainer = document.getElementById( 'commit-log' );
$(function() { for ( var evnt of data ) {
$('[autofocus]:not(:focus)').eq(0).focus(); for ( var commit of evnt.payload.commits ) {
let e = document.createElement( 'li' );
e.innerHTML = '<a href="https://github.com/SapphireMordred/Sapphire/commit/' + commit.sha + '">' + commit.message + '</a>';
commitContainer.appendChild( e );
}
}
}); });
</script> </script>
</body> </body>
</html> </html>