OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	03/26/2025 04:16:12 AM	rwxr-xr-x
📁 bin	-	03/26/2025 04:20:23 AM	rwxr-xr-x
📄 facebook_setup copy.php	9.52 KB	03/26/2025 04:16:12 AM	rw-r--r--
📄 facebook_setup.php	10.8 KB	03/26/2025 04:16:12 AM	rw-r--r--
📄 facebook_setup_handler.php	1.24 KB	03/26/2025 04:16:12 AM	rw-r--r--
📄 fb_credentials.json	313 bytes	03/26/2025 04:16:12 AM	rw-r--r--
📄 fb_function.php	19 KB	03/26/2025 04:16:12 AM	rw-r--r--
📄 fb_post_handler.php	12.36 KB	03/26/2025 04:16:12 AM	rw-r--r--
📄 update_fb_pages.php	353 bytes	03/26/2025 04:16:12 AM	rw-r--r--

Editing: facebook_setup.php

<?
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

include '../../assets/php/validate.logged.php';
include 'fb_function.php';
include '../db_connect.php';
include '../../assets/php/function.php';
$credentials = json_decode(file_get_contents('fb_credentials.json'), true);
$fbLoggedStatus = facebook_login_status($db, $gUserId);

if (isset($_GET['log']) && $_GET['log'] == 'npf') {
?>
    <script>
        alert("No Pages Found for the account");
        // Remove the 'log' parameter from the URL
        const url = new URL(window.location);
        url.searchParams.delete('log');
        window.history.replaceState({}, document.title, url);
    </script>
<? } ?>

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Knobly Cream: Create &bull; Reach &bull; Measure</title>

}

body.light-mode .mt-1 {
            color: var(--text-color-light);

}

body.dark-mode .table {
            color: var(--text-color-dark);
        }

body.light-mode .table {
            color: var(--text-color-light);
        }

body.light-mode .table-striped>tbody>tr:nth-of-type(odd)>* {
            --bs-table-accent-bg: var(--bs-table-striped-bg);
            color: var(--bs-table-striped-color);
        }

body.dark-mode .table-striped>tbody>tr:nth-of-type(odd)>* {
            --bs-table-accent-bg: var(--bs-table-striped-bg);
            color: #fff;
        }

.main-content {
            margin: 128px;
            
        }
        @media screen and (max-width:768px) {
            .main-content {
            margin: 20px;
            
        }
            
        }

/* Mobile Responsive Styles */
        /* General Styling */
        .breadcrumb {
            padding: 0.75rem 1rem;
        }

.breadcrumb-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

.breadcrumb-item .text-left {
            display: block;
        }

.breadcrumb-item form input[type="text"] {
            max-width: 100%;
        }

/* General styling for the table */
        .table {
            width: 100%;
            border-collapse: collapse;
        }

.table th,
        .table td {
            padding: 8px;
            text-align: left;
            /* border: 1px solid #dee2e6; */
            word-wrap: break-word;
            background-color: none !important;
        }

/* Mobile (up to 375px) */
        @media (max-width: 375px) {
            .breadcrumb-item h4 {
                font-size: 1.25rem;
            }

.breadcrumb-item .btn {
                font-size: 0.875rem;
                padding: 0.5rem 0.75rem;
            }

.breadcrumb-item .form-inline {
                display: block;
                width: 100%;
            }

.breadcrumb-item .form-inline input,
            .breadcrumb-item .form-inline button {
                width: 100%;
                margin: 0.25rem 0;
            }

.breadcrumb-item a.btn {
                width: 100%;
                margin-top: 0.25rem;
            }
        }

/* Tablet (375px to 768px) */
        @media (min-width: 376px) and (max-width: 768px) {
            .breadcrumb-item h4 {
                font-size: 1.5rem;
            }

.breadcrumb-item .btn {
                font-size: 1rem;
            }

.breadcrumb-item .form-inline {
                display: block;
                width: 100%;
            }

.breadcrumb-item .form-inline input {
                width: 80%;
            }

.breadcrumb-item .form-inline button {
                width: 20%;
            }

.breadcrumb-item a.btn {
                width: 100%;
                margin-top: 0.5rem;
            }
        }

/* Laptops (768px to 1024px) */
        @media (min-width: 769px) and (max-width: 1024px) {
            .breadcrumb-item h4 {
                font-size: 1.75rem;
            }

.breadcrumb-item .form-inline input {
                max-width: 250px;
            }

.breadcrumb-item a.btn {
                width: auto;
                margin-top: 0;
            }

.breadcrumb-item .btn {
                padding: 0.75rem 1.25rem;
            }
        }

/* Desktop (1024px and above) */
        @media (min-width: 1025px) {
            .breadcrumb-item h4 {
                font-size: 2rem;
            }

.breadcrumb-item .form-inline input {
                max-width: 300px;
            }

.breadcrumb-item a.btn {
                width: auto;
            }
        }

/* For mobile screens */
        @media (max-width: 768px) {
            .table {
                font-size: 12px;
                border: none;
            }

/* Make table scrollable */
            .table {
                display: block;
                overflow-x: 50px;
                white-space: nowrap;
                margin-left: -20px;
                width: 500px;
            }

.table thead th {
                position: sticky;
                top: 0;
                /* background-color: #e9ecef; */
                /* Maintain the header color */
            }

.table td,
            .table th {
                white-space: normal;
            }

}
    </style>

<script src="../../assets/js/jquery-3.6.0.min.js"></script>
    <script src="../../assets/js/popper.2.1.js"></script>
    <script src="../../assets/js/popper.2.1.js"></script>

<script src="../../assets/js/bootstrap.bundle.min.js"></script>

<div class="main-content">
        <ol class="breadcrumb my-3">
            <li class="breadcrumb-item w-100 d-flex justify-content-between align-items-center flex-wrap">
                <div class="text-left mb-2 mb-md-0">
                    <h4 class="mt-1">Facebook</h4>
                    <a href="<?= htmlspecialchars(facebook_login_consent($credentials, 'social_media/facebook/facebook_setup_handler.php')) ?>" class="btn btn-primary mt-2"><i class="fab fa-facebook-f"></i> Login to Facebook</a>
                </div>
                
            </li>
        </ol>
        <? if ($fbLoggedStatus == true) {
        ?>
            <div class="col">
                <table class="table table-striped table-bordered">
                    <thead styles="background-color:#e9ecef">
                        <tr>
                            <td colspan="3" align="center">
                                <h1><b>Facebook Pages</b></h1>
                            </td>
                        </tr>
                        <tr>
                            <th>Page Name</th>
                            <th>Status</th>
                            <th>Update Page</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                        $pages_data = facebook_fetch_user_pages($db, $gUserId);

if ($pages_data == null) {
                        ?>
                            <tr>
                                <td colspan="3">No Pages associated in the Facebook Account</td>
                            </tr>
                            <?
                        } else {
                            foreach ($pages_data as $page_data) {
                            ?>
                                <tr>
                                    <td><?= $page_data['pages_name'] ?></td>
                                    <td>Active</td>
                                    <td><button class="btn btn-primary" onclick="updateFBPages('<?= $page_data['pages_id'] ?>', '<?= $page_data['pages_token'] ?>')">Update/Refresh</button></td>
                                </tr>
                        <? }
                        } ?>
                    </tbody>
                </table>
            </div>
        <? } else {
        ?>
            <div class="col">
                You have not logged in into the facebook account to use this feature.
            </div>
        <? }
        ?>
    </div>

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

</body>

</html>