interval selection modal wip (3915c726) · Commits · github_fork / Clip

web/js/fnordmetric.gauge_view.js

+15 −5

Original line number	Diff line number	Diff line
		@@ -54,7 +54,9 @@ FnordMetric.views.gaugeView = (function(gauge_name){
		FnordMetric.util.dateFormat(start_timestamp) +
		' &dash; ' +
		FnordMetric.util.dateFormat(end_timestamp)
		);
		).parent().click(function(){
		open_interval_modal();
		});
		}

		function announce(evt){
		@@ -88,18 +90,26 @@ FnordMetric.views.gaugeView = (function(gauge_name){
		.html(interval)
		.attr('data', interval)
		.click(function(){
		load_interval($(this).attr('data'));
		FnordMetric.ui.close_modal(this);
		select_interval($(this).attr('data'))
		}))
		);
		}

		FnordMetric.ui.modal({
		height: 700,
		height: 400,
		max_width: 900,
		content: interval_list
		});
		}

		function select_interval(inter){
		start_timestamp = parseInt(inter.split("-")[0]);
		end_timestamp = parseInt(inter.split("-")[1]);
		updateDatepicker();
		load_interval();
		FnordMetric.ui.close_modal(this);
		}

		function load_interval(){
		$('.gauge_viewport', viewport)
		.html("");

+8 −2

Original line number	Diff line number	Diff line
		@@ -39,6 +39,9 @@ FnordMetric.ui.navbar = function(elem, opts){
		FnordMetric.ui.modal = function(opts){
		width = $("#viewport").width() * 0.8;

		if (opts.max_width)
		width = Math.min(opts.max_width, width);

		var dialog_elem = $('<div class="modal">')
		.append($('<div class="modal_inner">'))
		.css({
		@@ -48,9 +51,12 @@ FnordMetric.ui.modal = function(opts){
		"display": "none"
		});

		if(opts.content){

		if (opts.max_width)
		dialog_elem.css('maxWidth', opts.max_width);

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

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