Gecko [ fastearnlimited.com ]

Name	Size	Permission	Date
.well-known	[ DIR ]	drwxr-xr-x	2026-02-22 15:26
admin	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
api	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
assets	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
cgi-bin	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
chat	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
image	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
includes	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
.htaccess	197 B	-r--r--r--	2026-04-01 03:43
5CIklYH0.php	445 B	-rw-r--r--	2026-02-23 13:08
G0cQmLsV.php	445 B	-rw-r--r--	2026-02-22 23:14
chat.zip	27.93 MB	-rw-r--r--	2026-02-22 17:31
dashboard.php	36.16 KB	-rw-r--r--	2026-02-23 09:09
database.sql	2.81 KB	-rw-r--r--	2026-02-22 22:29
error_log	2.61 KB	-rw-r--r--	2026-02-23 10:51
index.php	25.53 KB	-rw-r--r--	2026-02-23 10:52
install.php	5.88 KB	-rw-r--r--	2026-02-22 17:43
login.php	5.69 KB	-rw-r--r--	2026-02-22 18:40
logout.php	328 B	-rw-r--r--	2026-02-21 21:39
manifest.json	536 B	-rw-r--r--	2026-02-22 19:03
my_stories.php	11.66 KB	-rw-r--r--	2026-02-21 23:17
signup.php	6.39 KB	-rw-r--r--	2026-02-22 11:41
sw.js	2.21 KB	-rw-r--r--	2026-02-22 20:10
txets.php	4.37 KB	-rw-r--r--	2026-02-24 02:50
wp-blog-header.php	2.74 KB	-rw-r--r--	2026-04-01 03:43
wp-cron.php	2.74 KB	-rw-r--r--	2026-04-01 03:43

Rename

<?php
session_start();
require_once 'includes/db.php';
require_once 'includes/functions.php';

if (!isLoggedIn()) {
    header("Location: index.php");
    exit;
}

$user_id = $_SESSION['user_id'];
$stmt = $pdo->prepare("SELECT * FROM users WHERE id = ?");
$stmt->execute([$user_id]);
$current_user = $stmt->fetch();
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Stories - ChatApp</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <style>
        body { background: #f0f2f5; }
        .story-manage-card {
            border-radius: 15px;
            overflow: hidden;
            background: #fff;
            transition: transform 0.2s;
            margin-bottom: 20px;
        }
        .story-preview-thumb {
            height: 150px;
            width: 100%;
            object-fit: cover;
            background: #000;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #white;
            font-weight: bold;
            padding: 10px;
            text-align: center;
            font-size: 0.9rem;
        }
        .viewer-item {
            padding: 10px;
            border-bottom: 1px solid #eee;
        }
        .viewer-item:last-child { border-bottom: none; }
        .back-btn {
            font-size: 1.2rem;
            color: #056162;
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div class="container py-4">
        <div class="d-flex align-items-center mb-4">
            <a href="dashboard.php" class="back-btn me-3"><i class="fas fa-arrow-left"></i></a>
            <h2 class="mb-0 fw-bold">My Status</h2>
        </div>

<div class="modal fade" id="viewersModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-sm">
            <div class="modal-content rounded-4 border-0 shadow-lg">
                <div class="modal-header border-0">
                    <h6 class="modal-title fw-bold">Viewed by</h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-0" id="viewersListContent" style="max-height: 400px; overflow-y: auto;">
                    
                </div>
            </div>
        </div>
    </div>

<div class="modal fade" id="forwardModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-sm">
            <div class="modal-content rounded-4 border-0 shadow-lg">
                <div class="modal-header border-0">
                    <h6 class="modal-title fw-bold">Forward to...</h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-3" id="friendsForwardList">
                    
                </div>
            </div>
        </div>
    </div>

$(document).ready(function() {
            loadMyStories();

$(document).on('click', '.delete-story', function() {
                if (!confirm('Are you sure you want to delete this story?')) return;
                let id = $(this).data('id');
                $.post('api/delete_story.php', { story_id: id }, function(res) {
                    if (res.success) {
                        loadMyStories();
                    } else {
                        alert(res.error);
                    }
                });
            });

$(document).on('click', '.clickable-viewers', function() {
                let viewers = $(this).data('viewers');
                let html = '';
                if (viewers.length === 0) {
                    html = '<div class="p-4 text-center text-muted small">No views yet.</div>';
                } else {
                    viewers.forEach(v => {
                        let fallbackImg = `https://ui-avatars.com/api/?name=${encodeURIComponent(v.username)}&background=random`;
                        html += `
                            <div class="viewer-item d-flex align-items-center px-3">
                                <img src="assets/images/${v.profile_pic_url}" onerror="this.src='${fallbackImg}'" class="avatar-sm rounded-circle me-3 border">
                                <div class="flex-grow-1">
                                    <div class="fw-bold small">${v.username}</div>
                                    <div class="text-muted" style="font-size:0.7rem">${new Date(v.viewed_at).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}</div>
                                </div>
                            </div>
                        `;
                    });
                }
                $('#viewersListContent').html(html);
                $('#viewersModal').modal('show');
            });

$(document).on('click', '.open-forward', function() {
                currentForwardStory = $(this).data('id');
                // Load friends to forward
                $.get('api/get_friends.php', function(data) {
                    let html = '';
                    if (!data.friends || data.friends.length === 0) {
                        html = '<div class="text-center text-muted small">No friends to forward to.</div>';
                    } else {
                        data.friends.forEach(f => {
                            html += `
                                <div class="d-flex align-items-center mb-2 justify-content-between">
                                    <div class="d-flex align-items-center">
                                        <img src="assets/images/${f.profile_pic_url}" class="avatar-sm rounded-circle me-2 border" onerror="this.src='https://ui-avatars.com/api/?name=${encodeURIComponent(f.username)}&background=random'">
                                        <span class="small fw-bold">${f.username}</span>
                                    </div>
                                    <button class="btn btn-primary btn-xs forward-to-friend" data-friend-id="${f.id}">Send</button>
                                </div>
                            `;
                        });
                    }
                    $('#friendsForwardList').html(html);
                    $('#forwardModal').modal('show');
                });
            });

$(document).on('click', '.forward-to-friend', function() {
                let friendId = $(this).data('friend-id');
                let btn = $(this);
                btn.prop('disabled', true).text('...');
                
                // Fetch the story first to get content/media
                $.get('api/get_my_stories.php', function(stories) {
                    let story = stories.find(s => s.id == currentForwardStory);
                    if (!story) return;

let postData = { 
                        receiver_id: friendId, 
                        message: "", 
                        media_url: story.media_url, 
                        media_type: story.type,
                        story_id: story.id
                    };

if (story.type === 'text') {
                        postData.message = story.content + "|" + story.bg_color;
                        postData.media_url = "text_story"; // dummy to trigger media rendering
                    } else {
                        postData.message = ""; // or some caption if we want
                    }

$.post('api/send_message.php', postData, function(res) {
                        if (res.success) {
                            btn.removeClass('btn-primary').addClass('btn-success').text('Sent');
                            setTimeout(() => $('#forwardModal').modal('hide'), 800);
                        }
                    });
                });
            });
        });
    </script>
</body>
</html>