1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

<?php
/**
 * Health Check tab contents.
 *
 * @package Health Check
 */

// Make sure the file is not directly accessible.
if ( ! defined( 'ABSPATH' ) ) {
    die( 'We\'re sorry, but you can not directly access this file.' );
}

global $health_check_site_status;
?>

<div class="site-status-all-clear hide">
    <p class="icon">
        <span class="dashicons dashicons-yes"></span>
    </p>

    <p class="encouragement">
        <?php _e( 'Great job!', 'health-check' ); ?>
    </p>

    <p>
        <?php _e( 'Everything is running smoothly here.', 'health-check' ); ?>
    </p>
</div>

<div class="site-status-has-issues">
    <h2>
        <?php _e( 'Site Health Status', 'health-check' ); ?>
    </h2>

    <p><?php _e( 'The site health check shows critical information about your WordPress configuration and items that require your attention.', 'health-check' ); ?></p>

    <div class="site-health-issues-wrapper" id="health-check-issues-critical">
        <h3 class="site-health-issue-count-title">
            <?php
            /* translators: %s: number of critical issues found */
            printf( _n( '%s Critical issue', '%s Critical issues', 0, 'health-check' ), '<span class="issue-count">0</span>' );
            ?>
        </h3>

        <div id="health-check-site-status-critical" class="health-check-accordion issues"></div>
    </div>

    <div class="site-health-issues-wrapper" id="health-check-issues-recommended">
        <h3 class="site-health-issue-count-title">
            <?php
            /* translators: %s: number of recommended improvements */
            printf( _n( '%s Recommended improvement', '%s Recommended improvements', 0, 'health-check' ), '<span class="issue-count">0</span>' );
            ?>
        </h3>

        <div id="health-check-site-status-recommended" class="health-check-accordion issues"></div>
    </div>
</div>

<div class="site-health-view-more">
    <button type="button" class="button site-health-view-passed" aria-expanded="false" aria-controls="health-check-issues-good">
        <?php _e( 'Passed tests', 'health-check' ); ?>
        <span class="icon"></span>
    </button>
</div>

<div class="site-health-issues-wrapper hidden" id="health-check-issues-good">
    <h3 class="site-health-issue-count-title">
        <?php
        /* translators: %s: number of items with no issues */
        printf( _n( '%s Item with no issues detected', '%s Items with no issues detected', 0, 'health-check' ), '<span class="issue-count">0</span>' );
        ?>
    </h3>

    <div id="health-check-site-status-good" class="health-check-accordion issues"></div>
</div>

<script id="tmpl-health-check-issue" type="text/template">
    <h4 class="health-check-accordion-heading">
        <button aria-expanded="false" class="health-check-accordion-trigger" aria-controls="health-check-accordion-block-{{ data.test }}" type="button">
            <span class="title">{{ data.label }}</span>
            <span class="badge {{ data.badge.color }}">{{ data.badge.label }}</span>
            <span class="icon"></span>
        </button>
    </h4>
    <div id="health-check-accordion-block-{{ data.test }}" class="health-check-accordion-panel" hidden="hidden">
        {{{ data.description }}}
        <div class="actions">
            <p class="button-container">{{{ data.actions }}}</p>
        </div>
    </div>
</script>

<?php
include_once( HEALTH_CHECK_PLUGIN_DIRECTORY . '/modals/js-result-warnings.php' );