ambidextrous/gemp-lotr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Imported login screen improvements from playtest branch. Fixed hard-coded breakpoint in the server status.

Browse Source
This commit is contained in:
Christian 'ketura' McCarty
2021-03-20 00:42:21 -05:00
parent 7ec64ad448
commit 59f54e2c44
3 changed files with 77 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
gemp-lotr/gemp-lotr-async/src/main/java/com/gempukku/lotro/async/handler/StatusRequestHandler.java
View File

@@ -34,7 +34,7 @@ public class StatusRequestHandler extends LotroServerRequestHandler implements U
int week = 1000 * 60 * 60 * 24 * 7;
sb.append("Tables count: ").append(_hallServer.getTablesCount()).append(", players in hall: ").append(_chatServer.getChatRoom("Game Hall").getUsersInRoom(false).size())
.append(", games played in last 24 hours: ").append(_gameHistoryService.getGamesPlayedCount(System.currentTimeMillis() - day, day))
.append(",<br/> active players in last week: ").append(_gameHistoryService.getActivePlayersCount(System.currentTimeMillis() - week, week));
.append(", active players in last week: ").append(_gameHistoryService.getActivePlayersCount(System.currentTimeMillis() - week, week));
responseWriter.writeHtmlResponse(sb.toString());
} else {

BIN
gemp-lotr/gemp-lotr-async/src/main/web/images/dwarrowdelf.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 276 KiB

86
gemp-lotr/gemp-lotr-async/src/main/web/index.html
View File

@@ -5,14 +5,77 @@
<title>Gemp-LotR</title>
<style type="text/css">
html {
height: 100%;
}
body {
font-size: 12px;
font-size: 100%;
height: 100%;
background-image: url('images/dwarrowdelf.jpg');
background-size: auto 100%;
background-repeat:no-repeat;
background-position: center center;
overflow-x: hidden;
overflow-y: hidden;
}
.ui-button-text-only .ui-button-text {
font-size: 70%;
padding: .2em .5em;
}
.centerContainer {
margin: 0;
position: absolute;
top: 30%;
left: 50%;
width: 70%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.interaction {
margin: 0;
margin-left: auto;
margin-right: auto;
}
.status {
margin: 0;
margin-left: auto;
margin-right: auto;
}
h1 {
color:#f2541a;
font-size: 500%
}
.banner {
text-align: center;
background-color: #444444CC;
margin-bottom: 150px;
width: 100vw;
margin-left: calc(-50vw + 50%);
}
.login {
margin: 10px;
padding: 10px;
width: 90%;
position: absolute;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 200%;
display:grid;
grid-row-gap: 10px;
background-color: #222200CC;
}
input {
font-size: 90%;
}
</style>
<link rel="stylesheet" type="text/css" href="css/dark-hive/jquery-ui-1.8.16.custom.css">
@@ -162,18 +225,21 @@
$(".status").append(html);
});
loginScreen();
$(".centerContainer").center();
});
</script>
</head>
<body bgcolor="#000000">
<div style="float: left;height: 98%"><img src="images/troll-bak.png" height="98%"/></div>
<div style="float: right;height: 98%"><img src="images/man-bak.png" height="98%"/></div>
<div class="centerContainer">
<div class="status" style="color:#ffffff;"></div>
<div class="error" style="color: #ff0000;"></div>
<div class="interaction" style="color: #ffffff;"></div>
</div>
<body bgcolor="#000000" >
<div class="centerContainer">
<div class="banner">
<h1>GEMP: The LotR-TCG</h1>
</div>
<div class="login">
<div class="status" style="color:#ffffff; overflow:visible"></div>
<div class="error" style="color: #ff0000;"></div>
<div class="interaction" style="color: #ffffff;"></div>
</div>
</div>
</body>
</html>