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: create_broadcast.php

<?
include '../inc/validate.logged.php';
include 'inc/db_connect.php';
include 'inc/function.php';

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $broadcast_name = $_POST['broadcast_name'];
    $broadcast_description = $_POST['broadcast_description'];
    $owner_id = $gUserId; // Assuming you get this from the session or user input
    $broadcast_image = $_POST['broadcast_image']; // Assuming you get this from user input
    $broadcast_membersId = $_POST['selected_members'];
    $broadcast_membersId = convertStringToArray($broadcast_membersId);
    $admin_ids = convertStringToArray(isset($_POST['admin_id']) ? $_POST['admin_id'] : strval($owner_id));
    create_broadcast($conn, $broadcast_name, $broadcast_description, $owner_id, $broadcast_membersId, $admin_ids, $broadcast_image);
    echo '<script>alert("Broadcast Created Successfully...");
    setTimeout(function() { window.location.href = "index.php"; }, 100);
    </script>';
    exit;
}
?>

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

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

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

// Hide any previous context menus
                $('.context-menu').hide();

// Show context menu at mouse position
                var contextMenu = $('#context-menu');
                contextMenu.css({
                    display: 'block',
                    left: e.pageX,
                    top: e.pageY
                });

// Store the group item ID
                contextMenu.data('group-id', $(this).parent().attr('id'));
            });

// Click handler for context menu items
            $('#context-menu').on('click', '.delete-group', function(e) {
                e.preventDefault(); // Prevent the default link behavior
                var groupId = $('#context-menu').data('group-id').replace('group_', '');
                deleteGroup(groupId);
            });

$('#context-menu').on('click', '.exit-group', function(e) {
                e.preventDefault(); // Prevent the default link behavior
                var userid = <?= $gUserId ?>;
                var groupId = $('#context-menu').data('group-id').replace('group_', '');
                exitgroup(userid, groupId);
                // Handle exit group action (if needed)
                // alert('Exit Group clicked');
            });

// Click handler to hide context menu on document click
            $(document).on('click', function() {
                $('.context-menu').hide();
            });
        });
    </script>

</head>

<? include 'inc/navbar.php' ?>

<? include 'inc/sidebar.php' ?>

<div class="create-chat" id="create-chat">
                    <h2>Create a New Broadcast</h2>
                    <form id="create-broadcast-form" method="post" action="create_broadcast.php">
                        <label for="broadcast_name">Broadcast Name:</label><br>
                        <input type="text" id="broadcast_name" name="broadcast_name" required><br><br>

<label for="broadcast_description">Broadcast Description:</label><br>
                        <textarea id="broadcast_description" name="broadcast_description" required></textarea><br><br>

<label for="members_list">Add Members:</label><br>

<?
                            // List of members (you can fetch from database dynamically if needed)
                            $members = display_all_members($conn);

foreach ($members as $member) {
                            ?>
                                <div class="scrollable-list-item">
                                    <a href="#" class="member-link" data-user_id="<?= htmlspecialchars($member['user_id']) ?>" data-user_name="<?= htmlspecialchars($member['user_name']) ?>"><?= htmlspecialchars($member['user_name']) ?>, <?= htmlspecialchars($member['user_email']) ?></a>
                                </div>
                            <? } ?>
                        </div>
                        <br>

<div class="selected-options">
                            <h3>Selected Members:</h3>
                            <div id="selected-members-info">
                                <p>No members selected.</p>
                            </div>
                            <input type="hidden" name="selected_members" id="selected-members-hidden" value="">
                        </div>
                        <br><br>

<label for="broadcast_image">Broadcast Image URL:</label><br>
                        <input type="text" id="broadcast_image" name="broadcast_image" oninput="previewImage('broadcast')"><br><br>
                        <img id="imagePreview" alt="Image Preview">

<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>

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

if (searchText === '') {
                $('.scrollable-list').hide(); // Hide the div if search text is empty
            } else {
                $('.scrollable-list').show();
                // 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
        });
    });

$(document).ready(function() {
        // Add the 'active' class to the <a> tag with id 'group'
        $('#broadcast').addClass('active');
    });
</script>

</html>