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);
});

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>