ponepaste/theme/bulma/discover.php

<?php
/*
 * Paste <https://github.com/jordansamuel/PASTE> - Clean theme
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 3
 * of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License in GPL.txt for more details.
 */
?>

<main class="bd-main">
    <!-- START CONTAINER -->
    <div class="bd-side-background"></div>
    <div class="bd-main-container container">
        <div class="bd-duo">
            <div class="bd-lead">
                <!-- Start Row -->
                <div class="row">
                    <section class="section">
                        <div class="tabs">
                            <ul class="tabs-menu">
                                <li class="is-active" data-target="first-tab"><a>Popular</a></li>
                                <li data-target="second-tab"><a>Months Pop</a></li>
                                <li data-target="third-tab"><a>New</a></li>
                                <li data-target="forth-tab"><a>Updated</a></li>
                                <li data-target="fifth-tab"><a>Random</a></li>
                            </ul>
                        </div>
                        <!-- Start Panel -->

                        <!-- Pop Pastes -->
                        <div class="tab-content" id="first-tab">
                            <div class="panel panel-default">
                                <h1 class="title is-4"><?php echo $lang['popular']; ?>
                                    <h1>
                                        <div class="columns is-multiline">
                                            <?php
                                            $res = getpopular($conn, 10);
                                            foreach ($res as $index => $row) {
                                                $title = Trim($row['title']);
                                                $p_member = Trim($row['member']);
                                                $titlehov = ($row['title']);
                                                $p_id = Trim($row['id']);
                                                $p_date = Trim($row['date']);
                                                $p_time = Trim($row['now_time']);
                                                $nowtime = time();
                                                $oldtime = $p_time;
                                                $p_time = conTime($nowtime - $oldtime);
                                                $p_tagsys = Trim($row['tagsys']);
                                                $tags = htmlentities($p_tagsys, ENT_QUOTES, 'UTF-8');
                                                $tagui = sandwitch($tags);
                                                ?>
                                                <?php
                                                if ($mod_rewrite == '1') {
                                                    echo '
                    <div class="column is-half">	                   
                        <div class="card">
                            <div class="card-content">
                                <div class="media">
                                    <div class="media-content" style="overflow: hidden">
                                        <p class="title is-5"><a href="' . $p_id . '" title="' . $titlehov . '">' . $title . ' </a></p>
                                        <p class="subtitle is-6"><a href="https://Ponepaste.org/user/' . $p_member . '">' . $p_member . '</a><br><time datetime="' . $p_date . '">' . $p_date . '</time></p>';
                                                    if (strlen($p_tagsys) > 0) {
                                                        echo $tagui;
                                                    } else {
                                                        echo ' <span class="tag is-warning">No tags</span>';
                                                    }
                                                    echo '</div>
                                </div>
                            </div>
                        </div><br>
                    </div>	';

                                                } else {
                                                    echo '<a href="' . $p_id . '" title="' . $titlehov . '">' . ucfirst($title) . '</a>';
                                                }
                                            }
                                            ?>
                                        </div>
                            </div>
                        </div>
                        <!-- mPop Pastes -->
                        <div class="tab-content" id="second-tab">
                            <div class="panel panel-default">
                                <h1 class="title is-4"><?php echo $lang['monthpopular']; ?>
                                    <h1>
                                        <div class="columns is-multiline">
                                            <?php
                                            $res = monthpop($conn, 10);
                                            foreach ($res as $index => $row) {
                                                $title = Trim($row['title']);
                                                $p_member = Trim($row['member']);
                                                $titlehov = ($row['title']);
                                                $p_id = Trim($row['id']);
                                                $p_date = Trim($row['date']);
                                                $p_time = Trim($row['now_time']);
                                                $nowtime = time();
                                                $oldtime = $p_time;
                                                $p_time = conTime($nowtime - $oldtime);
                                                $p_tagsys = Trim($row['tagsys']);
                                                $tags = htmlentities($p_tagsys, ENT_QUOTES, 'UTF-8');
                                                $tagui = sandwitch($tags);
                                                ?>
                                                <?php
                                                if ($mod_rewrite == '1') {
                                                    echo '
                    <div class="column is-half">	                   
                        <div class="card">
                            <div class="card-content">
                                <div class="media">
                                    <div class="media-content" style="overflow: hidden">
                                        <p class="title is-5"><a href="' . $p_id . '" title="' . $titlehov . '">' . $title . ' </a></p>
                                        <p class="subtitle is-6"><a href="https://Ponepaste.org/user/' . $p_member . '">' . $p_member . '</a><br><time datetime="' . $p_date . '">' . $p_date . '</time></p>';
                                                    if (strlen($p_tagsys) > 0) {
                                                        echo $tagui;
                                                    } else {
                                                        echo ' <span class="tag is-warning">No tags</span>';
                                                    }
                                                    echo '</div>
                                </div>
                            </div>
                        </div><br>
                    </div>	';

                                                } else {
                                                    echo '<a href="' . $p_id . '" title="' . $titlehov . '">' . ucfirst($title) . '</a>';
                                                }
                                            }
                                            ?>
                                        </div>
                            </div>
                        </div>

                        <!-- New Pastes -->
                        <div class="tab-content" id="third-tab">
                            <div class="panel panel-default">
                                <h1 class="title is-4"><?php echo $lang['recentpastes']; ?>
                                    <h1>
                                        <div class="columns is-multiline">
                                            <?php
                                            $res = getRecent($conn, 10);
                                            foreach ($res as $index => $row) {
                                                $title = Trim($row['title']);
                                                $p_member = Trim($row['member']);
                                                $titlehov = ($row['title']);
                                                $p_id = Trim($row['id']);
                                                $p_date = Trim($row['date']);
                                                $p_time = Trim($row['now_time']);
                                                $nowtime = time();
                                                $oldtime = $p_time;
                                                $p_time = conTime($nowtime - $oldtime);
                                                $p_tagsys = Trim($row['tagsys']);
                                                $tags = htmlentities($p_tagsys, ENT_QUOTES, 'UTF-8');
                                                $tagui = sandwitch($tags);
                                                ?>
                                                <?php
                                                if ($mod_rewrite == '1') {
                                                    echo '
                    <div class="column is-half">	                   
                        <div class="card">
                            <div class="card-content">
                                <div class="media">
                                    <div class="media-content" style="overflow: hidden">
                                        <p class="title is-5"><a href="' . $p_id . '" title="' . $titlehov . '">' . $title . ' </a></p>
                                        <p class="subtitle is-6"><a href="https://Ponepaste.org/user/' . $p_member . '">' . $p_member . '</a><br><time datetime="' . $p_date . '">' . $p_date . '</time></p>';
                                                    if (strlen($p_tagsys) > 0) {
                                                        echo $tagui;
                                                    } else {
                                                        echo ' <span class="tag is-warning">No tags</span>';
                                                    }
                                                    echo '</div>
                                </div>
                            </div>
                        </div><br>
                    </div>	';

                                                } else {
                                                    echo '<a href="' . $p_id . '" title="' . $titlehov . '">' . ucfirst($title) . '</a>';
                                                }
                                            }
                                            ?>
                                        </div>
                            </div>
                        </div>

                        <!-- Updated Pastes -->
                        <div class="tab-content" id="forth-tab">
                            <div class="panel panel-default">
                                <h1 class="title is-4"><?php echo $lang['updatedgreen']; ?>
                                    <h1>
                                        <div class="columns is-multiline">
                                            <?php
                                            $res = recentupdate($conn, 10);
                                            foreach ($res as $index => $row) {
                                                $title = Trim($row['title']);
                                                $p_member = Trim($row['member']);
                                                $titlehov = ($row['title']);
                                                $p_id = Trim($row['id']);
                                                $p_date = Trim($row['date']);
                                                $p_time = Trim($row['now_time']);
                                                $nowtime = time();
                                                $oldtime = $p_time;
                                                $p_time = conTime($nowtime - $oldtime);
                                                $p_tagsys = Trim($row['tagsys']);
                                                $tags = htmlentities($p_tagsys, ENT_QUOTES, 'UTF-8');
                                                $tagui = sandwitch($tags);
                                                ?>
                                                <?php
                                                if ($mod_rewrite == '1') {
                                                    echo '
                    <div class="column is-half">	                   
                        <div class="card">
                            <div class="card-content">
                                <div class="media">
                                    <div class="media-content" style="overflow: hidden">
                                        <p class="title is-5"><a href="' . $p_id . '" title="' . $titlehov . '">' . $title . ' </a></p>
                                        <p class="subtitle is-6"><a href="https://Ponepaste.org/user/' . $p_member . '">' . $p_member . '</a><br><time datetime="' . $p_date . '">' . $p_date . '</time></p>';
                                                    if (strlen($p_tagsys) > 0) {
                                                        echo $tagui;
                                                    } else {
                                                        echo ' <span class="tag is-warning">No tags</span>';
                                                    }
                                                    echo '</div>
                                </div>
                            </div>
                        </div><br>
                    </div>	';

                                                } else {
                                                    echo '<a href="' . $p_id . '" title="' . $titlehov . '">' . ucfirst($title) . '</a>';
                                                }
                                            }
                                            ?>
                                        </div>
                            </div>
                        </div>
                        <!-- Updated Pastes -->
                        <div class="tab-content" id="fifth-tab">
                            <div class="panel panel-default">
                                <h1 class="title is-4"><?php echo $lang['random']; ?>
                                    <h1>
                                        <div class="columns is-multiline">
                                            <?php
                                            $res = getrandom($conn, 10);
                                            foreach ($res as $index => $row) {
                                                $title = Trim($row['title']);
                                                $p_member = Trim($row['member']);
                                                $titlehov = ($row['title']);
                                                $p_id = Trim($row['id']);
                                                $p_date = Trim($row['date']);
                                                $p_time = Trim($row['now_time']);
                                                $nowtime = time();
                                                $oldtime = $p_time;
                                                $p_time = conTime($nowtime - $oldtime);
                                                $p_tagsys = Trim($row['tagsys']);
                                                $tags = htmlentities($p_tagsys, ENT_QUOTES, 'UTF-8');
                                                $tagui = sandwitch($tags);
                                                ?>
                                                <?php
                                                if ($mod_rewrite == '1') {
                                                    echo '
                    <div class="column is-half">	                   
                        <div class="card">
                            <div class="card-content">
                                <div class="media">
                                    <div class="media-content" style="overflow: hidden">
                                        <p class="title is-5"><a href="' . $p_id . '" title="' . $titlehov . '">' . $title . ' </a></p>
                                        <p class="subtitle is-6"><a href="https://Ponepaste.org/user/' . $p_member . '">' . $p_member . '</a><br><time datetime="' . $p_date . '">' . $p_date . '</time></p>';
                                                    if (strlen($p_tagsys) > 0) {
                                                        echo $tagui;
                                                    } else {
                                                        echo ' <span class="tag is-warning">No tags</span>';
                                                    }
                                                    echo '</div>
                                </div>
                            </div>
                        </div><br>
                    </div>	';

                                                } else {
                                                    echo '<a href="' . $p_id . '" title="' . $titlehov . '">' . ucfirst($title) . '</a>';
                                                }
                                            }
                                            ?>
                                        </div>
                            </div>
                        </div>


                </div>
            </div>
        </div>
</main>
<script>
    const tabSystem = {
        init() {
            document.querySelectorAll('.tabs-menu').forEach(tabMenu => {
                Array.from(tabMenu.children).forEach((child, ind) => {
                    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 => {
                contentElement.style.display = contentElement.id === targetId ? 'block' : 'none';
                document.querySelector(`[data-target="${contentElement.id}"]`).classList[contentElement.id === targetId ? 'add' : 'remove']('is-active');
            })
        },
    };
    // use it
    tabSystem.init()
</script>