a
/
code-server-2
mirror of https://git.tuxpa.in/a/code-server.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add error message for incorrect password. Fix issue #55 (#201)

This commit is contained in:
Michael Desantis 2019-03-12 18:19:32 -05:00 committed by Kyle Carberry
parent 7cc7aa51aa
commit 0efae1fcb6
3 changed files with 37 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/app/browser/src/app.html
View File

@ -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>

13
packages/app/browser/src/app.scss
View File

@ -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;
}

11
packages/app/browser/src/app.ts
View File

@ -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!";
}