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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

<?php
/**
 * The template file for displaying the comments and comment form for the
 * Twenty Twenty theme.
 *
 * @package WordPress
 * @subpackage Twenty_Twenty
 * @since Twenty Twenty 1.0
 */

/*
 * If the current post is protected by a password and
 * the visitor has not yet entered the password we will
 * return early without loading the comments.
*/
if ( post_password_required() ) {
    return;
}

if ( $comments ) {
    ?>

    <div class="comments" id="comments">

        <?php
        $comments_number = absint( get_comments_number() );
        ?>

        <div class="comments-header section-inner small max-percentage">

            <h2 class="comment-reply-title">
            <?php
            if ( ! have_comments() ) {
                _e( 'Leave a comment', 'twentytwenty' );
            } elseif ( 1 === $comments_number ) {
                /* translators: %s: Post title. */
                printf( _x( 'One reply on &ldquo;%s&rdquo;', 'comments title', 'twentytwenty' ), get_the_title() );
            } else {
                printf(
                    /* translators: 1: Number of comments, 2: Post title. */
                    _nx(
                        '%1$s reply on &ldquo;%2$s&rdquo;',
                        '%1$s replies on &ldquo;%2$s&rdquo;',
                        $comments_number,
                        'comments title',
                        'twentytwenty'
                    ),
                    number_format_i18n( $comments_number ),
                    get_the_title()
                );
            }

            ?>
            </h2><!-- .comments-title -->

        </div><!-- .comments-header -->

        <div class="comments-inner section-inner thin max-percentage">

            <?php
            wp_list_comments(
                array(
                    'walker'      => new TwentyTwenty_Walker_Comment(),
                    'avatar_size' => 120,
                    'style'       => 'div',
                )
            );

            $comment_pagination = paginate_comments_links(
                array(
                    'echo'      => false,
                    'end_size'  => 0,
                    'mid_size'  => 0,
                    'next_text' => __( 'Newer Comments', 'twentytwenty' ) . ' <span aria-hidden="true">&rarr;</span>',
                    'prev_text' => '<span aria-hidden="true">&larr;</span> ' . __( 'Older Comments', 'twentytwenty' ),
                )
            );

            if ( $comment_pagination ) {
                $pagination_classes = '';

                // If we're only showing the "Next" link, add a class indicating so.
                if ( false === strpos( $comment_pagination, 'prev page-numbers' ) ) {
                    $pagination_classes = ' only-next';
                }
                ?>

                <nav class="comments-pagination pagination<?php echo $pagination_classes; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>" aria-label="<?php esc_attr_e( 'Comments', 'twentytwenty' ); ?>">
                    <?php echo wp_kses_post( $comment_pagination ); ?>
                </nav>

                <?php
            }
            ?>

        </div><!-- .comments-inner -->

    </div><!-- comments -->

    <?php
}

if ( comments_open() || pings_open() ) {

    if ( $comments ) {
        echo '<hr class="styled-separator is-style-wide" aria-hidden="true" />';
    }

    comment_form(
        array(
            'class_form'         => 'section-inner thin max-percentage',
            'title_reply_before' => '<h2 id="reply-title" class="comment-reply-title">',
            'title_reply_after'  => '</h2>',
        )
    );

} elseif ( is_single() ) {

    if ( $comments ) {
        echo '<hr class="styled-separator is-style-wide" aria-hidden="true" />';
    }

    ?>

    <div class="comment-respond" id="respond">

        <p class="comments-closed"><?php _e( 'Comments are closed.', 'twentytwenty' ); ?></p>

    </div><!-- #respond -->

    <?php
}