toplist gauge finished :) (7c288def) · Commits · github_fork / Clip

lib/fnordmetric/toplist.rb

+6 −0

Original line number	Diff line number	Diff line
		@@ -44,6 +44,12 @@
		@timelines[item][times.first])
		end

		def rank(item)
		prepare! unless @toplist_arr

		@toplist_arr.index([item, value(item)]) + 1
		end

		def trending(take = 100)
		@toplist.to_a.map{ \|k,v\|
		[k, trend(k)]

web/fnordmetric.css

+3 −1

Original line number	Diff line number	Diff line
		@@ -681,3 +681,5 @@ margin-top: 60px;
		margin-right: 10px;
		color: #999;
		}

		.numbers_container .ui_trend{ font-size:16px; float:left; white-space:nowrap; }
		No newline at end of file

web/haml/toplist_gauge.haml

+36 −6

Original line number	Diff line number	Diff line
		@@ -66,12 +66,21 @@
		.widget_item_timeseries
		.headbar.small

		.numbers_container
		.numbers_container(style="width:auto; border-bottom:none;")
		.title
		/ .number{:data => 23, :"data-current" => 0}
		/ %span.desc Total
		/ %span.value 0

		.number.total
		%span.desc Total
		%span.value.ui_value
		.number.percent
		%span.desc Percent
		%span.value.ui_value
		.number.delta
		%span.desc Delta
		%span.value
		.ui_trend
		.number.rank
		%span.desc Rank
		%span.value


		:gaugejs
		@@ -87,6 +96,14 @@
		var toplist_gauge_timeseries = #{@toplist.timelines.to_json};
		var toplist_gauge_ticks = #{@all_ticks.sort.to_json};

		var toplist_gauge_numbers = #{Hash[@toplist.toplist(top_k).map{ \|k,t\|
		[k, { :total => t,
		:percent => @toplist.percentage(k),
		:rank => @toplist.rank(k),
		:delta => @toplist.trend(k) }]
		}].to_json};


		function toplgaugeSelectItem(){
		var item_key = $(this).attr('data-item');

		@@ -94,7 +111,6 @@
		.siblings().removeClass('active');

		$('.widget_keystats .widget_item_timeseries').html('');

		$('.widget_keystats .keystats').show();
		$('.widget_keystats .empty_state').hide();

		@@ -104,6 +120,20 @@
		$('.widget_keystats .headbar.small')
		.html("#{key_nouns.first}: " + item_key);

		$('.widget_keystats .number.total .ui_value')
		.attr('data-value', toplist_gauge_numbers[item_key].total);

		$('.widget_keystats .number.percent .ui_value')
		.attr('data-percent', toplist_gauge_numbers[item_key].percent);

		$('.widget_keystats .number.delta .ui_trend')
		.attr('data-trend', toplist_gauge_numbers[item_key].delta);

		$('.widget_keystats .number.rank .value')
		.html('#' + toplist_gauge_numbers[item_key].rank);

		FnordMetric.util.format('.widget_keystats .keystats');

		var series_data = [];

		for(ind in toplist_gauge_ticks){

web/js/fnordmetric.util.js

+2 −2

Original line number	Diff line number	Diff line
		@@ -199,11 +199,11 @@ FnordMetric.util.format = function(elem){

		if(delta > 0){
		$(this).css('color', '#2B2');
		$(this).html('+' + delta);
		$(this).html('+' + delta.toFixed(1));
		deg = -45;
		} else if (delta < 0){
		$(this).css('color', '#B22');
		$(this).html(delta);
		$(this).html(delta.toFixed(1));
		deg = 45;
		} else {
		$(this).css('color', '#555');

Admin message