wp-discourse/tests/fixtures/templates/comment.html
James Nylen 3fd1644c13
Fix HTML of avatars in quotes in comments (#369)
* Add alt attributes for participant avatars

* Add alt attributes for quote avatars in comment bodies

* Update formatting and utility usage, and fix tests.

* Convert add_avatar_alt to fix_avatars_in_quotes

Adds a fix for avatar srcs with relative protocols.

---------

Co-authored-by: timbocode <timbocode@gmail.com>
Co-authored-by: Angus McLeod <angus@mcleod.org.au>
2023-02-15 12:16:19 -08:00

87 lines
2.8 KiB
HTML
Vendored

<div id="comments" class="comments-area discourse-comments-area">
<div class="comments-title-wrap">
<h2 class="comments-title discourse-comments-title">Notable Replies</h2>
</div>
<ol class="comment-list">
<li class="comment even depth-1">
<article class="comment-body">
<footer class="comment-meta">
<div class="comment-author vcard">
<img
alt="Avatar for angus"
src="http://localhost:3000/user_avatar/localhost/angus/64/3_2.png"
class="avatar avatar-64 photo avatar-default"
height="64"
width="64"
/>
<b class="fn"
><a
href="http://meta.discourse.org/t/this-is-a-new-post/20"
rel="external"
class="url"
>angus</a
></b
>
<span class="says screen-reader-text">says:</span
><!-- screen reader text -->
</div>
<div class="comment-metadata">
<time datetime=""></time>
</div>
</footer>
<div class="comment-content"><p>This is the response</p></div>
</article>
</li>
<li class="comment odd depth-1">
<article class="comment-body">
<footer class="comment-meta">
<div class="comment-author vcard">
<img
alt="Avatar for angus"
src="http://localhost:3000/user_avatar/localhost/angus/64/3_2.png"
class="avatar avatar-64 photo avatar-default"
height="64"
width="64"
/>
<b class="fn"
><a
href="http://meta.discourse.org/t/this-is-a-new-post/20"
rel="external"
class="url"
>angus</a
></b
>
<span class="says screen-reader-text">says:</span
><!-- screen reader text -->
</div>
<div class="comment-metadata">
<time datetime=""></time>
</div>
</footer>
<div class="comment-content"><p>This is another response</p></div>
</article>
</li>
</ol>
<div class="respond comment-respond">
<h3 id="reply-title" class="comment-reply-title">
Continue the discussion at
<a
class="wpdc-discourse-topic-link"
href="http://meta.discourse.org/t/this-is-a-new-post/20"
>meta.discourse.org</a>
</h3>
<p class="more-replies"></p>
<div class="comment-reply-title">
<h4 class="discourse-participants">Participants</h4>
<p>
<img
alt="Avatar for angus"
src="http://localhost:3000/user_avatar/localhost/angus/64/3_2.png"
class="avatar avatar-25 photo avatar-default"
height="25"
width="25"
/>
</p>
</div>
</div>
</div>