A tiny bit of styling for the login modal
This commit is contained in:
parent
fcee377fb4
commit
a1aa7e67e4
13
src/main.js
13
src/main.js
@ -23,6 +23,12 @@ switch (os.platform()) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
let mainWindow;
|
let mainWindow;
|
||||||
|
let plutoniumManifest = {
|
||||||
|
"product": "plutonium-core-prod",
|
||||||
|
"revision": -1,
|
||||||
|
"baseUrl": "https://cdn.plutonium.pw/updater/prod/files/",
|
||||||
|
"files": []
|
||||||
|
};
|
||||||
|
|
||||||
function createMainWindow() {
|
function createMainWindow() {
|
||||||
mainWindow = new electron.BrowserWindow({
|
mainWindow = new electron.BrowserWindow({
|
||||||
@ -81,6 +87,11 @@ function fetchPlutoniumManifest() {
|
|||||||
|
|
||||||
electron.app.once("ready", function () {
|
electron.app.once("ready", function () {
|
||||||
createMainWindow();
|
createMainWindow();
|
||||||
|
fetchPlutoniumManifest().then(function (manifest) {
|
||||||
|
plutoniumManifest = manifest;
|
||||||
|
}).catch(function (error) {
|
||||||
|
electron.dialog.showErrorBox("Error", "The Plutonium launcher manifest could not be fetched, auto-updating might not be possible.\n" + error.message);
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
electron.app.on("window-all-closed", function () {
|
electron.app.on("window-all-closed", function () {
|
||||||
@ -130,6 +141,8 @@ electron.ipcMain.handle("login", function (event, username, password) {
|
|||||||
"successful": true,
|
"successful": true,
|
||||||
...data
|
...data
|
||||||
});
|
});
|
||||||
|
|
||||||
|
mainWindow.loadFile(path.join(__dirname, "src", "views", "games.html"));
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
reject(error);
|
reject(error);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -17,7 +17,17 @@ function hintError(message) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function tryAuth() {
|
function tryAuth() {
|
||||||
window.login(usernameField.value, passwordField.value).then(function (response) {
|
let username = usernameField.value;
|
||||||
|
let password = passwordField.value;
|
||||||
|
|
||||||
|
if (username.length < 3 || username.length > 16) {
|
||||||
|
return hintError("The username must be between 3 and 16 characters !");
|
||||||
|
}
|
||||||
|
if (password.length < 6) {
|
||||||
|
return hintError("The password must not be under 6 characters !");
|
||||||
|
}
|
||||||
|
|
||||||
|
window.login(username, password).then(function (response) {
|
||||||
if (!response.successful) {
|
if (!response.successful) {
|
||||||
return hintError("Login failed, invalid credentials !");
|
return hintError("Login failed, invalid credentials !");
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,7 @@
|
|||||||
:root {
|
:root {
|
||||||
background-color: #181820;
|
--background-primary: #181820;
|
||||||
|
--background-secondary: #0C0C10;
|
||||||
|
background-color: var(--background-primary);
|
||||||
color: #F8F8FC;
|
color: #F8F8FC;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -10,3 +12,7 @@ body, main {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.centered {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|||||||
7
src/styles/games.css
Normal file
7
src/styles/games.css
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
article {
|
||||||
|
background-color: var(--background-secondary);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 16px;
|
||||||
|
border-radius: 16px;
|
||||||
|
}
|
||||||
@ -1,7 +1,22 @@
|
|||||||
#login-container {
|
input {
|
||||||
width: 256px;
|
height: 40px;
|
||||||
height: 384px;
|
}
|
||||||
|
|
||||||
|
input[type="text"], input[type="password"] {
|
||||||
|
border: 2px solid var(--hint);
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
#login-modal {
|
||||||
|
background-color: var(--background-secondary);
|
||||||
|
width: 320px;
|
||||||
|
height: 440px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
padding: 16px;
|
||||||
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#login-form {
|
#login-form {
|
||||||
@ -12,7 +27,3 @@
|
|||||||
#hint {
|
#hint {
|
||||||
color: var(--hint);
|
color: var(--hint);
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="text"], input[type="password"] {
|
|
||||||
border: 2px solid var(--hint);
|
|
||||||
}
|
|
||||||
|
|||||||
15
src/views/game.html
Normal file
15
src/views/game.html
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Open Plutonium Launcher</title>
|
||||||
|
<link rel="stylesheet" href="../styles/common.css" />
|
||||||
|
<link rel="stylesheet" href="../styles/games.css" />
|
||||||
|
<script src="../scripts/games.js" charset="utf-8" type="text/javascript"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -9,9 +9,9 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main>
|
||||||
<div id="login-container">
|
<div id="login-modal">
|
||||||
<form id="login-form">
|
<form id="login-form">
|
||||||
<h2>Plutonium login</h2>
|
<h2 class="centered">Plutonium login</h2>
|
||||||
<p id="hint" style="visibility: hidden;"></p>
|
<p id="hint" style="visibility: hidden;"></p>
|
||||||
<label for="username">Username :</label>
|
<label for="username">Username :</label>
|
||||||
<input type="text" name="username" id="username-field" placeholder="Your Plutonium username" minLength="3" maxLength="16">
|
<input type="text" name="username" id="username-field" placeholder="Your Plutonium username" minLength="3" maxLength="16">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user