jsbin/public/js/chrome/infocard.js

(function () {
  'use strict';
  /*global $:true, jsbin:true, prettyDate:true*/

  var $template = $($('#infocard').html()); // donkey way of cloning from template
  var $header = $template.find('header');
  var meta = jsbin.state.metadata || {};
  var classes = [];

  if (meta.name) {
    $header.find('.name b').html(meta.name);
    $header.find('img').attr('src', meta.avatar);
  }

  $header.find('time').html(prettyDate(meta.updated));

  if (!jsbin.checksum) {
    classes.push('meta');
  }

  if (meta.pro) {
    classes.push('pro');
  }

  if (meta.name === jsbin.user.name) {
    classes.push('author');
  }

  $header.find('.visibility').text(meta.visibility);

  if (meta.visibility === 'private') {
    classes.push('private');
  } else if (meta.visibility === 'public') {
    classes.push('public');
  } // TODO handle team

  if (jsbin.state.code) {
    $template.addClass(classes.join(' ')).appendTo('body');

    $header.click(function (e) {
      e.preventDefault();
      $template.toggleClass('open');
    });
  }
})();