login mechanics and launch is working now

This commit is contained in:
2022-10-18 01:46:04 +02:00
parent 4f84dd3248
commit 5c819938c8
6 changed files with 180 additions and 47 deletions

View File

@@ -25,7 +25,7 @@
<div class="launcher-window position-relative overflow-hidden">
<div class="container px-1 py-2 w-100 mw-100 h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div id="loading-page" class="sections col col-xl-10" style="display: none;">
<div id="loading-page" class="sections col col-xl-10" style="//display: none;">
<div class="launch-section flex-row">
<div class="server-logo">
<img src="../assets/logo.png" height="120">
@@ -44,7 +44,7 @@
<div class="loading-indicator-text">Loading... Please wait</div>
</div>
</div>
<div id="launch-page" class="sections col col-xl-10" style="//display: none;">
<div id="launch-page" class="sections col col-xl-10" style="display: none;">
<div class="account-section">
<div class="user-image">
<img id="user-img" src="https://a.ez-pp.farm/0">
@@ -63,14 +63,14 @@
<img src="../assets/logo.png" height="150">
</div>
<div class="launch-button">
<button class="btn btn-lg btn-launch btn-accent">Launch</button>
<button class="btn btn-lg btn-launch btn-accent" id="launch-btn">Launch</button>
</div>
</div>
<div class="folder-section">
<div class="folder-location">
Current osu! directory: C:\Users\Thomas\AppData\Local\osu!
Current osu! directory: <span id="currentOsuPath"></span>
</div>
<div class="folder-action">
<div class="folder-action" id="change-folder-btn">
Not right?
</div>
</div>
@@ -84,18 +84,18 @@
</div>
<div class="login-section">
<div class="form-outline mb-3 w-50">
<input type="text" id="username" class="form-control form-control-lg" />
<label class="form-label" for="username">Username</label>
<input type="text" id="login-username" class="form-control form-control-lg" />
<label class="form-label" for="login-username">Username</label>
</div>
<div class="form-outline mb-3 w-50">
<input type="password" id="password" class="form-control form-control-lg" />
<label class="form-label" for="password">Password</label>
<input type="password" id="login-password" class="form-control form-control-lg" />
<label class="form-label" for="login-password">Password</label>
</div>
<div class="pt-1 mb-4">
<div class="btn-grouped">
<button id="action-cancel" class="btn btn-grey btn-lg"
type="button">Cancel</button>
<button id="login" class="btn btn-accent btn-lg"
<button id="action-login" class="btn btn-accent btn-lg"
type="button">Login</button>
</div>
</div>