Implement Node.js backend rewrite with SQLite authentication, admin dashboard and One-Click docker update
This commit is contained in:
104
assets/js/admin.js
Normal file
104
assets/js/admin.js
Normal file
@@ -0,0 +1,104 @@
|
||||
$(document).ready(function() {
|
||||
// Check if admin
|
||||
$.get('/api/auth/me')
|
||||
.done(function(user) {
|
||||
console.log("Logged in:", user);
|
||||
if(user.role !== 'admin') {
|
||||
alert("Kein Zugriff!");
|
||||
window.location.href = '/';
|
||||
} else {
|
||||
loadUsers();
|
||||
loadAssignmentImages();
|
||||
$('body').removeClass('is-preload');
|
||||
}
|
||||
})
|
||||
.fail(function() {
|
||||
window.location.href = '/';
|
||||
});
|
||||
|
||||
$('#logout-btn').click(function(e) {
|
||||
e.preventDefault();
|
||||
$.post('/api/auth/logout').done(function() { window.location.href = '/'; });
|
||||
});
|
||||
|
||||
function loadUsers() {
|
||||
$.get('/api/admin/users').done(function(users) {
|
||||
$('#users-tbody').empty();
|
||||
$('#user-select').html('<option value="">Nutzer wählen...</option>');
|
||||
users.forEach(u => {
|
||||
$('#users-tbody').append(`
|
||||
<tr>
|
||||
<td>${u.id}</td>
|
||||
<td>${u.username} ${u.role==='admin'?'(Admin)':''}</td>
|
||||
<td>${u.id !== 1 ? `<button onclick="deleteUser(${u.id})">Löschen</button>` : ''}</td>
|
||||
</tr>
|
||||
`);
|
||||
if(u.role !== 'admin') {
|
||||
$('#user-select').append(`<option value="${u.id}">${u.username}</option>`);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
window.deleteUser = function(id) {
|
||||
if(confirm("Nutzer löschen?")) {
|
||||
$.ajax({url: '/api/admin/users/'+id, type: 'DELETE'}).done(loadUsers);
|
||||
}
|
||||
};
|
||||
|
||||
$('#create-user-form').submit(function(e) {
|
||||
e.preventDefault();
|
||||
$.post('/api/admin/users', { username: $('#new-username').val(), password: $('#new-password').val(), role: 'user' })
|
||||
.done(function() {
|
||||
$('#new-username').val('');
|
||||
$('#new-password').val('');
|
||||
loadUsers();
|
||||
}).fail(function(err) { alert("Fehler: " + err.responseJSON.error); });
|
||||
});
|
||||
|
||||
let allImages = [];
|
||||
function loadAssignmentImages() {
|
||||
$.get('/images/fulls/').done(function(files) {
|
||||
allImages = files;
|
||||
$('#image-checkboxes').empty();
|
||||
files.forEach(f => {
|
||||
$('#image-checkboxes').append(`
|
||||
<label class="img-check">
|
||||
<img src="/images/thumbs/${encodeURIComponent(f.name)}" />
|
||||
<br/><input type="checkbox" value="${f.name}" class="img-cb"/>
|
||||
</label>
|
||||
`);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$('#user-select').change(function() {
|
||||
const uid = $(this).val();
|
||||
$('.img-cb').prop('checked', false);
|
||||
if(!uid) return;
|
||||
$.get('/api/admin/assign').done(function(assignments) {
|
||||
assignments.filter(a => a.user_id == uid).forEach(a => {
|
||||
$(`.img-cb[value="${a.image_name}"]`).prop('checked', true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
$('#save-assignments').click(function() {
|
||||
const uid = $('#user-select').val();
|
||||
if(!uid) return alert('Bitte Nutzer wählen');
|
||||
const selected = [];
|
||||
$('.img-cb:checked').each(function() { selected.push($(this).val()); });
|
||||
|
||||
$.post('/api/admin/assign', { user_id: uid, image_names: selected })
|
||||
.done(function() { alert("Zuweisung gespeichert!"); });
|
||||
});
|
||||
|
||||
$('#update-btn').click(function() {
|
||||
if(!confirm("Achtung: Dies startet den Server neu. Fortfahren?")) return;
|
||||
$('#update-status').text('Update läuft...');
|
||||
$.post('/api/admin/update').done(function(res) {
|
||||
$('#update-status').text(res.message);
|
||||
setTimeout(() => { window.location.reload(); }, 5000);
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user