parent
7cc7aa51aa
commit
0efae1fcb6
|
@ -8,21 +8,20 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="login">
|
<div class="login">
|
||||||
<div class="back">
|
<div class="back"> <- Back </div>
|
||||||
<- Back </div>
|
<h4 class="title">code-server</h4>
|
||||||
<h4 class="title">code-server</h4>
|
<h2 class="subtitle">
|
||||||
<h2 class="subtitle">
|
Enter server password
|
||||||
Enter server password
|
</h2>
|
||||||
</h2>
|
<div class="mdc-text-field">
|
||||||
<div class="mdc-text-field">
|
<input type="password" id="password" class="mdc-text-field__input" required>
|
||||||
<input type="password" id="password" class="mdc-text-field__input" required>
|
<label class="mdc-floating-label" for="password">Password</label>
|
||||||
<label class="mdc-floating-label" for="password">Password</label>
|
<div class="mdc-line-ripple"></div>
|
||||||
<div class="mdc-line-ripple"></div>
|
|
||||||
</div>
|
|
||||||
<button id="submit" class="mdc-button mdc-button--unelevated">
|
|
||||||
<span class="mdc-button__label">Enter IDE</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
<button id="submit" class="mdc-button mdc-button--unelevated">
|
||||||
|
<span class="mdc-button__label">Enter IDE</span>
|
||||||
|
</button>
|
||||||
|
<div id="error-display"></div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
@ -106,3 +106,16 @@ body {
|
||||||
|
|
||||||
// transition: 500ms opacity ease;
|
// transition: 500ms opacity ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#error-display {
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #bb2d0f;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0.3px;
|
||||||
|
line-height: 12px;
|
||||||
|
padding: 8px;
|
||||||
|
padding-bottom: 0;
|
||||||
|
padding-top: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
|
@ -28,3 +28,14 @@ submit.addEventListener("click", () => {
|
||||||
document.cookie = `password=${password.value}`;
|
document.cookie = `password=${password.value}`;
|
||||||
location.reload();
|
location.reload();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Notify user on load of page if previous password was unsuccessful
|
||||||
|
*/
|
||||||
|
const reg = new RegExp(`password=(\\w+);?`);
|
||||||
|
const matches = document.cookie.match(reg);
|
||||||
|
const errorDisplay = document.getElementById("error-display") as HTMLDivElement;
|
||||||
|
|
||||||
|
if (document.referrer === document.location.href && matches) {
|
||||||
|
errorDisplay.innerText = "Password is incorrect!";
|
||||||
|
}
|
Loading…
Reference in New Issue