trelloscrum.js

/*
** TrelloScrum v0.52 - https://github.com/Q42/TrelloScrum
** Adds Scrum to your Trello
**
** Idea & Documentation:
** Jasper Kaizer <https://github.com/jkaizer>
**
** Orig:
** Marcel Duin <https://github.com/marcelduin>
**
** Contribs:
** Paul Lofte <https://github.com/paullofte>
** Nic Pottier <https://github.com/nicpottier>
** Bastiaan Terhorst <https://github.com/bastiaanterhorst>
** Morgan Craft <https://github.com/mgan59>
**
*/

//watch for filtered cards
var filtered=false;

//parse regexp- accepts digits, decimals and '?'
var reg=/\((\x3f|\d*\.?\d+)\)\s?/m;

var iconUrl = chrome.extension.getURL('images/storypoints-icon.png');

$(function(){
	//watch filtering
	$('.js-filter-cards').live('DOMSubtreeModified',function(){
		filtered=$('.js-filter-cards').hasClass('is-on');
		calcPoints()
	});

	//for storypoint picker
	$(".card-detail-title .edit-controls").live('DOMNodeInserted',showPointPicker);

	//want: trello events
	(function periodical(){
		$('.list').each(list);
		$('.list-card').each(listCard);
		setTimeout(periodical,2000)
	})()
});

//.list pseudo
function list(e){
	if(this.list)return;
	this.list=true;

	var $list=$(this);
	var $total=$('<span class="list-total">')
		.appendTo($list.find('.list-header h2'));

	$total.bind('DOMNodeRemovedFromDocument',function(){
		setTimeout(function(){
			$total.appendTo($list.find('.list-header h2'))
		})
	});

	this.calc = function(){
		var score=0;
		$list.find('.list-card').each(function(){if(!isNaN(Number(this.points)))score+=Number(this.points)});
		var scoreTruncated = Math.floor(score * 100) / 100;
		$total.text(scoreTruncated>0?scoreTruncated:'')
	}
};

//.list-card pseudo
function listCard(e){
	if(this.listCard)return;
	this.listCard=true;

	var points=-1,
		parsed,
		that=this,
		$card=$(this),
		busy=false,
		$badge=$('<span class="badge badge-points point-count" style="background-image: url('+iconUrl+') !important;">');

	if($card.hasClass('placeholder'))return;

	$card.bind('DOMNodeInserted',function(e){
		if(!busy&&$(e.target).hasClass('list-card-title'))setTimeout(getPoints)
	});

	function getPoints(){
		var $title=$card.find('a.list-card-title');
		if(!$title[0])return;
		busy=true;
		var title=$title.html();
		//alert(title)
		parsed=($title[0].otitle||title).match(reg);
		points=parsed?parsed[1]:title;
		if(points!=title)$title[0].otitle=title;
		$title.html($title.html().replace(reg,''));
		if($card.parent()[0]){
			$badge.text(that.points).prependTo($card.find('.badges'));
			$badge.attr({title: 'This card has '+that.points+' storypoint(s).'})
		}
		busy=false;
		calcPoints($card.closest('.list'))
	};

	this.__defineGetter__('points',function(){
		//don't add to total when filtered out
		return parsed&&(!filtered||($card.css('opacity')==1 && $card.css('display')!='none'))?points:''
	});

	getPoints()
};

//forcibly calculate list totals
function calcPoints($el){
	($el||$('.list')).each(function(){if(this.calc)this.calc()})
};

//default story point picker sequence
var _pointSeq = [0, 1, 2, 3, 5, 8, 13, 20];

function showPointPicker() {
	if($(this).find('.picker').length)return;

	var pickers = '<span class="point-value">?</span> ';
	for (var i=0; i < _pointSeq.length; i++)
		pickers += '<span class="point-value">' + _pointSeq[i] + '</span> ';

	var picker = "<div class='picker'>" + pickers + "</div>";
	$(".card-detail-title .edit-controls").append(picker);
	$(".point-value").click(updatePoint)
};

function updatePoint(){
	var value = $(this).text();
	var $text = $(".card-detail-title .edit textarea");
	var text = $text.val();

	// replace our new
	$text[0].value=text.match(reg)?text.replace(reg, '('+value+') '):'('+value+') ' + text;

	// then click our button so it all gets saved away
	$(".card-detail-title .edit .js-save-edit").click();

	return false
};