mirror of
https://gitlab.com/MrFry/mrfrys-node-server
synced 2025-04-01 20:24:18 +02:00
veteran pw request and login page error handle, login page feedback
This commit is contained in:
parent
9a6553dbbb
commit
335c431ce4
3 changed files with 94 additions and 25 deletions
|
@ -1 +1 @@
|
|||
Subproject commit 42e6d4dd4c86541bc02787a1df3e22ba8f781295
|
||||
Subproject commit 6d37a88c39dba8763d7672edbb6821e7e156c620
|
|
@ -70,12 +70,12 @@
|
|||
Frylabs
|
||||
</div>
|
||||
<div id='text' class='text'>
|
||||
Másold be ide régi kliens ID-d, és az alapján jelszót kapsz. Ezt csak egyszer teheted meg, a
|
||||
kapott jelszót tuti helyre írd le!
|
||||
Másold be ide régi kliens ID-d, és az alapján jelszót kapsz. Ezt csak egyszer teheted meg,
|
||||
ezért a kapott jelszót tuti helyre írd le!
|
||||
</div>
|
||||
<div id='form'>
|
||||
<div class='inputContainer'>
|
||||
<input type='text' id='cid' name='pw' value=<%= cid %> autocomplete="off"/>
|
||||
<input type='text' id='cid' name='pw' value='<%= cid %>' autocomplete="off"/>
|
||||
</div>
|
||||
<input type='hidden' name='redirect' value='asd' autocomplete="off"/>
|
||||
<button id='sendButton' onclick="GetVeteranPW(this)">Submit</button>
|
||||
|
@ -111,10 +111,20 @@
|
|||
cid: document.getElementById('cid').value
|
||||
})
|
||||
})
|
||||
rawResponse.json()
|
||||
.then((resp) => {
|
||||
HandleResp(resp)
|
||||
})
|
||||
if (!rawResponse.ok) {
|
||||
document.getElementById('text').innerText = 'Internal server error'
|
||||
document.getElementById('sendButton').innerText = 'Submit'
|
||||
}
|
||||
try {
|
||||
rawResponse.json()
|
||||
.then((resp) => {
|
||||
HandleResp(resp)
|
||||
})
|
||||
} catch (e) {
|
||||
document.getElementById('text').innerText = 'Invalid data recieved from server'
|
||||
document.getElementById('sendButton').innerText = 'Submit'
|
||||
console.log(e)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
@ -39,7 +39,7 @@
|
|||
width: 40px;
|
||||
cursor: pointer;
|
||||
}
|
||||
input[type=text], input[type=password] {
|
||||
input[type=text], input[type=password], textarea {
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
background-color: #181a1b;
|
||||
|
@ -69,6 +69,17 @@
|
|||
.ircLink {
|
||||
color: #9999ff;
|
||||
font-size: 12px;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
#feedback {
|
||||
display: none;
|
||||
}
|
||||
#feedbackTextArea {
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
height: 160px;
|
||||
resize: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
@ -78,31 +89,70 @@
|
|||
</div>
|
||||
<div id='text' class='text'>
|
||||
</div>
|
||||
<div id='feedback'>
|
||||
<textarea id='feedbackTextArea'></textarea>
|
||||
<div class='ircLinkContainer' >
|
||||
<a class='ircLink' href='https://qmining.frylabs.net/irc?loginClick'>IRC</a>
|
||||
</div>
|
||||
<button id='sendFeedbackButton' onclick="SendFeedback(this)">Submit</button>
|
||||
</div>
|
||||
<div id='form'>
|
||||
<div class='inputContainer'>
|
||||
<input type='password' id='pw' name='pw' autocomplete="off"/>
|
||||
<!-- <span onclick="ShowHidePW()" class='showpwContainer'>
|
||||
👁
|
||||
</span> -->
|
||||
</div>
|
||||
<div class='ircLinkContainer' >
|
||||
<a class='ircLink' href='https://qmining.frylabs.net/irc?loginClick'>Contact</a>
|
||||
<a class='ircLink' onclick='ShowFeedback()'>Contact</a>
|
||||
</div>
|
||||
<button id='sendButton' onclick="Login(this)">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
function ShowHidePW() {
|
||||
const x = document.getElementById('pw')
|
||||
if (x.type === "password") {
|
||||
x.type = "text";
|
||||
function HandleFeedbackResp (resp) {
|
||||
document.getElementById('sendButton').innerText = 'Submit'
|
||||
const textNode = document.getElementById('text')
|
||||
const feedback = document.getElementById('feedback').style.display = "none";
|
||||
if (resp.success) {
|
||||
textNode.innerText = 'Visszajelzés elküldve'
|
||||
} else {
|
||||
x.type = "password";
|
||||
textNode.innerText = 'Szerver oldali hiba :c'
|
||||
}
|
||||
}
|
||||
}
|
||||
async function SendFeedback (button) {
|
||||
const feedback = document.getElementById('feedbackTextArea').value
|
||||
button.innerText = '...'
|
||||
const rawResponse = await fetch('http://api.frylabs.net/postfeedback', {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
'Accept': 'application/json',
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
description: feedback,
|
||||
fromLogin: true
|
||||
})
|
||||
})
|
||||
if (!rawResponse.ok) {
|
||||
document.getElementById('text').innerText = 'Internal server error'
|
||||
button.innerText = 'Submit'
|
||||
}
|
||||
try {
|
||||
rawResponse.json()
|
||||
.then((resp) => {
|
||||
HandleFeedbackResp(resp)
|
||||
})
|
||||
} catch (e) {
|
||||
document.getElementById('text').innerText = 'Invalid data recieved from server'
|
||||
button.innerText = 'Submit'
|
||||
console.log(e)
|
||||
}
|
||||
}
|
||||
function ShowFeedback () {
|
||||
const form = document.getElementById('form').style.display = "none";
|
||||
const feedback = document.getElementById('feedback').style.display = "block";
|
||||
}
|
||||
function HandleResp (resp) {
|
||||
console.log(resp)
|
||||
document.getElementById('sendButton').innerText = 'Submit'
|
||||
const textNode = document.getElementById('text')
|
||||
if (resp.result === 'success') {
|
||||
|
@ -112,7 +162,6 @@
|
|||
textNode.innerText = resp.msg
|
||||
}
|
||||
}
|
||||
|
||||
async function Login(button) {
|
||||
button.innerText = '...'
|
||||
const rawResponse = await fetch('http://api.frylabs.net/login', {
|
||||
|
@ -126,10 +175,20 @@
|
|||
pw: document.getElementById('pw').value
|
||||
})
|
||||
})
|
||||
rawResponse.json()
|
||||
.then((resp) => {
|
||||
HandleResp(resp)
|
||||
})
|
||||
if (!rawResponse.ok) {
|
||||
document.getElementById('text').innerText = 'Internal server error'
|
||||
button.innerText = 'Submit'
|
||||
}
|
||||
try {
|
||||
rawResponse.json()
|
||||
.then((resp) => {
|
||||
HandleResp(resp)
|
||||
})
|
||||
} catch (e) {
|
||||
document.getElementById('text').innerText = 'Invalid data recieved from server'
|
||||
button.innerText = 'Submit'
|
||||
console.log(e)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue