OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	06/17/2025 10:17:24 AM	rwxrwxr-x
📄 account.php	48.19 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 analytics.php	35.05 KB	05/19/2025 10:07:13 AM	rw-r--r--
📁 assets	-	03/06/2025 05:37:05 AM	rwxr-xr-x
📄 channel.php	35.98 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 create.php	44.27 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 dashboard.php	55.6 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 featured_channels.php	32.57 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 featured_topics.php	26.63 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 follow_dash.php	33.51 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 footer.php	1.14 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 index.php	9.56 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 main.css	1.3 KB	03/05/2025 07:59:27 AM	rw-r--r--
📄 my_collection.php	152.65 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 navbar_menu.php	1.8 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 newCompaign.php	16.1 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 newsletter.php	24.66 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 request_article.php	23.34 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 saved.php	33.64 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 search_bar.php	18.97 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 settings.php	81.52 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 sidebar.php	19.1 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 social_navbar.php	25.03 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 stream.css	13.53 KB	03/06/2025 05:19:46 AM	rw-r--r--
📄 stream.php	66.21 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 styles.css	7.59 KB	03/06/2025 05:45:03 AM	rw-r--r--
📁 updated_files	-	05/19/2025 10:07:13 AM	rwxr-xr-x

Editing: featured_topics.php

<?php

include 'assets/php/validate.logged.php';
include 'assets/php/db_connect.php';
include 'inc/config.php';
include 'assets/php/function.php';

$ft_id = isset($_GET['ft_id']) ? intval($_GET['ft_id']) : null;

function fetch_articles($conn, $ft_id)
{

if ($ft_id === null) {
        echo '<p>Error: Topics not provided.</p>';
        exit; // Stop execution if rss_id is not provided
    }

// Prepare the query
    $stmt = $conn->prepare("SELECT rfa.id, rfu.rss_publisher, rfa.url, rfa.title, rfa.description, rfa.image, rfa.date 
                     FROM rss_feeds_articles rfa 
                     INNER JOIN rss_feeds_url rfu ON rfa.feed_id = rfu.rss_id 
                     WHERE rfu.rss_category = ? 
                     ORDER BY rfa.date DESC");

$stmt->bind_param("i", $ft_id);
    $stmt->execute();
    $result = $stmt->get_result(); ?>
    <h1 class="text-center mb-4 text-white"><?= fetch_featured_topic_name($conn, $ft_id) ?></h1>
    <? if ($result->num_rows > 0) {
        // Output data of each row
        while ($row = $result->fetch_assoc()) {
            $feedId = stripslashes($row['id']);
            $title = htmlspecialchars(strip_tags(stripslashes($row['title'])));
            $description = htmlspecialchars(strip_tags(stripslashes($row['description'])));
            $image = is_null($row['image']) || $row['image'] === '' ? 'assets/img/toi.png' : $row['image'];
            $date = htmlspecialchars(strip_tags(stripslashes($row['date'])));
    ?>
            <div class="col-md-4">
                <div class="card mb-4 news-item" data-id="<?= htmlspecialchars($feedId) ?>" data-title="<?= $title ?>"
                    data-description="<?= $description ?>" data-image="<?= htmlspecialchars($image) ?>"
                    data-url="<?= htmlspecialchars($row['url']) ?>" data-date="<?= $date ?>">
                    <img src="<?= htmlspecialchars($image) ?>" class="card-img-top" alt="News Image">
                    <div class="card-body">
                        <h5 class="card-title"><?= $title ?></h5>
                        <p class="card-text"><strong>Date: </strong><?= $date ?></p>
                    </div>
                </div>
            </div>
        <?php }
    } else {
        ?>
        <p>No news available at the moment.</p>
<?
    }
    // Close the prepared statement and the database connection
    $stmt->close();
    $conn->close();
}
?>

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Featured Topics</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

.card,
        .modal-content {
            background-color: #1c1c1c !important;
            color: white !important;
            border: none;
            margin-bottom: 20px;
            transition: transform 0.3s;
        }

.card:hover {
            transform: scale(1.05);
        }

.card img {
            max-height: 200px;
            object-fit: cover;
        }

.modal-content {
            background-color: #1c1c1c;
            color: white;
        }

.modal-body {
            padding: 20px;
        }

.morewithlike i {
            color: #a3a2a2;
            border: none;
            padding: 0;
        }

.morewithlike button::after {
            border-color: pink;
            /* Ensure no outline when focused */
            border: none;
            outline: none;

}

body.light-mode .card-body {
            /* margin-bottom: var(--bs-card-title-spacer-y)!important; */
            color: black !important;
            background-color: #fff !important;
        }

body.dark-mode .card-body {
            /* margin-bottom: var(--bs-card-title-spacer-y) !important; */
            color: white !important;
        }

body.light-mode #news-container .text-white {
            --bs-text-opacity: 1;
            color: #141414 !important;
        }

body.light-mode .modal-content {
            background-color: var(--bg-color-light) !important;
            color: var(--bg-color-dark) !important;
            border: none;
            margin-bottom: 20px;
            transition: transform 0.3s;
        }
    </style>
    <style>
            .sideWithMainContainer {
                display: flex;
                flex-direction: row;
                gap: 10px;
                overflow-x: hidden;

}

.sideMaincontent {
                height: 100vh;
                overflow-y: scroll;
                padding: 30px 0;
            }

@media (min-width: 768px) {
                .col-md-2 {
                    padding: 0px !important;
                }

}

@media (max-width: 768px) {
                .col-md-2 {
                    display: none !important;
                }

}
        </style>
</head>

<div class="modal fade" id="newsModal" tabindex="-1" aria-labelledby="newsModalLabel" aria-hidden="true" style="top:100px">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header w-full flex justify-between items-center gap-4">
                    <h5 class="model-title " id="newsModalLabel"></h5>
                    <button type="button" class="btn-close w-full w-[1/5] flex items-center justify-center color-red"
                        data-bs-dismiss="modal" aria-label="Close" style="background-color: #a3a2a2;"></button>
                </div>
                <div class="modal-body">
                    <img src="" id="modal-image" class="img-fluid mb-3" alt="News Image">
                    <p id="modal-description"></p>
                    <p class="datewithtime"><strong>Date: </strong><span id="modal-date"></span></p>
                    <div class="morewithlike d-flex justify-content-between">
                        <a href="" id="modal-url" class="btn btn-primary">Read More</a>
                        <div id="dataModal" data-id="" data-title="" data-description="" data-url=""></div>
                        <div class="data col-12 col-md-6 text-md-right pl-0 mt-2 mt-md-0 d-flex ">
                            <button class="btn p-2 reader-button play-button">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            <button class="btn  p-2 reader-button pause-button" style="display:none;">
                                <i class="fas fa-pause"></i>
                            </button>
                            <button class="btn  p-2 reader-button resume-button" style="display:none;">
                                <i class="fas fa-play"></i>
                            </button>
                            <button class="btn p-2 reader-button stop-button" style="display:none;">
                                <i class="fas fa-stop"></i>
                            </button>
                            <button class="btn reader-button likeButton">
                                <i id="thumbsUp" class="fa-regular fa-thumbs-up"
                                    style="padding-right: 4px; padding-top: 2px;"></i>
                                <div id="likeCount"></div>
                            </button>
                            
                            <button class="btn p-2  reader-button icon-container" style="margin-bottom: 0px;">
                                <i class="far fa-bookmark" id="bookmarkIcon"></i>
                            </button>
                            
                            <button class="btn p-2 reader-button copyButton">
                                <i class="fa-solid fa-arrow-up-from-bracket"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<? include 'assets/php/footer.php' ?>
    <? include 'assets/php/bottom_navbar.php'?>

$('#dataModal').attr('data-id', feed_id);
                $('#dataModal').attr('data-title', title);
                $('#newsModalLabel').text(title);
                $('#modal-description').text(description);
                $('#modal-image').attr('src', image);
                $('#modal-date').text(date);
                $('#modal-url').attr('href', url);

// loadLike(feed_id, userId);
                // likeCount(feed_id, userId);
                checkCollection(feed_id, userId)

var modal = new bootstrap.Modal($('#newsModal')[0]);

modal.show();
            });

$('.likeButton').on('click', function() {
                var feed_id = $('#dataModal').attr('data-id');
                toggleLike(feed_id, userId);
            });

$('.copyButton').on('click', function() {
                var feed_url = $('#modal-url').attr('href');

// var feed_url = $('.news-item').data('url');
                copyToClipboard(feed_url); // Call the correct function with the correct variable
                // copyToClipboards(feed_url);
            });

$('#bookmarkIcon').on('click', function() {
                var feed_id = $('#dataModal').attr('data-id'); // Ensure this targets the correct item
                console.log(feed_id);

// Check the current state of the icon
                if ($(this).hasClass('far fa-bookmark')) {
                    addToCollection(feed_id, userId);
                } else {
                    removeFromCollection(feed_id, userId);
                }
            });

});

function likeCount(feedId, userId) {
            $.ajax({
                url: 'inc/handler.php',
                type: 'POST',
                contentType: 'application/json', // Specify that you're sending JSON
                data: JSON.stringify({
                    request: 'likeCount',
                    userId: userId,
                    feedId: feedId
                }),
                success: function(response) {
                    if (response.status === "success") {
                        console.log("Response:", response); // Access 'response' instead of 'data'
                        $('.likeButton #likeCount').html(response.count || ''); // Change to solid thumbs up

} else {
                        console.error("Error message:", response.message);
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.error("Error:", textStatus, errorThrown);
                }
            });
        }

function toggleLike(feedId, userId) {
            var thumbsUpIcon = $('.likeButton #thumbsUp');
            var isLiked = thumbsUpIcon.hasClass('fa-solid');

// Determine the request type based on the current like status
            var requestType = isLiked ? 'unlike' : 'like';

// Make the AJAX call to like/unlike the post
            $.ajax({
                url: 'inc/handler.php',
                type: 'POST',
                contentType: 'application/json',
                data: JSON.stringify({
                    request: requestType,
                    userId: userId,
                    feedId: feedId
                }),
                success: function(response) {
                    if (response.status === "success") {
                        // Toggle the icon based on the like status
                        if (requestType === 'like') {
                            thumbsUpIcon.removeClass('fa-regular').addClass('fa-solid');
                        } else {
                            thumbsUpIcon.removeClass('fa-solid').addClass('fa-regular');
                        }
                        likeCount(feedId, userId);
                    } else {
                        console.error("Error message:", response.message);
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.error("Error:", textStatus, errorThrown);
                }
            });
        }
    </script>

// Try using the Clipboard API first
            if (navigator.clipboard) {
                navigator.clipboard.writeText(textToCopy).then(function() {
                    alert('Note copied to clipboard: ' + textToCopy);
                }).catch(function(error) {
                    console.error('Clipboard API error: ', error);
                    fallbackCopy(textToCopy);
                });
            } else {
                console.error('Clipboard API is not available');
                fallbackCopy(textToCopy);
            }

// Fallback method using a temporary textarea element
            function fallbackCopy(textToCopy) {
                // Create a temporary textarea element using jQuery
                var $tempTextArea = $('<textarea>');

// Set the value of the textarea to the text we want to copy
                $tempTextArea.val(textToCopy).appendTo('body');

// Focus the textarea and select the content using jQuery
                $tempTextArea.focus().select();
                $tempTextArea[0].setSelectionRange(0, textToCopy.length); // For mobile devices

// Try executing the copy command
                try {
                    var successful = document.execCommand('copy');
                    if (successful) {
                        alert('Note copied to clipboard: ' + textToCopy);
                    } else {
                        alert('Failed to copy note.');
                    }
                } catch (err) {
                    console.error('Error copying text: ', err);
                    alert('Failed to copy note.');
                } finally {
                    // Remove the temporary textarea from the document
                    $tempTextArea.remove();
                }
            }

}
    </script>

$(document).ready(function() {

// Play button click handler
            $('.play-button').on('click', function() {
                var title = $('#dataModal').data('title');
                var desc = $('#dataModal').data('description');
                playAudio(title, desc, $(this));
            });

// Function to play audio
            function playAudio(title, desc, button) {
                var audio = new Audio();

if (isPlaying) {
                    console.log("Audio is already playing. Cannot start another instance.");
                    return;
                }

console.log("Starting audio playback...");

isPlaying = true; // Set flag to true to indicate audio playback has started

// Ajax call to get audio file URL
                $.ajax({
                    url: 'texttovoice/processvoice.php',
                    type: 'POST',
                    data: {
                        title: title,
                        description: desc
                    },
                    success: function(response) {
                        audio.src = response;
                        audio.play();

// Update button visibility
                        button.hide();
                        button.siblings('.pause-button').show();
                        button.siblings('.stop-button').show();

// Pause button click handler
                        button.siblings('.pause-button').on('click', function() {
                            audio.pause();
                            $(this).hide();
                            $(this).siblings('.resume-button').show();
                        });

// Resume button click handler
                        button.siblings('.resume-button').on('click', function() {
                            audio.play();
                            $(this).hide();
                            $(this).siblings('.pause-button').show();
                        });

button.siblings('.stop-button').on('click', function() {
                            audio.pause(); // Pause the audio (assuming this stops playback)
                            audio.currentTime = 0; // Reset audio playback to the beginning
                            button.siblings('.resume-button').hide(); // Hide resume button if shown
                            button.siblings('.stop-button').hide();
                            button.siblings('.pause-button').hide();
                            button.show();
                            isPlaying = false;
                        });

// Reset when audio ends
                        audio.onended = function() {
                            isPlaying = false;
                            button.show();
                            button.siblings('.pause-button').hide();
                            button.siblings('.resume-button').hide();
                            button.siblings('.stop-button').hide();
                        };
                    },
                    error: function(xhr, status, error) {
                        console.error("Error playing audio:", error);
                    }
                });
            }
        });

function broadcast(link) {

if (isPlaying) {
                console.log("Audio is already playing. Cannot start another instance.");
                return;
            }

console.log("Starting audio playback...");

isPlaying = true; // Set flag to true to indicate audio playback has started

var braudio = new Audio();
            console.log(link);
            braudio.src = link;
            braudio.play();

$('.broadcast-pause').show();
            $('.broadcast-stop').show();

$('.broadcast-pause').on('click', function() {
                braudio.pause();
                $('.broadcast-pause').hide();
                $('.broadcast-resume').show();
            });

$('.broadcast-resume').on('click', function() {
                braudio.play();
                $('.broadcast-resume').hide();
                $('.broadcast-pause').show();
            });

$('.broadcast-stop').on('click', function() {
                braudio.pause();
                braudio.currentTime = 0;
                $('.broadcast-pause').hide();
                $('.broadcast-resume').hide();
                $('.broadcast-stop').hide();
                isPlaying = false;

});

braudio.onended = function() {
                isPlaying = false;
                $('.broadcast-pause').hide();
                $('.broadcast-resume').hide();
                $('.broadcast-stop').hide();
            };
        }
    </script>
  
</body>

</html>