ponepaste/theme/bulma/user_profile.php

<?php

use PonePaste\Models\Paste;
use PonePaste\Models\User;

$public_paste_badges = [
    50 => '[ProbablyAutistic] Have more than fifty pastes',
    25 => '[Writefag] Have twenty-five or more pastes',
    5 => '[NewWritefag] Have five or more pastes',
    0 => '[NewFriend] Have less than five pastes',
];

$unlisted_paste_badges = [
    10 => '',
    5 => ''
];

$paste_view_badges = [
    50000 => '[HorseAyylmao] Have more than 50,000 total views',
    10000 => '[HorseIlluminati] Have more than 10,000 total views',
    5000 => '[HorseMaster] Have more than 5000 total views',
    3000 => '[HorseIdol] Have more than 3000 total views',
    2000 => '[HorseFamous] Have more than 2000 total views',
    1000 => '[HorseWriter] Have more than 1000 total views'
];

function outputBadges(array $badgeCandidates, int $actualValue, string $imagePrefix) : void {
    foreach ($badgeCandidates as $threshold => $badgeTitle) {
        if ($actualValue >= $threshold) {
            echo "<img src=\"/img/badges/{$imagePrefix}_{$threshold}.png\" title='$badgeTitle' alt='$badgeTitle' style='margin: 5px;' />";
            break;
        }
    }
}

$tab = 'pastes';
if ($is_current_user && isset($_GET['tab']) && $_GET['tab'] === 'favourites') {
    $tab = 'favourites';
}
?>
<main class="bd-main">

    <div class="container">
        <div class="bd-duo">
            <div class="bd-lead">
                <div class="flex flex--space-between">
                    <div>
                        <h1 class="title is-5"><?= pp_html_escape($profile_username) ?>'s Pastes</h1>
                        <h1 class="subtitle is-6">Joined: <?= $profile_join_date ?></h1>
                    </div>

                    <?php if ($can_administrate): ?>
                        <div>
                            <p>Admin Actions:</p>
                            <form method="post" action="/admin/user_action.php">
                                <input type="hidden" name="csrf_token" value="<?= $csrf_token ?>">
                                <input type="hidden" name="user_id" value="<?= $profile_info->id ?>">
                                <button class="button is-small is-success" type="submit" name="reset_password">Reset
                                    Password
                                </button>
                                <?php if ($profile_info->role === User::ROLE_MODERATOR): ?>
                                    <button class="button is-small is-warning" type="submit" name="change_role">Demote
                                        Moderator
                                    </button>
                                <?php elseif ($profile_info->role === 0): ?>
                                    <button class="button is-small is-warning" type="submit" name="change_role">Promote
                                        to Moderator
                                    </button>
                                <?php endif; ?>
                            </form>
                        </div>
                    <?php endif; ?>
                </div>

                <!-- Badges system -->
                <div class="box">
                    <h2 class="title is-5">Badges</h2>
                    <?php
                    if (!empty($profile_join_date)) {
                        if (strtotime($profile_join_date) <= 1604188800) {
                            echo '<img src="/img/badges/adopter.png" title="[EarlyAdopter] Joined during the first wave " style="margin:5px">';
                        } elseif (strtotime($profile_join_date) <= 1608422400) {
                            echo '<img src="/img/badges/pioneer.png" title="[EarlyPioneer] Joined during the second wave " style="margin:5px">';
                        } elseif (strtotime($profile_join_date) <= 1609459200) {
                            echo '<img src="/img/badges/strag.png" title="[EarlyStraggler] Joined after the second wave " style="margin:5px">';
                        }
                    }

                    if (!str_contains($profile_badge, '0')) {
                        echo $profile_badge;
                    }

                    outputBadges($public_paste_badges, $profile_total_public, 'total_pastes');
                    outputBadges($paste_view_badges, $profile_total_paste_views, 'total_views');

                    if (($profile_total_unlisted >= 5) && ($profile_total_unlisted <= 9)) {
                        echo '<img src="/img/badges/pastehidden.png" title="[ShadowWriter] Have more than five unlisted pastes" style="margin:5px">';
                    } elseif ($profile_total_unlisted >= 10) {
                        echo '<img src="/img/badges/pastehidden.png" title="[Ghostwriter]  Have more than ten unlisted pastes" style="margin:5px">';
                    }

                    ?>
                </div>

                <?php outputFlashes($flashes) ?>

                <?php if ($is_current_user): ?>
                    Some of your statistics:
                    <br/>
                    Total pastes: <?= $profile_total_pastes ?> &mdash;
                    Total public pastes: <?= $profile_total_public ?> &mdash;
                    Total unlisted pastes: <?= $profile_total_unlisted ?> &mdash;
                    Total private pastes: <?= $profile_total_private ?> &mdash;
                    Total views of all your pastes: <?= $profile_total_paste_views ?>
                    <br/>
                    Total favourites of all your pastes: <?= $total_pfav ?> &mdash;
                    Total favorites you have given: <?= $total_yfav ?>
                    <br/>
                    <br/>
                    <div class="tabs">
                        <ul class="tabs-menu">
                            <li class="<?= $tab === 'pastes' ? 'is-active' : '' ?>" data-target="first-tab"><a
                                    href="?tab=pastes">My Pastes</a></li>
                            <li class="<?= $tab === 'favourites' ? 'is-active' : '' ?>" data-target="second-tab"><a
                                    href="?tab=favourites">Favorites</a></li>
                        </ul>
                    </div>
                <?php endif; ?>
                <div class="tab-content<?= $tab === 'favourites' ? ' is-hidden' : '' ?>" id="first-tab">
                    <form class="table_filterer" method="GET">
                        <label><i class="fa fa-search"></i>
                            <input class="search" type="search" name="q" placeholder="Filter..."
                                   value="<?= pp_html_escape($filter_value); ?>"/>
                        </label>
                        <label>
                            Show&nbsp;
                            <select name="per_page">
                                <option value="10">10</option>
                                <option value="25">25</option>
                                <option value="50">50</option>
                                <option value="100">100</option>
                            </select>
                            &nbsp;per page
                        </label>
                        <button type="submit" class="button js-hidden">Search</button>
                    </form>
                    <table id="archive" class="table is-fullwidth is-hoverable"
                           data-user-id="<?= pp_html_escape($profile_info->id); ?>">
                        <thead>
                        <tr class="paginator__sort">
                            <th data-sort-field="title" class="td-right">Title</th>
                            <th data-sort-field="created_at" class="td-center">Paste Time</th>
                            <?php if ($is_current_user || $can_administrate) {
                                echo "<th class='td-center'>Visibility</th>";
                            } ?>
                            <th data-sort-field="views" class="td-center">Views</th>
                            <th class="td-center">Tags</th>
                            <?php if ($is_current_user || $can_administrate) {
                                echo "<th class='td-center'>Delete</th>";
                            } ?>
                        </tr>
                        </thead>
                        <tbody>
                        <?php foreach ($profile_pastes as $paste): ?>
                            <?php
                            $escaped_title = pp_html_escape(truncate($paste->title, 20, 50));
                            $p_date = new DateTime($paste->created_at);
                            $p_visible = match (intval($paste->visible)) {
                                0 => 'Public',
                                1 => 'Unlisted',
                                2 => 'Private'
                            };
                            $pasteJson = array_merge(
                                $paste->only('id', 'title', 'tags', 'views', 'created_at', 'user_id'),
                                ['visibility' => $p_visible]
                            );
                            ?>
                            <?php if ($is_current_user || $paste->visible == Paste::VISIBILITY_PUBLIC): ?>
                                <tr data-paste-info="<?= pp_html_escape(json_encode($pasteJson)); ?>">
                                    <td><a href="<?= urlForPaste($paste) ?>"
                                           title="<?= $escaped_title ?>"><?= $escaped_title ?></a></td>
                                    <td data-sort="<?= $p_date->format('U') ?>" class="td-center">
                                        <?= $p_date->format('d F Y') ?>
                                    </td>
                                    <td class="td-center"><?= $p_visible; ?></td>
                                    <td class="td-center"><?= $paste->views ?></td>
                                    <td class="td-left"><?= tagsToHtmlUser($paste->tags, $profile_username); ?></td>
                                    <?php if (can('delete', $paste)): ?>
                                        <td class="td-center">
                                            <form action="<?= urlForPaste($paste) ?>" method="POST">
                                                <input type="hidden" name="delete" value="delete"/>
                                                <input type="hidden" name="csrf_token" value="<?= $csrf_token ?>"/>
                                                <input type="submit" value="Delete"/>
                                            </form>
                                        </td>
                                    <?php endif; ?>
                                </tr>
                            <?php endif; ?>
                        <?php endforeach; ?>
                        </tbody>
                        <tfoot>
                        <tr>
                            <th class="td-right">Title</th>
                            <th class="td-center">Paste Time</th>
                            <?php if ($is_current_user) {
                                echo "<th class='td-center'>Visibility</th>";
                            } ?>
                            <th class="td-center">Views</th>
                            <th class="td-center">Tags</th>
                            <?php if ($is_current_user) {
                                echo "<th class='td-center'>Delete</th>";
                            } ?>
                        </tr>
                        </tfoot>
                    </table>
                    <div class="paginator">
                        <?= paginate($current_page, $per_page, $total_results) ?>
                    </div>
                </div>
                <?php if ($is_current_user) { ?>
                <div class="tab-content<?= $tab === 'pastes' ? ' is-hidden' : '' ?>" id="second-tab">
                    <table id="favs"
                           class="table is-fullwidth is-hoverable<?= $current_page === 'favourites' ? 'is-active' : '' ?>">
                        <thead>
                        <tr>
                            <th class="td-right">Title</th>
                            <th class="td-center">Date Favourited</th>
                            <th class="td-center">Status</th>
                            <th class="td-center">Tags</th>
                        </tr>
                        </thead>
                        <tbody>
                        <?php foreach ($profile_favs as $paste): ?>
                            <?php
                            $escaped_title = pp_html_escape(truncate($paste->title, 20, 50));
                            $f_date = new DateTime($paste->pivot->created_at);
                            $update_date = $paste->updated_at !== null ? new DateTime($paste->updated_at) : $f_date;
                            $delta = $update_date->diff(new DateTime(), true);
                            $pasteJson = array_merge(
                                $paste->only('id', 'title', 'tags', 'views', 'created_at'),
                                ['recently_updated' => ($delta->days <= 2), 'favourited_at' => $f_date->format('d F Y')]
                            );
                            ?>
                            <?php if ($is_current_user || $row['visible'] == Paste::VISIBILITY_PUBLIC): ?>
                                <tr data-paste-info="<?= pp_html_escape(json_encode($pasteJson)); ?>">
                                    <td><a href="<?= urlForPaste($paste) ?>"
                                           title="<?= $escaped_title ?>"><?= $escaped_title ?></a></td>
                                    <td data-sort="<?= $f_date->format('U') ?>"
                                        class="td-center"><?= $f_date->format('d F Y') ?></td>
                                    <td class="td-center">
                                        <?php if ($delta->days <= 2): ?>
                                            <i class='far fa-check-square fa-lg' aria-hidden='true'></i>
                                        <?php else: ?>
                                            <i class='far fa-minus-square fa-lg' aria-hidden='true'></i>
                                        <?php endif; ?>
                                    </td>
                                    <td class="td-left"><?= tagsToHtmlUser($paste->tags, $profile_username); ?></td>
                                </tr>
                            <?php endif; ?>
                        <?php endforeach; ?>
                        </tbody>
                        <tfoot>
                        <tr>
                            <th class="td-right">Title</th>
                            <th class="td-center">Date Favourited</th>
                            <th class="td-center">Status</th>
                            <th class="td-center">Tags</th>
                        </tr>
                        </tfoot>
                        <?php } ?>
                    </table>
                    <div class="paginator"></div>
                </div>
            </div>
        </div>
    </div>
</main>
<script>
    const tabSystem = {
        init() {
            document.querySelectorAll('.tabs-menu').forEach(tabMenu => {
                Array.from(tabMenu.children).forEach((child, ind) => {
                    child.querySelector('a').href = 'javascript:void(0);';
                    child.addEventListener('click', () => {
                        tabSystem.toggle(child.dataset.target);
                    });
                    if (child.className.includes('is-active')) {
                        tabSystem.toggle(child.dataset.target);
                    }
                });
            });
        },
        toggle(targetId) {
            document.querySelectorAll('.tab-content').forEach(contentElement => {
                if (contentElement.id === targetId) {
                    contentElement.classList.remove('is-hidden');
                } else {
                    contentElement.classList.add('is-hidden');
                }
                document.querySelector(`[data-target="${contentElement.id}"]`).classList[contentElement.id === targetId ? 'add' : 'remove']('is-active');
            })
        },
    };
    // use it
    tabSystem.init()
</script>