Tiny File Manager

Back Back Up Advanced Editor

$(document).ready(function() {
    let users = [];
    let userIdCounter = 1;

$('#addForm').on('submit', function(event) {
        event.preventDefault();
        const name = $('#addName').val();
        const email = $('#addEmail').val();
        const newUser = { id: userIdCounter++, name, email };
        users.push(newUser);
        renderTable();
        $('#addModal').modal('hide');
        $('#addForm')[0].reset();
    });

$('#tableBody').on('click', '.edit-btn', function() {
        const id = $(this).data('id');
        const user = users.find(u => u.id === id);
        $('#editId').val(user.id);
        $('#editName').val(user.name);
        $('#editEmail').val(user.email);
        $('#editModal').modal('show');
    });

$('#editForm').on('submit', function(event) {
        event.preventDefault();
        const id = $('#editId').val();
        const name = $('#editName').val();
        const email = $('#editEmail').val();
        const userIndex = users.findIndex(u => u.id === parseInt(id));
        users[userIndex] = { id, name, email };
        renderTable();
        $('#editModal').modal('hide');
    });

$('#tableBody').on('click', '.delete-btn', function() {
        const id = $(this).data('id');
        users = users.filter(u => u.id !== id);
        renderTable();
    });
});