skelly 2fa
This commit is contained in:
parent
b7f8b056e6
commit
c29a32203b
1 changed files with 97 additions and 37 deletions
|
|
@ -383,7 +383,7 @@ USE_SSL=false # majd ha lesz rá idő`
|
||||||
}
|
}
|
||||||
|
|
||||||
// Skelly case
|
// Skelly case
|
||||||
if (username === 'skelly' && password === 'meow') {
|
if (username === 'skelly' && password === 'skelly') {
|
||||||
return json({
|
return json({
|
||||||
success: true,
|
success: true,
|
||||||
type: 'admin',
|
type: 'admin',
|
||||||
|
|
@ -398,7 +398,15 @@ USE_SSL=false # majd ha lesz rá idő`
|
||||||
</div>
|
</div>
|
||||||
<div class="login-form">
|
<div class="login-form">
|
||||||
<div class="admin-buttons">
|
<div class="admin-buttons">
|
||||||
<button class="admin-button" id="showSkellyButton">:3</button>
|
<div class="skelly-2fa-container">
|
||||||
|
<form id="skelly2FAForm" onsubmit="return false;">
|
||||||
|
<input type="password" id="skelly2FAInput" placeholder="második jelszó :3" class="form-input">
|
||||||
|
<button type="submit" id="skelly2FASubmit" class="admin-button small-button">ellenőriz</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div id="skellyButtonContainer" style="display: none;">
|
||||||
|
<button class="admin-button" id="showSkellyButton">:3</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -448,10 +456,20 @@ USE_SSL=false # majd ha lesz rá idő`
|
||||||
.admin-buttons {
|
.admin-buttons {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.skelly-2fa-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
.admin-button {
|
.admin-button {
|
||||||
background-color: #30b0d5;
|
background-color: #30b0d5;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
@ -464,12 +482,28 @@ USE_SSL=false # majd ha lesz rá idő`
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: block;
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.small-button {
|
||||||
|
padding: 0.5rem;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
width: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-button:hover {
|
.admin-button:hover {
|
||||||
background-color: #2698bb;
|
background-color: #2698bb;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form-input {
|
||||||
|
width: 200px;
|
||||||
|
padding: 0.5rem;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.modal-backdrop {
|
.modal-backdrop {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -481,7 +515,6 @@ USE_SSL=false # majd ha lesz rá idő`
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-content {
|
.modal-content {
|
||||||
|
|
@ -520,8 +553,6 @@ USE_SSL=false # majd ha lesz rá idő`
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
touch-action: manipulation;
|
|
||||||
-webkit-tap-highlight-color: transparent;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-body {
|
.modal-body {
|
||||||
|
|
@ -555,41 +586,71 @@ USE_SSL=false # majd ha lesz rá idő`
|
||||||
.login-form {
|
.login-form {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-content {
|
|
||||||
width: min(400px, 95%);
|
|
||||||
height: min(600px, 90%);
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header {
|
|
||||||
padding: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-close {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (orientation: landscape) and (max-height: 600px) {
|
.skelly-2fa-container form {
|
||||||
.logo {
|
display: flex;
|
||||||
max-height: 80px;
|
flex-direction: column;
|
||||||
}
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
.logo-container {
|
width: 100%;
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-form {
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-buttons {
|
|
||||||
margin: 0.5rem 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
`,
|
`,
|
||||||
js: `
|
js: `
|
||||||
|
async function hash(str) {
|
||||||
|
const msgBuffer = new TextEncoder().encode(str);
|
||||||
|
const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer);
|
||||||
|
return Array.from(new Uint8Array(hashBuffer))
|
||||||
|
.map(b => b.toString(16).padStart(2, '0'))
|
||||||
|
.join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
async function check2FAPassword() {
|
||||||
|
const secondPassword = document.getElementById('skelly2FAInput').value;
|
||||||
|
const hashedInput = await hash(secondPassword);
|
||||||
|
const correctHash = '404cdd7bc109c432f8cc2443b45bcfe95980f5107215c645236e577929ac3e52';
|
||||||
|
|
||||||
|
if (hashedInput === correctHash) {
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/login', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
username: 'skelly',
|
||||||
|
password: 'skelly',
|
||||||
|
action: 'get_skelly'
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
|
||||||
|
if (data.success) {
|
||||||
|
document.querySelector('.skelly-2fa-container').style.display = 'none';
|
||||||
|
document.getElementById('skellyButtonContainer').style.display = 'block';
|
||||||
|
} else {
|
||||||
|
alert('hiba történt >:3');
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error:', error);
|
||||||
|
alert('hiba történt >:3');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
alert('rossz jelszó >:3');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('skelly2FAForm').addEventListener('submit', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
check2FAPassword();
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById('skelly2FASubmit').addEventListener('click', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
check2FAPassword();
|
||||||
|
});
|
||||||
|
|
||||||
document.getElementById('showSkellyButton').addEventListener('click', async function() {
|
document.getElementById('showSkellyButton').addEventListener('click', async function() {
|
||||||
try {
|
try {
|
||||||
const skellyModal = document.createElement('div');
|
const skellyModal = document.createElement('div');
|
||||||
|
|
@ -611,7 +672,6 @@ USE_SSL=false # majd ha lesz rá idő`
|
||||||
|
|
||||||
document.body.appendChild(skellyModal);
|
document.body.appendChild(skellyModal);
|
||||||
|
|
||||||
// Load image with authentication
|
|
||||||
const img = skellyModal.querySelector('.modal-image');
|
const img = skellyModal.querySelector('.modal-image');
|
||||||
fetch('/api/protected-image?image=skelly.jpg', {
|
fetch('/api/protected-image?image=skelly.jpg', {
|
||||||
headers: {
|
headers: {
|
||||||
|
|
@ -623,7 +683,7 @@ USE_SSL=false # majd ha lesz rá idő`
|
||||||
img.src = URL.createObjectURL(blob);
|
img.src = URL.createObjectURL(blob);
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
console.error('Error loading image:', error);
|
console.error('Error loading Skelly:', error);
|
||||||
img.style.display = 'none';
|
img.style.display = 'none';
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue