joachim/openwebrx-clone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

login form

Browse Source
This commit is contained in:
Jakob Ketterl 2020-02-23 20:04:19 +01:00
parent af053b9ac4
commit cad6175db0
3 changed files with 63 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
htdocs/css/login.css Normal file
View File

@ -0,0 +1,37 @@
@import url("openwebrx-header.css");
@import url("openwebrx-globals.css");
/* expandable photo not implemented on login page */
#webrx-top-photo-clip {
max-height: 67px;
}
body {
background-color: #2e2e2e;
}
.login {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 500px;
background-color: #ddd;
padding: 20px;
border-radius: 10px;
border: 1px solid #575757;
}
.login .btn {
width: 100%;
}
.btn-login {
color: #FFF;
background-color: #2e2e2e;
border-color: #2e2e2e;
height: 50px;
}

2
htdocs/lib/AudioEngine.js
View File

@ -1,6 +1,6 @@
// this controls if the new AudioWorklet API should be used if available.
// the engine will still fall back to the ScriptProcessorNode if this is set to true but not available in the browser.
var useAudioWorklets = true;
var useAudioWorklets = false;
function AudioEngine(maxBufferLength, audioReporter) {
this.audioReporter = audioReporter;

25
htdocs/login.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE HTML>
<html>
<head>
<title>OpenWebRX Login</title>
<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="static/css/login.css" />
<meta charset="utf-8">
</head>
<body>
${header}
<div class="login">
<form method="POST">
<div class="form-group">
<label for="user">Username</label>
<input type="text" class="form-control" id="user" placeholder="Username">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" placeholder="Password">
</div>
<button type="submit" class="btn btn-login">Login</button>
</form>
</div>
</body>