Identifying the author of the document

[programLyrique]

It would be useful to identify the comments of author of the document (or, if it is difficult to do it per document, per website) which is commented, by looking at the email and the username for instance, with a chosen color for the background of the comments for example (and maybe some indication next to the username and some enhancement for the avatar).

.

[posativ]

You can do it yourself with a CSS rule that matches data-hash=<your hash> which is generated from the email field. Doable in Isso, but that means I need to edit the CSS, probably introduce yet another DIV and generally work on the client design which I do not enjoy to be honest.

[rndmh3ro]

Can you describe how exactly this works?
In the source code of my website I can see that the data-hash variable is found in the svg for the avatar, nowhere else. How exactly does the rule have to look like?

[samer]

You can do this via JavaScript using something like document.querySelectorAll("svg[data-hash='4505c1eeda98']") and then iterate on each node, finding the appropriate child and injecting the desired CSS styles onto it. I hope this helps.

[ix5]

Closing in favour of discussion in #321.

Especially #321 (comment) is a nice solution.

[ix5]

Re-opening until someone adds the proposed CSS solution to the docs.

[BBaoVanC]

I think a badge next to the author's name plus a different name color would be better than a message background. I think it's easier than trying to deal with trying to make the background fit in with the visual style.

[ix5]

As a first step to allow better styling, the author hash should be inserted into the .isso-comment div, not only as the hash to the svg.

@BBaoVanC would you like to work on something like this?

[BBaoVanC]

As a first step to allow better styling, the author hash should be inserted into the .isso-comment div, not only as the hash to the svg.

@BBaoVanC would you like to work on something like this?

I'll try and see what I can do. I haven't ever done much with JS so for that part of the client I might need help. I'll make a draft PR if I can figure something out.

[ix5]

That's what I mean:

diff --git a/isso/js/app/templates/comment.js b/isso/js/app/templates/comment.js
index d0daf99..53738b2 100644
--- a/isso/js/app/templates/comment.js
+++ b/isso/js/app/templates/comment.js
@@ -9,7 +9,7 @@ var html = function (globals) {
   var author = comment.author ? comment.author : i18n('comment-anonymous');
 
   return "" +
-"<div class='isso-comment' id='isso-" + comment.id + "'>"
+"<div class='isso-comment' id='isso-" + comment.id + "' data-hash='" + comment.hash + "'>"
 + (conf.gravatar ? "<div class='isso-avatar'><img src='" + comment.gravatar_image + "'></div>" : '')
 + (conf.avatar ? "<div class='isso-avatar'><svg data-hash='" + comment.hash + "'</svg></div>" : '')
 + "<div class='isso-text-wrapper'>"

You could then use .isso-comments[data-hash="0bb73c4f5196"] as a style selector, or e.g. .isso-comments[data-hash="0bb73c4f5196"] > .isso-author for styling only the author's name.

[ix5]

Tracked in #844