OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	11/28/2024 11:03:35 AM	rwxrwxr-x
📄 b_group.php	13.6 KB	09/02/2024 12:32:22 PM	rw-r--r--
📄 b_index.php	25.62 KB	09/02/2024 12:32:22 PM	rw-r--r--
📁 backup	-	08/31/2024 11:08:47 AM	rwxr-xr-x
📄 broadcast.php	15.87 KB	09/02/2024 12:32:22 PM	rw-r--r--
📄 create_broadcast.php	9.65 KB	09/02/2024 12:32:22 PM	rw-r--r--
📄 create_group.php	7.94 KB	09/02/2024 12:32:22 PM	rw-r--r--
📁 dump	-	08/31/2024 11:08:57 AM	rwxr-xr-x
📄 group.php	13.21 KB	09/02/2024 12:32:22 PM	rw-r--r--
📁 inc	-	09/02/2024 12:32:22 PM	rwxr-xr-x
📄 index.php	4.21 KB	09/02/2024 12:32:22 PM	rw-r--r--
📄 join_now.php	7.77 KB	09/02/2024 12:32:22 PM	rw-r--r--
📄 testing.php	3.32 KB	09/02/2024 12:32:22 PM	rw-r--r--
📁 trash	-	08/31/2024 11:09:01 AM	rwxr-xr-x

Editing: index.php

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

<?
include '../inc/validate.logged.php';
include '../inc/config.php';

include 'inc/db_connect.php';
include 'inc/function.php';
?>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Group Chat &bull; Knobly Cream</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

</head>

<body class="sb-nav-fixed">
    <? include 'inc/navbar.php' ?>
    <div id="layoutSidenav">
        <? include 'inc/sidebar.php' ?>
        <div id="layoutSidenav_content">
            <main>
                <div id="panelContent" class="container-fluid"></div>
                <div class="chat-message"></div>
            </main>
            <footer class="py-2 bg-light">
                <div class="container-fluid">
                    <div class="text-muted text-right small">&copy; <?= date('Y') ?>, Knobly Consulting</div>
                </div>
            </footer>
        </div>
    </div>
</body>

// Function to handle input change
        $('#search-input').on('input', function() {
            var searchText = $(this).val().trim().toLowerCase(); // Get input value and normalize

// Iterate over each div with class scrollable-list-item
            $('div.scrollable-list-item').each(function() {
                var memberName = $(this).find('a.member-link').text().trim().toLowerCase(); // Get member name

// Check if member name contains the search text
                if (memberName.includes(searchText)) {
                    $(this).show(); // Show the div if it matches
                } else {
                    $(this).hide(); // Hide the div if it does not match
                }
            });
        });

// Click handler for member links
        $('.member-link').on('click', function(event) {
            event.preventDefault();
            $(this).toggleClass('selected');
            updateSelectedMembersInfo();
        });

// Submit handler for create group form
        $('#create-group-form').on('submit', function(event) {
            var json_data = $('#selected-members-hidden').val();
            event.preventDefault(); // Prevent default form submission

// Submit the form programmatically
            this.submit(); // This refers to the form element
        });

// Click handler for selected members info (to remove selection)
        $('#selected-members-info').on('click', 'p', function(event) {
            event.preventDefault();
            const selectedMember = $(this).text().trim();
            $('.member-link').each(function() {
                if ($(this).data('user_name') === selectedMember) {
                    $(this).removeClass('selected');
                    return false; // Exit the loop once found
                }
            });
            updateSelectedMembersInfo(); // Update display and hidden input
        });

});
</script>

</html>