--- a/coffee/contacts.coffee	Mon Mar 21 22:56:28 2016 +0800
+++ b/coffee/contacts.coffee	Mon Mar 21 23:01:44 2016 +0800
@@ -33,6 +33,32 @@
     @on('change:presence change:type', @sort)
 
 
+class Tram.AvatarView extends Backbone.View
+  tagName: 'div'
+  className: 'vignette'
+  colors: Tram.colors.avatar
+  template: $('#avatar-template').html()
+
+  hash: (string) ->
+    result = 0
+    for i in [0...string.length]
+      result += string.charCodeAt(i)
+    result
+
+  getHashedColors: ->
+    ci = @hash(@model.get 'jid') % @colors.length
+    "color: white; background: #{ @colors[ci] };"
+
+  render: ->
+    @$el.html @template
+    @rivet = rivets.bind(@el, model: @model, view: this)
+    @
+
+  remove: ->
+    @rivet.unbind()
+    super
+
+
 class Tram.ContactView extends Backbone.View
   tagName: 'li'
   className: 'contact'
@@ -43,6 +69,7 @@
     @$el.attr('data-jid', @model.get('jid'))
 
     @$el.html(@template)
+    @$avatarColumn = @$('.avatar-column')
 
     @bind()
 
@@ -53,6 +80,8 @@
 
   render: ->
     @rivet = rivets.bind(@el, model: @model, view: this)
+    av = new Tram.AvatarView(model: @model)
+    @$avatarColumn.prepend av.render().el
     @
 
   remove: ->

--- a/coffee/index.coffee	Mon Mar 21 22:56:28 2016 +0800
+++ b/coffee/index.coffee	Mon Mar 21 23:01:44 2016 +0800
@@ -96,6 +96,14 @@
       firstname: getText(vcard.querySelector('N > GIVEN'))
       lastname: getText(vcard.querySelector('N > FAMILY'))
 
+    mime = getText(vcard.querySelector('PHOTO > TYPE'))
+    data = getText(vcard.querySelector('PHOTO > BINVAL'))
+
+    if mime and data
+      contact.set('avatar', mime: mime, data: data)
+    else
+      contact.unset('avatar')
+
   failcb = (stanza) ->
     console.warn("couldn't get vcard", stanza)
 

--- a/coffee/messages.coffee	Mon Mar 21 22:56:28 2016 +0800
+++ b/coffee/messages.coffee	Mon Mar 21 23:01:44 2016 +0800
@@ -56,16 +56,27 @@
 
   initialize: ->
     @$el.html(@template)
+    @$avatarColumn = @$('.avatar-column')
 
     @bind()
 
   bind: ->
+    @listenTo(@model, 'change:contact', @updateContact)
+
+  updateContact: ->
+    if not @model.previous('contact')? and @model.get('contact')?
+      av = new Tram.AvatarView(model: contact)
+      @$avatarColumn.prepend(av.render().el)
 
   getHandle: ->
     @model.get('contact')?.get('d/handle') or @model.get('from')
 
   render: (model) ->
     @rivet = rivets.bind(@el, model: @model, view: this)
+    contact = @model.get('contact')
+    if contact
+      av = new Tram.AvatarView(model: contact)
+      @$avatarColumn.prepend(av.render().el)
     @
 
   remove: ->

--- a/coffee/rivets.coffee	Mon Mar 21 22:56:28 2016 +0800
+++ b/coffee/rivets.coffee	Mon Mar 21 23:01:44 2016 +0800
@@ -12,6 +12,10 @@
     obj.set(keypath, value)
 
 
+rivets.formatters['first-letter'] = (value) ->
+  if value? then value.charAt(0) else ' '
+
+
 rivets.formatters['only'] = (value, allowed...) ->
   if value in allowed then value else ''
 

--- a/coffee/tram.coffee	Mon Mar 21 22:56:28 2016 +0800
+++ b/coffee/tram.coffee	Mon Mar 21 23:01:44 2016 +0800
@@ -14,3 +14,15 @@
       xa: '#d9534f'
       unavailable: '#777'
       default: '#337ab7'
+    avatar: [
+      '#f75782',
+      '#d27b2b',
+      '#a5902b',
+      '#759d2b',
+      '#2da46b',
+      '#2fa196',
+      '#319db4',
+      '#4292f4',
+      '#c16af4',
+      '#f545cd'
+    ]

--- a/css/tram-im.css	Mon Mar 21 22:56:28 2016 +0800
+++ b/css/tram-im.css	Mon Mar 21 23:01:44 2016 +0800
@@ -34,9 +34,31 @@
 .avatar-column {
     position: relative;
 }
+.avatar-column .vignette {
+    border-radius: 50%;
+    overflow: hidden;
+    margin-right: 8px;
+    height: 48px;
+    width: 48px;
+    line-height: 48px;
+}
+.avatar-column.uk-invisible .vignette {
+    max-height: 1px;
+}
+.avatar {
+    max-height: 48px;
+    max-width: 48px;
+}
+div.avatar {
+    height: 48px;
+    width: 48px;
+    text-align: center;
+    font-size: 32px;
+    font-weight: 700;
+}
 .status-pip {
     position: absolute;
-    right: 0;
+    right: 8px;
     bottom: 0;
     border-radius: 50%;
     width: 11px;

--- a/index.html	Mon Mar 21 22:56:28 2016 +0800
+++ b/index.html	Mon Mar 21 23:01:44 2016 +0800
@@ -70,8 +70,13 @@
       </div>
     </div>
 
+    <script type="text/template" id="avatar-template">
+      <img class="avatar" rv-if="model:d/avatar" rv-src="model:d/avatar">
+      <div class="avatar" rv-unless="model:d/avatar" rv-text="model:d/handle | first-letter" rv-style="view.getHashedColors < model:jid"></div>
+    </script>
     <script type="text/template" id="message-template">
       <div class="splitter" rv-if="model:d/split"></div>
+      <div class="column avatar-column" rv-class-uk-invisible="model:d/fold"></div>
       <div class="column uk-width-1-1">
         <div style="padding-top: 4px;" rv-hide="model:d/fold">
           <strong rv-text="view.getHandle < model:contact:d/handle model:from"></strong>

--- a/js/contacts.js	Mon Mar 21 22:56:28 2016 +0800
+++ b/js/contacts.js	Mon Mar 21 23:01:44 2016 +0800
@@ -65,6 +65,54 @@
 
   })(Backbone.Collection);
 
+  Tram.AvatarView = (function(superClass) {
+    extend(AvatarView, superClass);
+
+    function AvatarView() {
+      return AvatarView.__super__.constructor.apply(this, arguments);
+    }
+
+    AvatarView.prototype.tagName = 'div';
+
+    AvatarView.prototype.className = 'vignette';
+
+    AvatarView.prototype.colors = Tram.colors.avatar;
+
+    AvatarView.prototype.template = $('#avatar-template').html();
+
+    AvatarView.prototype.hash = function(string) {
+      var i, j, ref, result;
+      result = 0;
+      for (i = j = 0, ref = string.length; 0 <= ref ? j < ref : j > ref; i = 0 <= ref ? ++j : --j) {
+        result += string.charCodeAt(i);
+      }
+      return result;
+    };
+
+    AvatarView.prototype.getHashedColors = function() {
+      var ci;
+      ci = this.hash(this.model.get('jid')) % this.colors.length;
+      return "color: white; background: " + this.colors[ci] + ";";
+    };
+
+    AvatarView.prototype.render = function() {
+      this.$el.html(this.template);
+      this.rivet = rivets.bind(this.el, {
+        model: this.model,
+        view: this
+      });
+      return this;
+    };
+
+    AvatarView.prototype.remove = function() {
+      this.rivet.unbind();
+      return AvatarView.__super__.remove.apply(this, arguments);
+    };
+
+    return AvatarView;
+
+  })(Backbone.View);
+
   Tram.ContactView = (function(superClass) {
     extend(ContactView, superClass);
 
@@ -83,6 +131,7 @@
     ContactView.prototype.initialize = function() {
       this.$el.attr('data-jid', this.model.get('jid'));
       this.$el.html(this.template);
+      this.$avatarColumn = this.$('.avatar-column');
       return this.bind();
     };
 
@@ -93,10 +142,15 @@
     };
 
     ContactView.prototype.render = function() {
+      var av;
       this.rivet = rivets.bind(this.el, {
         model: this.model,
         view: this
       });
+      av = new Tram.AvatarView({
+        model: this.model
+      });
+      this.$avatarColumn.prepend(av.render().el);
       return this;
     };
 

--- a/js/contacts.js.map	Mon Mar 21 22:56:28 2016 +0800
+++ b/js/contacts.js.map	Mon Mar 21 23:01:44 2016 +0800
@@ -6,5 +6,5 @@
     "coffee/contacts.coffee"
   ],
   "names": [],
-  "mappings": ";AAAA;AAAA,MAAA;;;EAAM,IAAI,CAAC;;;;;;;sBACT,WAAA,GAAa;;sBACb,QAAA,GACE;MAAA,QAAA,EAAU,aAAV;;;sBAEF,UAAA,GAAY,SAAA;MACV,IAAC,CAAA,EAAD,CAAI,mBAAJ,EAAyB,SAAA;AACvB,YAAA;QAAA,MAAA,GAAS,IAAC,CAAA,GAAD,CAAK,QAAL;QACT,sBAAG,MAAM,CAAE,cAAR,sBAAiB,MAAM,CAAE,cAA5B;iBACE,IAAC,CAAA,GAAD,CAAK,UAAL,EAAiB,OAAA,GAAS,MAAM,CAAC,IAAhB,GAAsB,UAAtB,GAAiC,MAAM,CAAC,IAAzD,EADF;SAAA,MAAA;iBAGE,IAAC,CAAA,KAAD,CAAO,UAAP,EAHF;;MAFuB,CAAzB;MAOA,IAAC,CAAA,EAAD,CAAI,gDAAJ,EAAsD,SAAA;eACpD,IAAC,CAAA,GAAD,CAAK,UAAL,EAAiB,IAAC,CAAA,GAAD,CAAK,UAAL,CAAA,IAAoB,IAAC,CAAA,GAAD,CAAK,UAAL,CAApB,IAAwC,IAAC,CAAA,GAAD,CAAK,KAAL,CAAzD;MADoD,CAAtD;aAGA,IAAC,CAAA,EAAD,CAAI,iCAAJ,EAAuC,SAAA;eACrC,IAAC,CAAA,GAAD,CAAK,OAAL,EAAiB,IAAC,CAAA,GAAD,CAAK,MAAL,CAAH,GAAqB,IAAC,CAAA,GAAD,CAAK,MAAL,CAArB,GAAuC,IAAC,CAAA,GAAD,CAAK,UAAL,CAArD;MADqC,CAAvC;IAXU;;;;KALa,QAAQ,CAAC;;EAoB9B,IAAI,CAAC;;;;;;;uBACT,KAAA,GAAO,IAAI,CAAC;;uBAEZ,UAAA,GAAY,SAAC,KAAD;MACV,IAAG,KAAK,CAAC,GAAN,CAAU,UAAV,CAAA,KAAyB,aAA5B;AACE,eAAO,EADT;OAAA,MAEK,IAAG,KAAK,CAAC,GAAN,CAAU,MAAV,CAAA,KAAqB,MAAxB;AACH,eAAO,CAAC,EADL;OAAA,MAAA;AAGH,eAAO,EAHJ;;IAHK;;uBAQZ,UAAA,GAAY,SAAA;aACV,IAAC,CAAA,EAAD,CAAI,6BAAJ,EAAmC,IAAC,CAAA,IAApC;IADU;;;;KAXc,QAAQ,CAAC;;EAe/B,IAAI,CAAC;;;;;;;0BACT,OAAA,GAAS;;0BACT,SAAA,GAAW;;0BACX,QAAA,GAAU,CAAA,CAAE,mBAAF,CAAsB,CAAC,IAAvB,CAAA;;0BACV,MAAA,GAAQ,IAAI,CAAC,MAAM,CAAC;;0BAEpB,UAAA,GAAY,SAAA;MACV,IAAC,CAAA,GAAG,CAAC,IAAL,CAAU,UAAV,EAAsB,IAAC,CAAA,KAAK,CAAC,GAAP,CAAW,KAAX,CAAtB;MAEA,IAAC,CAAA,GAAG,CAAC,IAAL,CAAU,IAAC,CAAA,QAAX;aAEA,IAAC,CAAA,IAAD,CAAA;IALU;;0BAOZ,IAAA,GAAM,SAAA,GAAA;;0BAEN,WAAA,GAAa,SAAA;aACX,cAAA,GAAc,CAAE,IAAC,CAAA,MAAO,CAAA,IAAC,CAAA,KAAK,CAAC,GAAP,CAAW,OAAX,CAAA,CAAR,IAA+B,IAAC,CAAA,MAAO,CAAA,SAAA,CAAzC,CAAd,GAAmE;IADxD;;0BAGb,MAAA,GAAQ,SAAA;MACN,IAAC,CAAA,KAAD,GAAS,MAAM,CAAC,IAAP,CAAY,IAAC,CAAA,EAAb,EAAiB;QAAA,KAAA,EAAO,IAAC,CAAA,KAAR;QAAe,IAAA,EAAM,IAArB;OAAjB;aACT;IAFM;;0BAIR,MAAA,GAAQ,SAAA;MACN,IAAC,CAAA,KAAK,CAAC,MAAP,CAAA;aACA,yCAAA,SAAA;IAFM;;;;KAtBqB,QAAQ,CAAC;;EA2BlC,IAAI,CAAC;;;;;;;0BACT,UAAA,GAAY,SAAA;MACV,IAAC,CAAA,QAAD,CAAU,IAAC,CAAA,UAAX,EAAuB,KAAvB,EAA8B,IAAC,CAAA,KAA/B;aACA,IAAC,CAAA,QAAD,CAAU,IAAC,CAAA,UAAX,EAAuB,MAAvB,EAA+B,IAAC,CAAA,MAAhC;IAFU;;0BAIZ,KAAA,GAAO,SAAC,KAAD,EAAQ,UAAR;AACL,UAAA;MAAA,EAAA,GAAK,UAAU,CAAC,OAAX,CAAmB,KAAnB;MACL,KAAK,CAAC,IAAN,GAAiB,IAAA,IAAI,CAAC,WAAL,CAAiB;QAAA,KAAA,EAAO,KAAP;OAAjB;MACjB,EAAA,GAAK,KAAK,CAAC,IAAI,CAAC,MAAX,CAAA,CAAmB,CAAC;MACzB,IAAG,EAAA,KAAM,CAAT;eACE,IAAC,CAAA,GAAG,CAAC,OAAL,CAAa,EAAb,EADF;OAAA,MAAA;eAGE,IAAC,CAAA,GAAG,CAAC,QAAL,CAAA,CAAe,CAAC,EAAhB,CAAmB,EAAA,GAAK,CAAxB,CAA0B,CAAC,KAA3B,CAAiC,EAAjC,EAHF;;IAJK;;0BASP,MAAA,GAAQ,SAAC,UAAD,EAAa,OAAb;MACN,IAAG,CAAI,OAAO,CAAC,GAAf;eACE,UAAU,CAAC,IAAX,CAAgB,CAAA,SAAA,KAAA;iBAAA,SAAC,KAAD;YACd,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,MAAf,CAAA;mBACA,KAAC,CAAA,GAAG,CAAC,MAAL,CAAY,KAAK,CAAC,IAAI,CAAC,EAAvB;UAFc;QAAA,CAAA,CAAA,CAAA,IAAA,CAAhB,EADF;;IADM;;;;KAdqB,QAAQ,CAAC;AA9DxC"
+  "mappings": "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"
 }
\ No newline at end of file

--- a/js/index.js	Mon Mar 21 22:56:28 2016 +0800
+++ b/js/index.js	Mon Mar 21 23:01:44 2016 +0800
@@ -117,18 +117,28 @@
   getContactProfile = function(contact) {
     var bjid, failcb, okcb;
     okcb = function(stanza) {
-      var vcard;
+      var data, mime, vcard;
       vcard = stanza.getElementsByTagName('vCard')[0];
       if (!vcard) {
         console.warn("no vcard in response", stanza);
         return;
       }
-      return contact.set({
+      contact.set({
         nickname: getText(vcard.querySelector('NICKNAME')),
         fullname: getText(vcard.querySelector('FN')),
         firstname: getText(vcard.querySelector('N > GIVEN')),
         lastname: getText(vcard.querySelector('N > FAMILY'))
       });
+      mime = getText(vcard.querySelector('PHOTO > TYPE'));
+      data = getText(vcard.querySelector('PHOTO > BINVAL'));
+      if (mime && data) {
+        return contact.set('avatar', {
+          mime: mime,
+          data: data
+        });
+      } else {
+        return contact.unset('avatar');
+      }
     };
     failcb = function(stanza) {
       return console.warn("couldn't get vcard", stanza);

--- a/js/index.js.map	Mon Mar 21 22:56:28 2016 +0800
+++ b/js/index.js.map	Mon Mar 21 23:01:44 2016 +0800
@@ -6,5 +6,5 @@
     "coffee/index.coffee"
   ],
   "names": [],
-  "mappings": "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"
+  "mappings": ";AAAA;AAAA,MAAA;;;IAAA,MAAM,CAAC,WAAgB,IAAA,IAAI,CAAC,QAAL,CAAA;;;;IACvB,MAAM,CAAC,cAAmB,IAAA,IAAI,CAAC,WAAL,CAAiB;MAAA,EAAA,EAAI,CAAA,CAAE,uBAAF,CAAJ;MAAgC,UAAA,EAAY,QAA5C;KAAjB;;;;IAC1B,MAAM,CAAC,WAAgB,IAAA,IAAI,CAAC,QAAL,CAAA;;;;IACvB,MAAM,CAAC,SAAc,IAAA,IAAI,CAAC,MAAL,CAAY;MAAA,EAAA,EAAI,CAAA,CAAE,kBAAF,CAAJ;MAA2B,UAAA,EAAY,QAAvC;KAAZ;;;EAGrB,WAAA,GAAc,SAAA;IACZ,CAAC,CAAC,IAAI,CAAC,UAAP,CAAkB,UAAlB,EAA8B,IAA9B,EAAoC,UAApC;IACA,CAAC,CAAC,IAAI,CAAC,UAAP,CAAkB,YAAlB,EAAgC,OAAO,CAAC,EAAE,CAAC,OAA3C,EAAoD,IAApD,EAA0D,KAA1D;IAEA,CAAC,CAAC,IAAI,CAAC,IAAP,CAAY,KAAA,CAAA,CAAO,CAAC,CAAR,CAAU,UAAV,CAAqB,CAAC,CAAtB,CAAwB,GAAxB,CAA4B,CAAC,EAA7B,CAAA,CAAiC,CAAC,CAAlC,CAAoC,QAApC,CAA6C,CAAC,CAA9C,CAAgD,QAAhD,CAAyD,CAAC,IAA1D,CAAA,CAAZ;WAEA,UAAA,CAAA;EANY;;EASd,OAAA,GAAU,SAAC,EAAD;AACR,QAAA;IAAA,IAAG,CAAI,EAAP;AACE,aAAO,KADT;;IAGA,GAAA,GAAM;IACN,IAAG,EAAE,CAAC,UAAU,CAAC,MAAd,KAAwB,CAAxB,IAA8B,EAAE,CAAC,QAAH,KAAe,OAAO,CAAC,WAAW,CAAC,IAApE;MACE,GAAA,IAAO,EAAE,CAAC,UADZ;;AAGA;AAAA,SAAA,qCAAA;;MACE,IAAG,IAAI,CAAC,QAAL,KAAiB,OAAO,CAAC,WAAW,CAAC,IAAxC;QACE,GAAA,IAAO,IAAI,CAAC,UADd;;AADF;AAIA,WAAO;EAZC;;EAeV,UAAA,GAAa,SAAA;AACX,QAAA;IAAA,EAAA,GAAK,GAAA,CAAI;MAAA,IAAA,EAAM,KAAN;MAAa,EAAA,EAAI,CAAC,CAAC,IAAI,CAAC,WAAP,CAAmB,SAAnB,CAAjB;MAAgD,EAAA,EAAI,IAAI,CAAC,MAAM,CAAC,MAAhE;KAAJ,CAA2E,CAAC,CAA5E,CAA8E,OAA9E,EAAuF;MAAA,KAAA,EAAO,OAAO,CAAC,EAAE,CAAC,OAAlB;KAAvF;IAEL,IAAA,GAAO,SAAC,MAAD;AACL,UAAA;MAAA,IAAA,GAAO,OAAA,CAAQ,MAAM,CAAC,oBAAP,CAA4B,MAA5B,CAAoC,CAAA,CAAA,CAA5C;MACP,OAAA,GAAU,OAAA,CAAQ,MAAM,CAAC,oBAAP,CAA4B,SAA5B,CAAuC,CAAA,CAAA,CAA/C;MACV,EAAA,GAAK,OAAA,CAAQ,MAAM,CAAC,oBAAP,CAA4B,IAA5B,CAAkC,CAAA,CAAA,CAA1C;MACL,KAAA,GAAQ,MAAM,CAAC,oBAAP,CAA4B,OAA5B,CAAqC,CAAA,CAAA;MAC7C,KAAA,GAAW,KAAH,GAAkB,IAAA,IAAA,CAAK,KAAK,CAAC,YAAN,CAAmB,OAAnB,CAAL,CAAlB,GAA6D,IAAA,IAAA,CAAA;aACrE,QAAQ,CAAC,GAAT,CACE;QAAA,EAAA,EAAI,MAAM,CAAC,YAAP,CAAoB,IAApB,CAAJ;QACA,IAAA,EAAM,MAAM,CAAC,YAAP,CAAoB,MAApB,CADN;QAEA,IAAA,EAAM,MAAM,CAAC,YAAP,CAAoB,MAApB,CAFN;QAGA,KAAA,EAAO,KAHP;QAIA,GAAA,EAAK,MAJL;QAKA,IAAA,EAAM,IALN;QAMA,OAAA,EAAS,OANT;QAOA,EAAA,EAAI,EAPJ;QAQA,IAAA,EAAM,eAAA,GAAiB,IAAjB,GAAuB,GAAvB,GAA2B,OAA3B,GAAoC,MAApC,GAA2C,EARjD;OADF;IANK;IAiBP,MAAA,GAAS,SAAC,MAAD;aACP,OAAO,CAAC,KAAR,CAAc,sBAAd,mBAAsC,MAAM,CAAE,kBAA9C;IADO;WAGT,CAAC,CAAC,IAAI,CAAC,MAAP,CAAc,EAAE,CAAC,IAAH,CAAA,CAAd,EAAyB,IAAzB,EAA+B,MAA/B,EAAuC,IAAvC;EAvBW;;EA0Bb,YAAA,GAAe,SAAC,MAAD;AACb,QAAA;IAAA,EAAA,GAAK,MAAM,CAAC,YAAP,CAAoB,IAApB;IACL,IAAA,GAAO,MAAM,CAAC,YAAP,CAAoB,MAApB;IACP,EAAA,GAAK,GAAA,CAAI;MAAA,EAAA,EAAI,IAAJ;MAAU,IAAA,EAAM,QAAhB;MAA0B,EAAA,EAAI,EAA9B;KAAJ,CACH,CAAC,CADE,CACA,OADA,EACS;MAAA,KAAA,EAAO,OAAO,CAAC,EAAE,CAAC,OAAlB;KADT,CAEH,CAAC,CAFE,CAEA,MAFA,CAEO,CAAC,CAFR,CAEU,IAAI,CAAC,IAAI,CAAC,MAFpB,CAE2B,CAAC,EAF5B,CAAA,CAGH,CAAC,CAHE,CAGA,SAHA,CAGU,CAAC,CAHX,CAGa,IAAI,CAAC,IAAI,CAAC,OAHvB;IAKL,CAAC,CAAC,IAAI,CAAC,IAAP,CAAY,EAAE,CAAC,IAAH,CAAA,CAAZ;AAEA,WAAO;EAVM;;EAaf,UAAA,GAAa,SAAC,IAAD;AACX,QAAA;IAAA,OAAA,GAAU,QAAQ,CAAC,GAAT,CAAa,IAAb;IACV,IAAG,eAAH;AACE,aAAO,QADT;;IAGA,IAAA,GAAO,IAAA,KAAQ,CAAC,CAAC,IAAI,CAAC;IAEtB,OAAA,GAAU,QAAQ,CAAC,GAAT,CACR;MAAA,GAAA,EAAK,IAAL;MACA,IAAA,EAAS,IAAH,GAAa,MAAb,GAAyB,SAD/B;KADQ;IAIV,iBAAA,CAAkB,OAAlB;AAEA,WAAO;EAbI;;EAgBb,iBAAA,GAAoB,SAAC,OAAD;AAClB,QAAA;IAAA,IAAA,GAAO,SAAC,MAAD;AACL,UAAA;MAAA,KAAA,GAAQ,MAAM,CAAC,oBAAP,CAA4B,OAA5B,CAAqC,CAAA,CAAA;MAC7C,IAAG,CAAC,KAAJ;QACE,OAAO,CAAC,IAAR,CAAa,sBAAb,EAAqC,MAArC;AACA,eAFF;;MAIA,OAAO,CAAC,GAAR,CACE;QAAA,QAAA,EAAU,OAAA,CAAQ,KAAK,CAAC,aAAN,CAAoB,UAApB,CAAR,CAAV;QACA,QAAA,EAAU,OAAA,CAAQ,KAAK,CAAC,aAAN,CAAoB,IAApB,CAAR,CADV;QAEA,SAAA,EAAW,OAAA,CAAQ,KAAK,CAAC,aAAN,CAAoB,WAApB,CAAR,CAFX;QAGA,QAAA,EAAU,OAAA,CAAQ,KAAK,CAAC,aAAN,CAAoB,YAApB,CAAR,CAHV;OADF;MAMA,IAAA,GAAO,OAAA,CAAQ,KAAK,CAAC,aAAN,CAAoB,cAApB,CAAR;MACP,IAAA,GAAO,OAAA,CAAQ,KAAK,CAAC,aAAN,CAAoB,gBAApB,CAAR;MAEP,IAAG,IAAA,IAAS,IAAZ;eACE,OAAO,CAAC,GAAR,CAAY,QAAZ,EAAsB;UAAA,IAAA,EAAM,IAAN;UAAY,IAAA,EAAM,IAAlB;SAAtB,EADF;OAAA,MAAA;eAGE,OAAO,CAAC,KAAR,CAAc,QAAd,EAHF;;IAfK;IAoBP,MAAA,GAAS,SAAC,MAAD;aACP,OAAO,CAAC,IAAR,CAAa,oBAAb,EAAmC,MAAnC;IADO;IAGT,IAAA,GAAO,OAAO,CAAC,iBAAR,CAA0B,OAAO,CAAC,GAAR,CAAY,KAAZ,CAA1B;IACP,IAAG,IAAA,KAAQ,OAAO,CAAC,iBAAR,CAA0B,CAAC,CAAC,IAAI,CAAC,GAAjC,CAAX;MACE,IAAA,GAAO,KADT;;WAGA,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAb,CAAiB,IAAjB,EAAuB,IAAvB,EAA6B,MAA7B;EA5BkB;;EA+BpB,UAAA,GAAa,SAAC,MAAD;AACX,QAAA;IAAA,IAAA,GAAO,MAAM,CAAC,YAAP,CAAoB,MAApB;IACP,IAAA,uDAAqC;IACrC,IAAG,IAAA,KAAQ,WAAX;MACE,OAAO,CAAC,IAAR,CAAa,0CAAb,EAAyD,MAAzD;AACA,aAAO,KAFT;;IAIA,IAAG,IAAA,KAAQ,YAAX;MACE,OAAO,CAAC,IAAR,CAAa,2CAAb,EAA0D,MAA1D;AACA,aAAO,KAFT;;IAIA,IAAG,IAAA,KAAQ,OAAX;MACE,OAAO,CAAC,KAAR,CAAc,6BAAd,EAA6C,MAA7C;AACA,aAAO,KAFT;;IAIA,KAAA,GAAQ,MAAM,CAAC,oBAAP,CAA4B,OAA5B,CAAqC,CAAA,CAAA;IAC7C,KAAA,GAAW,KAAH,GAAkB,IAAA,IAAA,CAAK,KAAK,CAAC,YAAN,CAAmB,OAAnB,CAAL,CAAlB,GAA6D,IAAA,IAAA,CAAA;IAErE,QAAA,GAAW,MAAM,CAAC,oBAAP,CAA4B,UAA5B,CAAwC,CAAA,CAAA;IACnD,QAAA,GAAc,QAAH,GAAiB,OAAA,CAAQ,QAAR,CAAjB,GAAwC;IAEnD,IAAA,GAAO,MAAM,CAAC,oBAAP,CAA4B,MAA5B,CAAoC,CAAA,CAAA;IAC3C,IAAA,GAAU,IAAH,GAAa,OAAA,CAAQ,IAAR,CAAb,GAAgC;IAEvC,CAAA,GAAI,MAAM,CAAC,oBAAP,CAA4B,QAA5B,CAAsC,CAAA,CAAA;IAC1C,CAAA,GAAO,CAAH,GAAU,OAAA,CAAQ,CAAR,CAAV,GAA0B;IAE9B,OAAA,GAAU,UAAA,CAAW,IAAX;IACV,OAAO,CAAC,GAAR,CACE;MAAA,QAAA,EAAU,IAAV;MACA,IAAA,EAAM,IADN;MAEA,MAAA,EAAQ,CAFR;KADF;IAKA,QAAQ,CAAC,GAAT,CACE;MAAA,EAAA,EAAI,MAAM,CAAC,YAAP,CAAoB,IAApB,CAAJ;MACA,IAAA,EAAM,UADN;MAEA,GAAA,EAAK,UAFL;MAGA,IAAA,EAAM,IAHN;MAIA,KAAA,EAAO,KAJP;MAKA,OAAA,EAAS,OALT;MAMA,IAAA,EAAM,IANN;MAOA,QAAA,EAAU,QAPV;MAQA,IAAA,EAAM,SAAA,GAAY,gBAAC,OAAO,IAAR,CARlB;KADF;AAWA,WAAO;EA5CI;;EA+Cb,MAAM,CAAC,CAAP,GAAe,IAAA,IAAI,CAAC,aAAL,CAAA;;EAGf,CAAC,CAAC,EAAF,CAAK,YAAL,EAAmB,SAAA;WACjB,CAAA,CAAE,kBAAF,CAAqB,CAAC,QAAtB,CAA+B,WAA/B;EADiB,CAAnB;;EAIA,CAAC,CAAC,EAAF,CAAK,UAAL,EAAiB,SAAA;WACf,CAAA,CAAE,qBAAF,CAAwB,CAAC,WAAzB,CAAqC,WAArC;EADe,CAAjB;;EAIA,CAAC,CAAC,EAAF,CAAK,cAAL,EAAqB,SAAA;IACnB,CAAA,CAAE,qBAAF,CAAwB,CAAC,WAAzB,CAAqC,WAArC;WACA,CAAA,CAAE,oBAAF,CAAuB,CAAC,QAAxB,CAAiC,WAAjC;EAFmB,CAArB;;EAKA,CAAC,CAAC,EAAF,CAAK,oBAAL,EAA2B,SAAA;IACzB,CAAA,CAAE,qBAAF,CAAwB,CAAC,QAAzB,CAAkC,WAAlC;IACA,CAAA,CAAE,oBAAF,CAAuB,CAAC,WAAxB,CAAoC,WAApC;WACA,WAAA,CAAA;EAHyB,CAA3B;;EAMA,CAAA,CAAE,yBAAF,CAA4B,CAAC,EAA7B,CAAgC,OAAhC,EAAyC,SAAA;WACvC,CAAC,CAAC,UAAF,CAAa,YAAb;EADuC,CAAzC;;EAGA,CAAA,CAAE,MAAF,CAAS,CAAC,EAAV,CAAa,qBAAb,EAAoC,SAAA;WAClC,CAAC,CAAC,UAAF,CAAa,eAAb;EADkC,CAApC;;EAIA,KAAA,GAAQ,CAAA,CAAE,uBAAF;;EAGR,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,EAApB,CAAuB,SAAvB,EAAkC,SAAC,CAAD;AAChC,QAAA;IAAA,IAAG,CAAC,CAAI,IAAC,CAAA,QAAL,IAAiB,IAAC,CAAA,KAAD,KAAY,EAA9B,CAAA,IAAsC,CAAC,CAAC,OAAF,KAAa,EAAtD;MACE,CAAC,CAAC,cAAF,CAAA;MACA,KAAA,GAAQ,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,KAApB,CAA0B,IAA1B;MACR,KAAA,GAAQ,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,EAApB,CAAuB,KAAA,GAAQ,CAA/B;MACR,IAAG,KAAK,CAAC,MAAN,KAAkB,CAArB;eACE,KAAK,CAAC,KAAN,CAAA,EADF;OAAA,MAAA;eAGE,KAAK,CAAC,IAAN,CAAW,QAAX,CAAoB,CAAC,OAArB,CAA6B,OAA7B,EAHF;OAJF;;EADgC,CAAlC;;EAWA,KAAK,CAAC,IAAN,CAAW,QAAX,CAAoB,CAAC,EAArB,CAAwB,OAAxB,EAAiC,SAAC,CAAD;AAC/B,QAAA;IAAA,CAAC,CAAC,cAAF,CAAA;IACA,EAAA,GAAK;IACL,IAAI,CAAC,UAAU,CAAC,UAAhB,CAA2B,CAAA,CAAE,sBAAF,CAA3B;IACA,EAAA,IAAM,IAAI,CAAC,UAAU,CAAC,gBAAhB,CAAiC,CAAA,CAAE,WAAF,CAAjC,EAAiD,IAAjD;IACN,EAAA,IAAM,IAAI,CAAC,UAAU,CAAC,gBAAhB,CAAiC,CAAA,CAAE,WAAF,CAAjC;IACN,IAAG,EAAH;aACE,CAAC,CAAC,OAAF,CAAU,CAAA,CAAE,WAAF,CAAc,CAAC,GAAf,CAAA,CAAoB,CAAC,IAArB,CAAA,CAAV,EAAuC,CAAA,CAAE,WAAF,CAAc,CAAC,GAAf,CAAA,CAAvC,EADF;;EAN+B,CAAjC;AA9MA"
 }
\ No newline at end of file

--- a/js/messages.js	Mon Mar 21 22:56:28 2016 +0800
+++ b/js/messages.js	Mon Mar 21 23:01:44 2016 +0800
@@ -97,10 +97,23 @@
 
     MessageView.prototype.initialize = function() {
       this.$el.html(this.template);
+      this.$avatarColumn = this.$('.avatar-column');
       return this.bind();
     };
 
-    MessageView.prototype.bind = function() {};
+    MessageView.prototype.bind = function() {
+      return this.listenTo(this.model, 'change:contact', this.updateContact);
+    };
+
+    MessageView.prototype.updateContact = function() {
+      var av;
+      if ((this.model.previous('contact') == null) && (this.model.get('contact') != null)) {
+        av = new Tram.AvatarView({
+          model: contact
+        });
+        return this.$avatarColumn.prepend(av.render().el);
+      }
+    };
 
     MessageView.prototype.getHandle = function() {
       var ref;
@@ -108,10 +121,18 @@
     };
 
     MessageView.prototype.render = function(model) {
+      var av, contact;
       this.rivet = rivets.bind(this.el, {
         model: this.model,
         view: this
       });
+      contact = this.model.get('contact');
+      if (contact) {
+        av = new Tram.AvatarView({
+          model: contact
+        });
+        this.$avatarColumn.prepend(av.render().el);
+      }
       return this;
     };
 

--- a/js/messages.js.map	Mon Mar 21 22:56:28 2016 +0800
+++ b/js/messages.js.map	Mon Mar 21 23:01:44 2016 +0800
@@ -6,5 +6,5 @@
     "coffee/messages.coffee"
   ],
   "names": [],
-  "mappings": "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"
+  "mappings": "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"
 }
\ No newline at end of file

--- a/js/rivets.js	Mon Mar 21 22:56:28 2016 +0800
+++ b/js/rivets.js	Mon Mar 21 23:01:44 2016 +0800
@@ -18,6 +18,14 @@
     }
   };
 
+  rivets.formatters['first-letter'] = function(value) {
+    if (value != null) {
+      return value.charAt(0);
+    } else {
+      return ' ';
+    }
+  };
+
   rivets.formatters['only'] = function() {
     var allowed, value;
     value = arguments[0], allowed = 2 <= arguments.length ? slice.call(arguments, 1) : [];

--- a/js/rivets.js.map	Mon Mar 21 22:56:28 2016 +0800
+++ b/js/rivets.js.map	Mon Mar 21 23:01:44 2016 +0800
@@ -6,5 +6,5 @@
     "coffee/rivets.coffee"
   ],
   "names": [],
-  "mappings": ";AAAA;AAAA,MAAA;;;EAAA,MAAM,CAAC,QAAS,CAAA,GAAA,CAAhB,GACE;IAAA,OAAA,EAAS,SAAC,GAAD,EAAM,OAAN,EAAe,QAAf;aACP,GAAG,CAAC,EAAJ,CAAO,SAAA,GAAY,OAAnB,EAA4B,QAA5B;IADO,CAAT;IAGA,SAAA,EAAW,SAAC,GAAD,EAAM,OAAN,EAAe,QAAf;aACT,GAAG,CAAC,GAAJ,CAAQ,SAAA,GAAY,OAApB,EAA6B,QAA7B;IADS,CAHX;IAMA,GAAA,EAAK,SAAC,GAAD,EAAM,OAAN;aACH,GAAG,CAAC,GAAJ,CAAQ,OAAR;IADG,CANL;IASA,GAAA,EAAK,SAAC,GAAD,EAAM,OAAN,EAAe,KAAf;aACH,GAAG,CAAC,GAAJ,CAAQ,OAAR,EAAiB,KAAjB;IADG,CATL;;;EAaF,MAAM,CAAC,UAAW,CAAA,MAAA,CAAlB,GAA4B,SAAA;AAC1B,QAAA;IAD2B,sBAAO;IAClC,IAAG,aAAS,OAAT,EAAA,KAAA,MAAH;aAAyB,MAAzB;KAAA,MAAA;aAAoC,GAApC;;EAD0B;;EAI5B,MAAM,CAAC,UAAW,CAAA,IAAA,CAAlB,GAA0B,SAAC,CAAD,EAAI,CAAJ;WACxB,CAAA,KAAK;EADmB;;EAI1B,MAAM,CAAC,UAAW,CAAA,aAAA,CAAlB,GAAmC,SAAC,KAAD,EAAQ,MAAR;IACjC,IAAG,aAAH;aAAe,KAAK,CAAC,MAAN,CAAa,MAAb,EAAf;KAAA,MAAA;aAAyC,GAAzC;;EADiC;;EAInC,MAAM,CAAC,UAAW,CAAA,UAAA,CAAlB,GAAgC,SAAC,KAAD;IAC9B,IAAG,aAAH;aAAe,KAAK,CAAC,WAAN,CAAA,EAAf;KAAA,MAAA;aAAwC,GAAxC;;EAD8B;;EAIhC,MAAM,CAAC,UAAW,CAAA,UAAA,CAAlB,GAAgC,SAAC,KAAD;IAC9B,IAAG,aAAH;aAAe,KAAK,CAAC,OAAN,CAAA,EAAf;KAAA,MAAA;aAAoC,GAApC;;EAD8B;AA9BhC"
+  "mappings": ";AAAA;AAAA,MAAA;;;EAAA,MAAM,CAAC,QAAS,CAAA,GAAA,CAAhB,GACE;IAAA,OAAA,EAAS,SAAC,GAAD,EAAM,OAAN,EAAe,QAAf;aACP,GAAG,CAAC,EAAJ,CAAO,SAAA,GAAY,OAAnB,EAA4B,QAA5B;IADO,CAAT;IAGA,SAAA,EAAW,SAAC,GAAD,EAAM,OAAN,EAAe,QAAf;aACT,GAAG,CAAC,GAAJ,CAAQ,SAAA,GAAY,OAApB,EAA6B,QAA7B;IADS,CAHX;IAMA,GAAA,EAAK,SAAC,GAAD,EAAM,OAAN;aACH,GAAG,CAAC,GAAJ,CAAQ,OAAR;IADG,CANL;IASA,GAAA,EAAK,SAAC,GAAD,EAAM,OAAN,EAAe,KAAf;aACH,GAAG,CAAC,GAAJ,CAAQ,OAAR,EAAiB,KAAjB;IADG,CATL;;;EAaF,MAAM,CAAC,UAAW,CAAA,cAAA,CAAlB,GAAoC,SAAC,KAAD;IAClC,IAAG,aAAH;aAAe,KAAK,CAAC,MAAN,CAAa,CAAb,EAAf;KAAA,MAAA;aAAoC,IAApC;;EADkC;;EAIpC,MAAM,CAAC,UAAW,CAAA,MAAA,CAAlB,GAA4B,SAAA;AAC1B,QAAA;IAD2B,sBAAO;IAClC,IAAG,aAAS,OAAT,EAAA,KAAA,MAAH;aAAyB,MAAzB;KAAA,MAAA;aAAoC,GAApC;;EAD0B;;EAI5B,MAAM,CAAC,UAAW,CAAA,IAAA,CAAlB,GAA0B,SAAC,CAAD,EAAI,CAAJ;WACxB,CAAA,KAAK;EADmB;;EAI1B,MAAM,CAAC,UAAW,CAAA,aAAA,CAAlB,GAAmC,SAAC,KAAD,EAAQ,MAAR;IACjC,IAAG,aAAH;aAAe,KAAK,CAAC,MAAN,CAAa,MAAb,EAAf;KAAA,MAAA;aAAyC,GAAzC;;EADiC;;EAInC,MAAM,CAAC,UAAW,CAAA,UAAA,CAAlB,GAAgC,SAAC,KAAD;IAC9B,IAAG,aAAH;aAAe,KAAK,CAAC,WAAN,CAAA,EAAf;KAAA,MAAA;aAAwC,GAAxC;;EAD8B;;EAIhC,MAAM,CAAC,UAAW,CAAA,UAAA,CAAlB,GAAgC,SAAC,KAAD;IAC9B,IAAG,aAAH;aAAe,KAAK,CAAC,OAAN,CAAA,EAAf;KAAA,MAAA;aAAoC,GAApC;;EAD8B;AAlChC"
 }
\ No newline at end of file

--- a/js/tram.js	Mon Mar 21 22:56:28 2016 +0800
+++ b/js/tram.js	Mon Mar 21 23:01:44 2016 +0800
@@ -16,7 +16,8 @@
         xa: '#d9534f',
         unavailable: '#777',
         "default": '#337ab7'
-      }
+      },
+      avatar: ['#f75782', '#d27b2b', '#a5902b', '#759d2b', '#2da46b', '#2fa196', '#319db4', '#4292f4', '#c16af4', '#f545cd']
     }
   };
 

--- a/js/tram.js.map	Mon Mar 21 22:56:28 2016 +0800
+++ b/js/tram.js.map	Mon Mar 21 23:01:44 2016 +0800
@@ -6,5 +6,5 @@
     "coffee/tram.coffee"
   ],
   "names": [],
-  "mappings": ";AAAA;EAAA,MAAM,CAAC,IAAP,GACE;IAAA,IAAA,EACE;MAAA,MAAA,EAAQ,SAAR;MACA,OAAA,EAAS,KADT;KADF;IAIA,MAAA,EACE;MAAA,IAAA,EAAM,QAAQ,CAAC,IAAf;MACA,MAAA,EAAQ,QAAQ,CAAC,QADjB;KALF;IAQA,MAAA,EACE;MAAA,QAAA,EACE;QAAA,MAAA,EAAQ,SAAR;QACA,IAAA,EAAM,SADN;QAEA,EAAA,EAAI,SAFJ;QAGA,WAAA,EAAa,MAHb;QAIA,SAAA,EAAS,SAJT;OADF;KATF;;AADF"
+  "mappings": ";AAAA;EAAA,MAAM,CAAC,IAAP,GACE;IAAA,IAAA,EACE;MAAA,MAAA,EAAQ,SAAR;MACA,OAAA,EAAS,KADT;KADF;IAIA,MAAA,EACE;MAAA,IAAA,EAAM,QAAQ,CAAC,IAAf;MACA,MAAA,EAAQ,QAAQ,CAAC,QADjB;KALF;IAQA,MAAA,EACE;MAAA,QAAA,EACE;QAAA,MAAA,EAAQ,SAAR;QACA,IAAA,EAAM,SADN;QAEA,EAAA,EAAI,SAFJ;QAGA,WAAA,EAAa,MAHb;QAIA,SAAA,EAAS,SAJT;OADF;MAMA,MAAA,EAAQ,CACN,SADM,EAEN,SAFM,EAGN,SAHM,EAIN,SAJM,EAKN,SALM,EAMN,SANM,EAON,SAPM,EAQN,SARM,EASN,SATM,EAUN,SAVM,CANR;KATF;;AADF"
 }
\ No newline at end of file