Change Toggl display

Change Toggl timer display: always expand entries; always show durations

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name Change Toggl display
// @namespace http://www.jaron.nl/misc/efocus/
// @description Change Toggl timer display: always expand entries; always show durations
// @include https://toggl.com/app/timer
// @version 1.01
// ==/UserScript==  

(function($) {

	var delay = 100;

	var changeDisplay = function() {
		$('.TimeEntriesListGroupedItem__subEntriesCount').addClass('TimeEntriesListGroupedItem__isExpanded');
		$('.ListItem__item').addClass('ListItem__isSubEntry ListItem__isExpanded');
		$('.Duration__times').css('display', 'block');
	};

	var checkStart = function() {
		console.log('len:',$('.TimeEntriesList__list').length, 'delay:', delay);
		if ($('.TimeEntriesList__list').length) {
			changeDisplay();
		} else {
			setTimeout(checkStart, delay);
			delay = delay*1.1;
		}
	};

	checkStart();


})(jQuery);