distribution gauge layout.. (30e54324) · Commits · github_fork / Clip

web/fnordmetric.css

+2 −0

Original line number	Diff line number	Diff line
		@@ -210,6 +210,8 @@ text-shadow: 1px 0px 2px rgba(255, 255, 255, 1);

		.numbers_container .title{ padding:4px 0 1px 0; color:#333; font-size:14px; display:block;font-weight:400; }

		.numbers_container.numbers_pad_bottom .number{ padding-bottom:19px; }
		.numbers_container.numbers_pad_bottom{ border-bottom:none; }

		ul.session_list{ list-style-type:none; margin:0; padding:9px 16px 0 11px; }
		ul.session_list li{ color:#0A0A0A; height:32px; overflow:hidden; line-height:18px; padding:4px; }

+15 −10

Original line number	Diff line number	Diff line
		@@ -7,30 +7,25 @@
		%li.active{"data-tab" => "Overview"}
		%a{:href => "#"} Overview


		.widget_histogram_bars.resizable(data-width="80")

		.resizable(data-width="20")
		.headbar
		%h2 Histogram: #{@opts[:title]}

		.resizable.right(data-width="40" style="border-left:1px solid #ddd; height:500px;")
		.clearfix
		.numbers_container
		%h2(style="margin:20px 0 -3px 20px;") Value Distribution
		.numbers_container.resizable.numbers_pad_bottom(data-width="50")
		.number
		%span.desc Minimum
		%span.value= @histogram.min
		.number
		%span.desc Maximum
		%span.value= @histogram.max
		.clearfix
		.numbers_container
		.number
		%span.desc Average
		%span.value= 0
		.number
		%span.desc Median
		%span.value= 0

		.clearfix
		.numbers_container
		.number
		%span.desc Mean
		%span.value= 0
		@@ -39,6 +34,15 @@
		%span.value= 0


		.widget_histogram_bars.resizable(data-width="60")

		.resizable(data-width="60")

		.headbar.small
		Standard Deviation



		:gaugejs

		FnordMetric.ui.resizable('.report_view');
		@@ -48,6 +52,7 @@
		color: "#{FnordMetric::COLORS.last}",
		elem: $('.widget_histogram_bars'),
		height: 320,
		no_headbar: true,
		values: #{@histogram.histogram(@opts[:histogram]).map{ \|r,v\| [r.to_s, v] }.to_json}
		});

+12 −10

Original line number	Diff line number	Diff line
		@@ -35,18 +35,20 @@ FnordMetric.widgets.barsWidget = function(){


		function draw_layout(){
		$(opts.elem)
		.append(
		if(!opts.no_headbar){
		$(opts.elem).append(
		$('<div></div>')
		.addClass('headbar')
		.append($('<h2></h2>').html(opts.title))
		)
		.append(
		);
		}

		$(opts.elem).append(
		$('<div></div>')
		.addClass('container')
		.css({
		height: opts.height,
		margin: '0 23px 25px 23px',
		margin: '20px 23px 25px 23px',
		})
		);

+0 −2

Original line number	Diff line number	Diff line
		@@ -42,8 +42,6 @@ FnordMetric.views.gaugeView = (function(gauge_name){
		(evt.type != "render_response") \|\|
		(!evt.payload)){ return true; }

		console.log(evt.payload);

		if(evt.payload.html){
		$('.gauge_viewport', viewport)
		.html(evt.payload.html);

+1 −0

Original line number	Diff line number	Diff line
		@@ -96,6 +96,7 @@ var FnordMetric = (function(){
		function resizeView(){
		var viewport_width = window.innerWidth - 220
		$('#viewport').width(viewport_width);
		FnordMetric.ui.resizable('.viewport_inner');
		currentView.resize(
		canvasElem.innerWidth(),
		canvasElem.innerHeight()