From 2e2981d25c185fde56f29c7aed4e3e6bba50039e Mon Sep 17 00:00:00 2001
From: Byron Jones <glob@mozilla.com>
Date: Thu, 15 Oct 2015 23:59:10 +0800
Subject: Bug 1153101 - add hooks for edit-comments extension

---
 .../en/default/pages/editcomments.html.tmpl        | 127 +++++----------------
 1 file changed, 27 insertions(+), 100 deletions(-)

(limited to 'extensions/EditComments/template/en/default/pages/editcomments.html.tmpl')

diff --git a/extensions/EditComments/template/en/default/pages/editcomments.html.tmpl b/extensions/EditComments/template/en/default/pages/editcomments.html.tmpl
index 8b3b90c9e..13364f5b1 100644
--- a/extensions/EditComments/template/en/default/pages/editcomments.html.tmpl
+++ b/extensions/EditComments/template/en/default/pages/editcomments.html.tmpl
@@ -6,117 +6,44 @@
   # defined by the Mozilla Public License, v. 2.0.
   #%]
 
-[% PROCESS global/variables.none.tmpl %]
-
-[% PROCESS global/header.html.tmpl
-  title = "Comment changes made to $terms.bug $bug.id, comment $comment.id"
-  header = "Activity log for $terms.bug $bug.id, comment $comment.id"
- %]
-
-<script type="text/javascript">
-/* The functions below expand and collapse comments  */
-function toggle_comment_display(link, comment_id) {
-    if (YAHOO.util.Dom.hasClass('comment_text_' + comment_id, 'collapsed')) {
-        expand_comment(link, comment);
-    }
-    else {
-        collapse_comment(link, comment);
-    }
-}
-
-function toggle_all_comments(action) {
-    var num_comments = [% comment.activity.size FILTER html %];
-
-    // If for some given ID the comment doesn't exist, this doesn't mean
-    // there are no more comments, but that the comment is private and
-    // the user is not allowed to view it.
-
-    for (var id = 0; id < num_comments; id++) {
-        var comment = document.getElementById('comment_text_' + id);
-        if (!comment) {
-            continue;
-        }
-
-        var link = document.getElementById('comment_link_' + id);
-        if (action == 'collapse') {
-            collapse_comment(link, comment);
-        }
-        else {
-            expand_comment(link, comment);
-        }
-    }
-}
-
-function collapse_comment(link, comment) {
-    link.innerHTML = "[+]";
-    link.title = "Expand the comment.";
-    YAHOO.util.Dom.addClass(comment, 'collapsed');
-}
-
-function expand_comment(link, comment) {
-    link.innerHTML = "[-]";
-    link.title = "Collapse the comment";
-    YAHOO.util.Dom.removeClass(comment, 'collapsed');
-}
-</script>
+[%
+  PROCESS global/variables.none.tmpl;
+  PROCESS global/header.html.tmpl
+    title      = "$bug.id comment $comment.count Activity"
+    style_urls = ['extensions/EditComments/web/styles/editcomments.css']
+%]
+
+<h4>
+  Comment changes made to
+  [%= "$terms.bug $bug.id comment $comment.count"
+      FILTER bug_link(bug, { comment_num => comment.count })
+      FILTER none %]
+</h4>
 
 <p>
-  [% "Back to $terms.bug $bug.id" FILTER bug_link(bug.id) FILTER none %]
+  <b>Note</b>: The actual edited comment in the [% terms.bug %] view
+  page will always show the original commentor's name and original timestamp.
 </p>
 
-<p>
-  <strong>Note</strong>: The actual edited comment in the [% terms.bug %] view page will always show the original commentor's name and original timestamp.
-</p>
-
-<p>
-  <a href="#" onclick="toggle_all_comments('collapse'); return false;">Collapse All Changes</a> -
-  <a href="#" onclick="toggle_all_comments('expand'); return false;">Expand All Changes</a>
-</p>
-
-[% count = 0 %]
 [% FOREACH a = comment.activity %]
-  <div class="bz_comment">
-    <div class="bz_comment_head">
-      <i>
-        [% IF a.original %]
-          Original comment by [% (a.author.name || "Need Real Name") FILTER html %]
-          <span class="vcard">
-            (<a class="fn email" href="mailto:[% a.author.email FILTER html %]">
-            [%- a.author.email FILTER html -%]</a>)
-          </span>
-          on [%+ a.time FILTER time %]
-        [% ELSE %]
-          Revision by [% (a.author.name || "Need Real Name") FILTER html %]
-          <span class="vcard">
-            (<a class="fn email" href="mailto:[% a.author.email FILTER html %]">
-            [%- a.author.email FILTER html -%]</a>)
-          </span>
-          on [%+ a.time FILTER time %]
-        [% END %]
-      </i>
-      <a href="#" id="comment_link_[% count FILTER html %]"
-         onclick="toggle_comment_display(this, '[% count FILTER html FILTER js %]'); return false;"
-         title="Collapse the comment.">[-]</a>
+  <div class="edit-head">
+    <div class="edit-author-when">
+    [% a.original ? "Original comment" : "Revision" %]
+    by [% INCLUDE bug_modal/user.html.tmpl u=a.author %]
+    on [% a.time FILTER time %]
     </div>
-    [% IF a.original %]
-      [% wrapped_comment = a.body FILTER wrap_comment %]
-    [% ELSE %]
-      [% wrapped_comment = a.new FILTER wrap_comment %]
-    [% END %]
-[%# Don't indent the <pre> block, since then the spaces are displayed in the
-  # generated HTML %]
-<pre class="bz_comment_text" id="comment_text_[% count FILTER html %]">
-  [%- wrapped_comment FILTER quoteUrls(bug) -%]
-</pre>
   </div>
-  [% count = count + 1 %]
+  <pre class="bz_comment_text">
+    [%- a.original ? a.body : a.new FILTER quoteUrls(bug) -%]
+  </pre>
 [% END %]
 
-[% IF comment.activity.size > 0 %]
+[% IF comment.activity.size %]
   <p>
-    [% "Back to $terms.bug $bug.id" FILTER bug_link(bug.id) FILTER none %]
+    [%= "Back to $terms.bug $bug.id comment $comment.count"
+        FILTER bug_link(bug, { comment_num => comment.count })
+        FILTER none %]
   </p>
 [% END %]
 
 [% PROCESS global/footer.html.tmpl %]
-
-- 
cgit v1.2.3-24-g4f1b