Show card ID in Trello using GreaseMonkey

Show card ID in Trello using GreaseMonkey

This short snippet is a simple way to show the card numbers in Trello. Useful if you use it as a bug tracker, for example.

This is a GreaseMonkey user script, but it should be compatible with Chrome as well.

// ==UserScript==
// @name        Trello Cart ID
// @namespace   *
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
// @match       https://trello.com/*
// @version     1
// @grant       none
// ==/UserScript==

var update = function() {
	$('.list-card').each(function (e,item) {
		var $this = $(item);
		var $a = $this.find('a.list-card-title');
		$a.find('.card-short-id').removeClass('hide').css('font-weight',700);
	});
};

$(document).ready(function() {
  setInterval(update, 5000);
});