report interval selection working (578218f8) · Commits · github_fork / Clip

web/src/fnordquery.report_view.js

+25 −5

Original line number	Diff line number	Diff line
		@@ -36,15 +36,13 @@ fnordquery.views.report = (function(report_token){
		[opts.title, "/report/"+report_token]
		],
		buttons: [
		["Export Data", function(){ alert(23); }]
		["Select timerange (fixme: dropdown)", function(){
		open_interval_modal();
		}]
		]

		});

		// fnordquery.ui.modal({
		// height: 700
		// })

		var avail_intervals = Object.keys(opts.available_intervals);

		if(avail_intervals.length > 0){
		@@ -52,6 +50,28 @@ fnordquery.views.report = (function(report_token){
		}
		}

		function open_interval_modal(){
		var interval_list = $('<ul>');

		for(interval in opts.available_intervals){
		interval_list.append(
		$('<li>')
		.html($('<a href="#">')
		.html(interval)
		.attr('data', interval)
		.click(function(){
		load_interval($(this).attr('data'));
		fnordquery.ui.close_modal(this);
		}))
		);
		}

		fnordquery.ui.modal({
		height: 700,
		content: interval_list
		});
		}

		function load_interval(interval){
		$('iframe', viewport)
		.attr('src', '/report/'+report_token+'/'+interval)

+11 −2

Original line number	Diff line number	Diff line
		@@ -23,6 +23,7 @@ fnordquery.ui.navbar = function(elem, opts){
		for(ind in opts.buttons){
		var btn = $('<a>')
		.addClass('button')
		.click(opts.buttons[ind][1])
		.html(opts.buttons[ind][0]);
		elem.prepend(btn);
		}
		@@ -41,8 +42,16 @@ fnordquery.ui.modal = function(opts){
		"display": "none"
		});

		if(opts.content){
		dialog_elem.html(opts.content);
		}

		$("#viewport").append(dialog_elem);
		dialog_elem.show().addClass('visible');
		$('.modal_backdrop').show().addClass('visible');
		}

		fnordquery.ui.close_modal = function(elem){
		$(elem).closest('.modal').removeClass('visible').fadeOut();
		$('.modal_backdrop').removeClass('visible').fadeOut();
		}