diff --git a/src/static/css/timeslider.css b/src/static/css/timeslider.css
index 4dfff42ea..2179c9409 100644
--- a/src/static/css/timeslider.css
+++ b/src/static/css/timeslider.css
@@ -116,6 +116,11 @@
padding-right: 0.4em;
}
+#authorsList .author-anonymous {
+ padding-left: 0.6em;
+ padding-right: 0.6em;
+}
+
#padeditor {
position: static;
}
diff --git a/src/static/js/broadcast_slider.js b/src/static/js/broadcast_slider.js
index 9aceb7336..a2a157733 100644
--- a/src/static/js/broadcast_slider.js
+++ b/src/static/js/broadcast_slider.js
@@ -181,20 +181,26 @@ function loadBroadcastSliderJS(fireWhenAllScriptsAreLoaded)
authorsList.empty();
var numAnonymous = 0;
var numNamed = 0;
+ var colorsAnonymous = [];
_.each(authors, function(author)
{
+ var authorColor = clientVars.colorPalette[author.colorId] || author.colorId;
if (author.name)
{
if (numNamed !== 0) authorsList.append(', ');
-
- var authorColor = clientVars.colorPalette[author.colorId] || author.colorId;
- var span = $('').text(author.name || "unnamed").css('background-color', authorColor).addClass('author');
- authorsList.append(span);
+
+ $('')
+ .text(author.name || "unnamed")
+ .css('background-color', authorColor)
+ .addClass('author')
+ .appendTo(authorsList);
+
numNamed++;
}
else
{
numAnonymous++;
+ if(authorColor) colorsAnonymous.push(authorColor);
}
});
if (numAnonymous > 0)
@@ -205,6 +211,19 @@ function loadBroadcastSliderJS(fireWhenAllScriptsAreLoaded)
} else {
authorsList.append(anonymousAuthorString);
}
+
+ if(colorsAnonymous.length > 0){
+ authorsList.append(' (');
+ _.each(colorsAnonymous, function(color, i){
+ if( i > 0 ) authorsList.append(' ');
+ $(' ')
+ .css('background-color', color)
+ .addClass('author author-anonymous')
+ .appendTo(authorsList);
+ });
+ authorsList.append(')');
+ }
+
}
if (authors.length == 0)
{