relay-for-toggl.user.js

// ==UserScript==
// @name         Relay Toggl for Tribe
// @namespace    https://central.tri.be/
// @version      0.1
// @description  Adds a button to record task/description and start time to toggl.
// @author       Gary Kovar
// @match        *://central.tri.be/issues/*
// ==/UserScript==

// Your Toggl API key
var apiKeyToggl = 'toggleAPIkey';

// Or use your own
var proxyURL = 'https://relay-for-toggl.herokuapp.com/';

// Default activity text (ex. Back End Development)
var defaultActivity = '';

// This may differ from project to project, use defaultActivity for this to auto-detect
var defaultActivityID = '';

// You can customize the default timer text to make it easy for certain workflows
var defaultDescription = '';

window.tribeToggl = {};

(function( window, $, app, apiKeyToggl ) {
	'use strict';

	var cache = {};

	app.init = function() {
		$('.title-bar-actions div').append('<span id="toggl_container"></span>');

		app.setupCache();
		app.setupProjects();
		app.getButton();
	};

	app.setupCache = function() {
		cache.id = window.location.pathname.match(/\d+/)[0];
		cache.project = $('title').text().trim().split('-')[0];
		cache.taskName = $('#issue_subject').val();
		cache.projects = $('ul #projects-menu li');
		cache.project_names = [];
		cache.projects.each(function(proj) {
			cache.project_names.push($(this).text().replace('»', '').trim());
		} );
		cache.projectID = '';
		cache.activityNumber = '';
		cache.activityText = '';
		cache.activityDescription = '';
	};

	// This makes sure each project is already set up.
	app.setupProjects = function() {
		$.post( proxyURL,
			{ request: 'project',
				action: 'setup',
				api_key: apiKeyToggl,
				projects : cache.project_names,
				project_name : cache.project
			}, 'json' )
			.done(function( data ) {
				cache.projectId = data;
			});
	};

	app.getButton = function() {
		$.post( proxyURL,
			{ request: 'time',
				action: 'running',
				api_key: apiKeyToggl
			}, 'json' )
			.done(function( data ) {
				data = $.parseJSON( data );

				$('#toggl_container').html(app.startTime( data.running ) );

				var $toggl_relay = $('#toggl-relay');

				$toggl_relay.on('change', function (e) {
					cache.activityNumber = $(e.target).val();
					cache.activityText = $(e.target).find("option:selected").text();
					$( 'button.time' ).show();
					$( 'button.time-new' ).on( 'click', function() {
						cache.activityDescription = $('#toggl_timerdescription').val();
						$('.time').remove();
						app.startToggl();
					});
				});

				if ( '' !== defaultActivity ) {
					var defaultActivityID = '';

					$('option', $toggl_relay).each( function() {
						var $this = $(this);

						if ( $this.text() === defaultActivity ) {
							defaultActivityID = $this.val();
						}
					} );

					$toggl_relay.val( defaultActivityID );
					$toggl_relay.trigger('change');
                }

				if ( '' !== defaultDescription ) {
					$('#toggl_timerdescription').val( defaultDescription );
				}
			});
	};

	app.startTime = function( running ) {

		var input = '<input type="text" class="time" id="toggl_timerdescription">';

		//if ( running === 0 ) {
		return app.activityType() + input + '<button class="time time-new" style="display: none">Start Timer</button>';
		//} else {
		//    return app.activityType() + input + '<button class="time time-stop-new" style="display: none">Stop Timer / Start on This Task</button>' ;
		//}
	};

	app.activityType = function() {
		return '<select id="toggl-relay" class="time">' + $('#time_entry_activity_id').html() + '</select>';
	};

	app.startToggl = function() {
		$.post( proxyURL,
			{ request: 'time',
				action: 'start',
				api_key: apiKeyToggl,
				description: '[' + cache.id + '][' + cache.activityText + '][' + cache.activityDescription + ']',
				pid : cache.projectId
			}, 'json' )
			.done( function () {
				app.getButton();
			} );
	};


	app.init();


})( window, jQuery, window.tribeToggl, apiKeyToggl );