Tiny File Manager

Back Back Up Advanced Editor

<?php
include 'dbconnect.php';

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Dashboard</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    
    <link rel="stylesheet" href="css/fontawesome-free-6.6.0-web/css/all.min.css">

<link rel="stylesheet" href="css/fontawesome-free-6.6.0-web/css/all.min.css">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.2/semantic.min.css">

<style>

</style>
</head>

<body>
    <div class="sidebar">
        
        <a href="dashboard.php"><i class="fas fa-tachometer-alt"></i> Dashboard</a>
        <a href="#"><i class="fas fa-users"></i> User Management</a>
        
        
        
        <a href="login.php"><i class="fas fa-sign-out-alt"></i> Logout</a>
    </div>
    <div class="topbar">
        <h1 class="text-center d-inline-block">Account Opening Dashboard</h1>
        <div class="dropdown d-inline-block float-right">
            <i class="fas fa-user-circle profile-icon" id="profileDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></i>
            <div class="dropdown-menu" aria-labelledby="profileDropdown">
                <a class="dropdown-item" href="#">Change Password</a>
                <a class="dropdown-item" href="#">Logout</a>
            </div>
        </div>
    </div>

<footer>
        <p class="text-success">Developed By <span>FSIB PLC. ICT Division<span></p>
    </footer>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <script src="js/script.js"></script>

<!-- <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
    <script src="https://cdn.datatables.net/2.1.8/js/dataTables.js"></script>

</script>

// Show/hide user tables when cards are clicked
        document.getElementById('requestCard').addEventListener('click', function() {
            // var requestTable = document.getElementById('requestTable');
            // requestTable.style.display = requestTable.style.display === 'block' ? 'none' : 'block';

document.getElementById('requestTable').style.display = 'block'; // Hide other tables
            document.getElementById('openedTable').style.display = 'none'; // Hide other tables
            document.getElementById('completedTable').style.display = 'none'; // Hide other tables
            // document.getElementById('account_details').style.display = 'none'; // Hide other tables
        });

document.getElementById('openedCard').addEventListener('click', function() {

// var openedTable = document.getElementById('openedTable');
            // openedTable.style.display = openedTable.style.display === 'block' ? 'none' : 'block';
            document.getElementById('openedTable').style.display = 'block'; // Hide other tables
            document.getElementById('requestTable').style.display = 'none'; // Hide other tables
            document.getElementById('completedTable').style.display = 'none'; // Hide other tables
            // document.getElementById('account_details').style.display = 'none'; // Hide other tables

});

document.getElementById('completedCard').addEventListener('click', function() {
            // var completedTable = document.getElementById('completedTable');
            // completedTable.style.display = completedTable.style.display === 'block' ? 'none' : 'block';
            document.getElementById('completedTable').style.display = 'block'; // Hide other tables
            document.getElementById('requestTable').style.display = 'none'; // Hide other tables
            document.getElementById('openedTable').style.display = 'none'; // Hide other tables
            // document.getElementById('account_details').style.display = 'none'; // Hide other tables

});
        document.getElementById('acc_details').addEventListener('click', function() {
            // var completedTable = document.getElementById('completedTable');
            // completedTable.style.display = completedTable.style.display === 'block' ? 'none' : 'block';
            document.getElementById('openAction').style.display = 'block'; // Hide other tables
            document.getElementById('completedTable').style.display = 'none'; // Hide other tables
            document.getElementById('requestTable').style.display = 'block'; // Hide other tables
            document.getElementById('openedTable').style.display = 'none'; // Hide other tables
            // document.getElementById('account_details').style.display = 'none'; // Hide other tables

});

// Function to go back to the table
        function requestTableGoBack() {
            document.getElementById('update-content').classList.add('user-table');
            document.getElementById('requestTable').classList.remove('user-table');
        }

function CompletedTableGoBackGoBack() {
            document.getElementById('view-content').classList.add('user-table');
            document.getElementById('completedTable').classList.remove('user-table');
        }
        // document.getElementById('acc_details').addEventListener('click', function() {
        //     document.getElementById('openAction').style.display = 'block'; // Hide other tables
        //     document.getElementById('requestTable').style.display = 'none'; // Hide other tables
        //     document.getElementById('openedTable').style.display = 'none'; // Hide other tables
        //     document.getElementById('completedTable').style.display = 'none'; // Hide other tables
        // });

// document.getElementById('acc_details').addEventListener('click', function() {
        //     document.getElementById('test').style.display = 'block';
        //     alert("Kazi");

// });
    </script>
</body>

</html>