芝麻web文件管理V1.00

编辑当前文件:/home/pulsehostuk9/www/status.pulsehost.co.uk/themes/altum/views/index/index.php

<?php defined('ALTUMCODE') || die() ?>

<?php ob_start() ?>
    <script>
        'use strict';

let process_bars = () => {
            for(let i = 1; i <= 30; i++) {
                let bar_height;

if(i >= 1 && i <= 7) {
                    bar_height = Math.floor(Math.random() * (90 - 10 + 1)) + 10;
                } else if(i >= 8 && i <= 22) {
                    bar_height = Math.floor(Math.random() * (50 - 10 + 1)) + 10;
                } else if(i >= 23 && i <= 30) {
                    bar_height = Math.floor(Math.random() * (90 - 10 + 1)) + 10;
                }

const bar_class = Math.floor(Math.random() * 9) + 1 === 1 ? 'bg-danger' : 'bg-success';

const bar = document.querySelector(`.index-custom-hero div:nth-child(${i})`);
                bar.classList.remove('bg-danger','bg-success');
                bar.classList.add(bar_class);
                bar.style.height = `${bar_height}%`;
            }
        }

process_bars();
        setInterval(process_bars, 5000);
    </script>
    <?php \Altum\Event::add_content(ob_get_clean(), 'javascript') ?>

<?= \Altum\Alerts::output_alerts() ?>

<div class="d-flex flex-column flex-lg-row mt-4 mb-4">
                <?php if(settings()->users->register_is_enabled): ?>
                    <a href="<?= url('register') ?>" class="btn btn-primary index-button mb-2 mb-lg-0 mr-lg-2">
                        <?= l('index.get_started') ?> <i class="fas fa-fw fa-sm fa-arrow-right"></i>
                    </a>
                <?php endif ?>

<?php if(settings()->status_pages->example_url && settings()->status_pages->status_pages_is_enabled): ?>
                    <a href="<?= settings()->status_pages->example_url ?>" target="_blank" class="btn btn-blue-300 index-button mb-2 mb-lg-0">
                        <?= l('index.example') ?> <i class="fas fa-fw fa-xs fa-external-link-alt"></i>
                    </a>
                <?php endif ?>
            </div>

<ul class="list-style-none d-flex flex-column flex-lg-row my-4">
                <?php $notification_handlers = require APP_PATH . 'includes/notification_handlers.php' ?>
                <?php ob_start() ?>
                <div class='d-flex flex-column'>
                    <?php foreach($notification_handlers as $key => $notification_handler): ?>
                        <span class='my-1'><?= l('notification_handlers.input.type_' . $key) ?></span>
                    <?php endforeach ?>
                </div>
                <?php $html = ob_get_clean() ?>

<?php if(settings()->status_pages->domains_is_enabled): ?>
                    <li class="d-flex align-items-center mb-2 mb-lg-0 mx-lg-3 badge badge-light">
                        <i class="fas fa-fw mr-2 fa-check-circle text-primary"></i>
                        <span class="">
                            <?= l('index.feature.one') ?>
                        </span>
                    </li>
                <?php endif ?>

<?php if(settings()->status_pages->status_pages_is_enabled): ?>
                    <li class="d-flex align-items-center mb-2 mb-lg-0 mx-lg-3 badge badge-light">
                        <i class="fas fa-fw mr-2 fa-check-circle text-primary"></i>
                        <span class="">
                            <?= l('index.feature.three') ?>
                        </span>
                    </li>
                <?php endif ?>
            </ul>
        </div>
    </div>

</div>
</div>

<div class="row">
        <div class="col-12 col-lg-4">
            <?php if(settings()->monitors_heartbeats->monitors_is_enabled): ?>
                <div class="card bg-gray-50 border-0 mb-4 position-relative zoom-animation-subtle">
                    <div class="card-body">
                        <div class="mb-2">
                            <i class="fas fa-fw fa-server mr-1"></i>
                            <a href="#tab-monitors" class="h5 text-blue-500 stretched-link text-decoration-none">
                                <?= l('index.monitors.header') ?>
                            </a>
                        </div>
                        <span class="text-muted"><?= l('index.monitors.subheader') ?></span>
                    </div>
                </div>
            <?php endif ?>

<?php if(settings()->monitors_heartbeats->heartbeats_is_enabled): ?>
                <div class="card bg-gray-50 border-0 mb-4 position-relative zoom-animation-subtle">
                    <div class="card-body">
                        <div class="mb-2">
                            <i class="fas fa-fw fa-heartbeat mr-1"></i>
                            <a href="#tab-heartbeats" class="h5 text-blue-500 stretched-link text-decoration-none">
                                <?= l('index.heartbeats.header') ?>
                            </a>
                        </div>
                        <span class="text-muted"><?= l('index.heartbeats.subheader') ?></span>
                    </div>
                </div>
            <?php endif ?>

<?php if(settings()->monitors_heartbeats->domain_names_is_enabled): ?>
                <div class="card bg-gray-50 border-0 mb-4 position-relative zoom-animation-subtle">
                    <div class="card-body">
                        <div class="mb-2">
                            <i class="fas fa-fw fa-network-wired mr-1"></i>
                            <a href="#tab-domain-names" class="h5 text-blue-500 stretched-link text-decoration-none">
                                <?= l('index.domain_names.header') ?>
                            </a>
                        </div>
                        <span class="text-muted"><?= l('index.domain_names.subheader') ?></span>
                    </div>
                </div>
            <?php endif ?>

<?php if(settings()->monitors_heartbeats->dns_monitors_is_enabled): ?>
                <div class="card bg-gray-50 border-0 mb-4 position-relative zoom-animation-subtle">
                    <div class="card-body">
                        <div class="mb-2">
                            <i class="fas fa-fw fa-plug mr-1"></i>
                            <a href="#tab-dns-monitor" class="h5 text-blue-500 stretched-link text-decoration-none">
                                <?= l('index.dns_monitors.header') ?>
                            </a>
                        </div>
                        <span class="text-muted"><?= l('index.dns_monitors.subheader') ?></span>
                    </div>
                </div>
            <?php endif ?>
        </div>

<div class="col-12 col-lg-8 d-flex justify-content-center align-items-center">
            <?php if(settings()->monitors_heartbeats->monitors_is_enabled): ?>
                <div class="" id="tab-monitors">
                    <img src="<?= ASSETS_FULL_URL . 'images/index/monitor.webp' ?>" class="img-fluid shadow-lg rounded" loading="lazy" />
                </div>
            <?php endif ?>

<?php if(settings()->monitors_heartbeats->heartbeats_is_enabled): ?>
                <div class="d-none" id="tab-heartbeats">
                    <img src="<?= ASSETS_FULL_URL . 'images/index/heartbeat.webp' ?>" class="img-fluid shadow-lg rounded" loading="lazy" />
                </div>
            <?php endif ?>

<?php if(settings()->monitors_heartbeats->domain_names_is_enabled): ?>
                <div class="d-none" id="tab-domain-names">
                    <img src="<?= ASSETS_FULL_URL . 'images/index/domain-names.webp' ?>" class="img-fluid shadow-lg rounded" loading="lazy" />
                </div>
            <?php endif ?>

<?php if(settings()->monitors_heartbeats->dns_monitors_is_enabled): ?>
                <div class="d-none" id="tab-dns-monitor">
                    <img src="<?= ASSETS_FULL_URL . 'images/index/dns-monitor.webp' ?>" class="img-fluid shadow-lg rounded" loading="lazy" />
                </div>
            <?php endif ?>
        </div>
    </div>

<?php ob_start() ?>
    <script>
        document.querySelectorAll('a[href^="#tab-"]').forEach(element => {
            element.addEventListener('click', event => {

let target = element.getAttribute('href').replace('#', '');

document.querySelectorAll('div[id^="tab-"]').forEach(image => {
                    image.classList.remove('d-none');
                    image.classList.add('d-none');
                });

document.querySelector(`div[id="${target}"]`).classList.remove('d-none');

event.preventDefault();
            })
        })
    </script>
    <?php \Altum\Event::add_content(ob_get_clean(), 'javascript') ?>
</div>

<div class="container">
    <?php if(settings()->monitors_heartbeats->server_monitors_is_enabled): ?>
        <div class="row justify-content-between" data-aos="fade-up">
            <div class="col-12 col-md-5 d-flex flex-column justify-content-center order-1 order-md-0">
                <div>
                    <h2 class="mb-3"><?= l('index.server_monitors.header') ?> <i class="fas fa-fw fa-xs fa-microchip text-muted ml-1"></i></h2>

<div class="col-8 col-md-7 text-center mb-5 mb-md-0 order-0 order-md-1">
                <img src="<?= ASSETS_FULL_URL . 'images/index/server_monitors.webp' ?>" class="img-fluid" loading="lazy" />
            </div>
        </div>

<?php if(settings()->status_pages->status_pages_is_enabled): ?>
        <div class="row justify-content-between mt-9" data-aos="fade-up">
            <div class="col-8 col-md-7 text-center mb-5 mb-md-0">
                <img src="<?= ASSETS_FULL_URL . 'images/index/status-page.webp' ?>" class="img-fluid" loading="lazy" />
            </div>

<?php if(settings()->monitors_heartbeats->monitors_is_enabled || settings()->monitors_heartbeats->heartbeats_is_enabled): ?>
        <div class="row justify-content-between" data-aos="fade-up">
            <div class="col-12 col-md-5 d-flex flex-column justify-content-center order-1 order-md-0">
                <div>
                    <h2 class="mb-3"><?= l('index.incidents.header') ?> <i class="fas fa-fw fa-xs fa-times-circle text-muted ml-1"></i></h2>

<div class="col-8 col-md-7 text-center mb-5 mb-md-0 order-0 order-md-1">
                <img src="<?= ASSETS_FULL_URL . 'images/index/incidents.webp' ?>" class="img-fluid" loading="lazy" />
            </div>
        </div>
    <?php endif ?>
</div>

<?php if(settings()->tools->is_enabled && $data->enabled_tools): ?>
    <div class="my-5"> </div>

<div class="container">
        <h2 class="text-center mb-3"><?= sprintf(l('index.tools.header'), nr($data->enabled_tools)) ?> <i class="fas fa-fw fa-xs fa-screwdriver-wrench text-muted ml-1"></i></h2>

<div class="row position-relative">
            <div class="index-fade"></div>
            <?php foreach($data->tools as $key => $value): ?>
                <?php if(settings()->tools->available_tools->{$key}): ?>
                    <div class="col-12 col-lg-4 p-3 position-relative" data-tool-id="<?= $key ?>" data-tool-name="<?= l('tools.' . $key . '.name') ?>">
                        <div class="card d-flex flex-row h-100 overflow-hidden">
                            <div class="tool-icon-wrapper d-flex flex-column justify-content-center">
                                <div class="bg-primary-100 d-flex align-items-center justify-content-center rounded tool-icon">
                                    <i class="<?= $value['icon'] ?> fa-fw text-primary-600"></i>
                                </div>
                            </div>

<div class="card-body text-truncate">
                                <a href="<?= url('tools/' . str_replace('_', '-', $key)) ?>" class="stretched-link text-decoration-none text-dark">
                                    <strong><?= l('tools.' . $key . '.name') ?></strong>
                                </a>
                                <p class="text-truncate small m-0"><?= l('tools.' . $key . '.description') ?></p>
                            </div>
                        </div>
                    </div>
                <?php endif ?>
            <?php endforeach ?>
        </div>
    </div>

<?php endif ?>

<div class="p-4">
<div class="bg-blue-900 py-8 up-animation rounded-2x">
    <div class="container text-center">
        <span class="text-white h2"><?= sprintf(l('index.stats'), nr($data->total_monitors_logs), nr($data->total_monitors), nr($data->total_status_pages)) ?></span>
    </div>
</div>
</div>

<div class="container">
    <div class="row">
        <?php if(settings()->monitors_heartbeats->monitors_is_enabled): ?>
            <div class="col-12 col-md-6 col-lg-4 p-4 up-animation">
                <div class="d-flex flex-column justify-content-between h-100" data-aos="fade-up" data-aos-delay="100">
                    <img src="<?= ASSETS_FULL_URL . 'images/index/ping-servers.jpg' ?>" class="img-fluid rounded mb-4 index-card-image" loading="lazy" />

<div class="col-12 col-md-6 col-lg-4 p-4 up-animation">
                <div class="d-flex flex-column justify-content-between h-100" data-aos="fade-up" data-aos-delay="200">
                    <img src="<?= ASSETS_FULL_URL . 'images/index/custom-request.jpg' ?>" class="img-fluid rounded mb-4 index-card-image" loading="lazy" />

<div class="col-12 col-md-6 col-lg-4 p-4 up-animation">
                <div class="d-flex flex-column justify-content-between h-100" data-aos="fade-up" data-aos-delay="300">
                    <img src="<?= ASSETS_FULL_URL . 'images/index/custom-response.jpg' ?>" class="img-fluid rounded mb-4 index-card-image" loading="lazy" />

<div class="col-12 col-md-6 col-lg-4 p-4 up-animation">
            <div class="d-flex flex-column justify-content-between h-100" data-aos="fade-up" data-aos-delay="400">
                <img src="<?= ASSETS_FULL_URL . 'images/index/notifications.jpg' ?>" class="img-fluid rounded mb-4 index-card-image" loading="lazy" />

<div class="col-12 col-md-6 col-lg-4 p-4 up-animation">
            <div class="d-flex flex-column justify-content-between h-100" data-aos="fade-up" data-aos-delay="500">
                <img src="<?= ASSETS_FULL_URL . 'images/index/projects.jpg' ?>" class="img-fluid rounded mb-4 index-card-image" loading="lazy" />

<?php if(settings()->status_pages->domains_is_enabled): ?>
            <div class="col-12 col-md-6 col-lg-4 p-4 up-animation">
                <div class="d-flex flex-column justify-content-between h-100" data-aos="fade-up" data-aos-delay="600">
                    <img src="<?= ASSETS_FULL_URL . 'images/index/custom-domains.jpg' ?>" class="img-fluid rounded mb-4 index-card-image" loading="lazy" />

<div class="row">
                <?php $i = 0; ?>
                <?php foreach($notification_handlers as $key => $notification_handler): ?>
                    <div class="col-6 col-lg-4 p-4" data-aos="fade-up" data-aos-delay="<?= $i * 100 ?>">
                        <div class="bg-gray-100 index-highly-rounded w-100 p-4 icon-zoom-animation text-truncate text-center">
                            <div><i class="<?= $notification_handler['icon'] ?> fa-fw fa-xl mx-1" style="color: <?= $notification_handler['color'] ?>"></i></div>

<?php if(settings()->main->display_index_testimonials): ?>
    <div class="my-5"> </div>

<div class="row mt-8">
                    <?php foreach(['one', 'two', 'three'] as $key => $value): ?>
                        <div class="col-12 col-lg-4 mb-6 mb-lg-0" data-aos="fade-up" data-aos-delay="<?= $key * 100 ?>">
                            <div class="card border-0 zoom-animation-subtle">
                                <div class="card-body">
                                    <img src="<?= ASSETS_FULL_URL . 'images/index/testimonial-' . $value . '.jpeg' ?>" class="img-fluid index-testimonial-avatar" alt="<?= l('index.testimonials.' . $value . '.name') . ', ' . l('index.testimonials.' . $value . '.attribute') ?>" loading="lazy" />

<?php if(settings()->main->display_index_plans): ?>
    <div class="my-5"> </div>

<?= $this->views['plans'] ?>
    </div>
<?php endif ?>

<?php if(settings()->main->display_index_faq): ?>
    <div class="my-5"> </div>

<div class="accordion index-faq" id="faq_accordion">
            <?php foreach(['one', 'two', 'three', 'four'] as $key): ?>
                <div class="card">
                    <div class="card-body">
                        <div class="" id="<?= 'faq_accordion_' . $key ?>">
                            <h3 class="mb-0">
                                <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="<?= '#faq_accordion_answer_' . $key ?>" aria-expanded="true" aria-controls="<?= 'faq_accordion_answer_' . $key ?>">
                                    <span><?= l('index.faq.' . $key . '.question') ?></span>

<div id="<?= 'faq_accordion_answer_' . $key ?>" class="collapse text-muted mt-3" aria-labelledby="<?= 'faq_accordion_' . $key ?>" data-parent="#faq_accordion">
                            <?= l('index.faq.' . $key . '.answer') ?>
                        </div>
                    </div>
                </div>
            <?php endforeach ?>
        </div>
    </div>

<?php ob_start() ?>
    <script>
        'use strict';

$('#faq_accordion').on('show.bs.collapse', event => {
            let svg = event.target.parentElement.querySelector('[data-icon] svg')
            svg.style.transform = 'rotate(180deg)';
            svg.style.color = 'var(--primary)';
        })

$('#faq_accordion').on('hide.bs.collapse', event => {
            let svg = event.target.parentElement.querySelector('[data-icon] svg')
            svg.style.color = 'var(--primary-800)';
            svg.style.removeProperty('transform');
        })
    </script>
    <?php \Altum\Event::add_content(ob_get_clean(), 'javascript') ?>
<?php endif ?>

<?php if(settings()->users->register_is_enabled): ?>
    <div class="my-5"> </div>

<div class="col-12 col-lg-5 mt-4 mt-lg-0">
                        <div class="text-center text-lg-right">
                            <?php if(\Altum\Authentication::check()): ?>
                                <a href="<?= url('dashboard') ?>" class="btn btn-outline-primary zoom-animation">
                                    <?= l('dashboard.menu') ?> <i class="fas fa-fw fa-arrow-right"></i>
                                </a>
                            <?php else: ?>
                                <a href="<?= url('register') ?>" class="btn btn-outline-primary zoom-animation">
                                    <?= l('index.cta.register') ?> <i class="fas fa-fw fa-arrow-right"></i>
                                </a>
                            <?php endif ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php endif ?>

<?php if(count($data->blog_posts)): ?>
    <div class="my-5"> </div>

<div class="row">
            <?php foreach($data->blog_posts as $blog_post): ?>
                <div class="col-12 col-lg-4 p-4">
                    <div class="card h-100 zoom-animation-subtle">
                        <div class="card-body">
                            <?php if($blog_post->image): ?>
                                <a href="<?= SITE_URL . ($blog_post->language ? \Altum\Language::$active_languages[$blog_post->language] . '/' : null) . 'blog/' . $blog_post->url ?>" aria-label="<?= $blog_post->title ?>">
                                    <img src="<?= \Altum\Uploads::get_full_url('blog') . $blog_post->image ?>" class="blog-post-image-small img-fluid w-100 rounded mb-4" alt="<?= $blog_post->image_description ?>" loading="lazy" />
                                </a>
                            <?php endif ?>

<a href="<?= SITE_URL . ($blog_post->language ? \Altum\Language::$active_languages[$blog_post->language] . '/' : null) . 'blog/' . $blog_post->url ?>">
                                <h3 class="h5 card-title mb-2"><?= $blog_post->title ?></h3>
                            </a>

<p class="text-muted mb-0"><?= $blog_post->description ?></p>
                        </div>
                    </div>
                </div>
            <?php endforeach ?>
        </div>
    </div>
<?php endif ?>

<?php ob_start() ?>
<link rel="stylesheet" href="<?= ASSETS_FULL_URL . 'css/libraries/aos.min.css?v=' . PRODUCT_CODE ?>">
<?php \Altum\Event::add_content(ob_get_clean(), 'head') ?>

<?php ob_start() ?>
<script src="<?= ASSETS_FULL_URL . 'js/libraries/aos.min.js?v=' . PRODUCT_CODE ?>"></script>