Avatars: replace image with initials when printing

app/assets/javascripts/app/models/user.coffee

@@ -105,6 +105,7 @@ class App.User extends App.Model
       placement: placement
       vip: vip
       url: @imageUrl()
+      initials: @initials()
 
   isOutOfOffice: ->
     return false if @out_of_office isnt true

app/assets/javascripts/app/views/avatar.jst.eco

@@ -1,3 +1,3 @@
-<span class="avatar <%- @cssClass %>" style="background-image: url(<%- @url %>)"<%- @placement %><%- @data %>>
+<span class="avatar <%- @cssClass %>" style="background-image: url(<%- @url %>)"<%- @placement %><%- @data %> data-initials="<%- @initials %>">
   <%- @Icon('crown') if @vip %>
 </span>

app/assets/stylesheets/print.scss

@@ -201,6 +201,35 @@ th.js-tableHead:not([data-column-key="icon"]) {
 
 .avatar {
   border: 1px solid black;
+  
+  &:not(.avatar--unique) {
+    &:before {
+      content: attr(data-initials);
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      text-align: center;
+      font-size: 13px;
+      line-height: 40px;
+    }
+
+    &.size-30:before {
+      font-size: 10px;
+      line-height: 32px;
+    }
+
+    &.size-50:before {
+      font-size: 16px;
+      line-height: 52px;
+    }
+
+    &.size-80:before {
+      font-size: 26px;
+      line-height: 84px;
+    }
+  }
 }