review/templates/pieces/linecomment.html @ 802d01307f77

web: add a bit of context for colorboxes
author Steve Losh <steve@stevelosh.com>
date Fri, 18 Jun 2010 21:12:56 -0400
parents 78d9f73badd9
children 24f0d81f3aa5
<tr class="comment">
    <td class="comment group" colspan="3" id="comment-{{ comment.identifier }}">
        <div class="comment-content">
            <span class="commentlines disabled">{{ ','.join(utils['map'](utils['str'], comment.lines)) }}</span>
            <a href="#comment-{{ comment.identifier }}" rel="comments" class="expand" id="comment-expand-{{ comment.identifier }}">&rarr;</a>
            <script type="text/javascript">
                $(function() {
                    $("#comment-expand-{{ comment.identifier }}").colorbox({inline: true, href: "#comment-{{ comment.identifier }}-colorboxed"});
                });
            </script>
            <div class="avatar">
                <img src="{{ utils['item_gravatar'](comment, 30) }}" />
            </div>

            <div>
                <div class="author">
                    <a href="mailto:{{ utils['email'](comment.author) }}">
                        {{ utils['templatefilters'].person(comment.author) }}
                    </a>
                    said:
                </div>
                <div class="message">{{ comment.message }}</div>
            </div>
        </div>
        <div id="comment-{{ comment.identifier }}-colorboxed" class="colorboxed">
            <div class="avatar">
                <img src="{{ utils['item_gravatar'](comment, 30) }}" />
            </div>
            <div>
                <div class="author">
                    <a href="mailto:{{ utils['email'](comment.author) }}">{{ utils['templatefilters'].person(comment.author) }}</a>
                    said:
                </div>
                <div class="context">
                    <div class="context-head">in {{ comment.filename }}</div>
                </div>
                <div class="message">{{ comment.message }}</div>
            </div>
        </div>
    </td>
</tr>