techrec/server/static/js/ui.js

/*global $*/
function time_changer_dialog(d, changed_callback) {
	//d is a Date object
	var dlg_html = '<div> \
								 <form action="#"> \
								 <input name="h" size="2" maxlength="2" type="number" min="0" max="23"> \
								 <input name="m" size="2" maxlength="2" type="number" min="0" max="59"> \
								 <input name="s" size="2" maxlength="2" type="number" min="0" max="59"> \
								 </form> \
								 </div>';

	var $dlg = $( $.parseHTML(dlg_html) );
	$('[name=h]', $dlg).val(d.getHours() );
	$('[name=m]', $dlg).val(d.getMinutes() );
	$('[name=s]', $dlg).val(d.getSeconds() );
	$dlg.dialog( {
		title: "Modifica inizio",
		buttons:
	{
		"Ok":function() {
			$(this).dialog( "close" );
			if(changed_callback === undefined) {
				return;
			}
			newd = new Date(d.getTime());
			newd.setHours($('[name=h]', $dlg).val());
			newd.setMinutes($('[name=m]', $dlg).val());
			newd.setSeconds($('[name=s]', $dlg).val());
			if(newd.getTime() === d.getTime()) {
				console.debug("Time not changed, discarding");
				return;
			}
			changed_callback(newd); //FIXME: crea data a partire dal form
		},
		"Annulla": function() {
			$(this).dialog("close");
		}
	}
	}).dialog('open');
}

$.widget("ror.thebutton", {
	options: {
		state: 'Create',
		filename: null,
		errormsg: null
	},
	_create: function() {
		"use strict";
		//create an appropriate button
		var widget = this;
		var state = this.options.rec;
		widget.element.addClass('pure-button');

		widget.element.on("click", function(evt) {
			/*global error_dialog*/
			if(widget.element.hasClass("rec-failed")) {
				error_dialog(widget.options.errormsg,
										 function() {
											 console.log("Should retry, TODO");
											 $(this).dialog("close");
											 widget._setOption('state', 'Create');
											 widget.element.click();
										 },
										 function() {
											 $(this).dialog("close");
										 });
			}
		});

		this._update();
	},
	_setOption: function(key, value) {
		this.options[key] = value;
		if(key === 'state') {
			if(this.options.state !== 'Download') {
				this.options.filename = null;
			}
		}
		this._update();
	},
	_update: function() {
		this.element.removeClass('pure-button-disabled rec-run rec-create ' +
														 'rec-encoding rec-download rec-failed rec-stop');
		switch(this.options.state) {
			case 'Stop':
				this.element.addClass("rec-stop rec-run").html(
					$('<i/>').addClass('fa fa-stop')).append(' Stop');
			break;
			case 'Create':
				this.element.addClass('rec-create rec-run').html(
					$('<i/>').addClass('fa fa-gear')).append(' Create');
			break;
			case 'Failed':
				this.element.addClass("rec-failed").html(
					$('<i/>').addClass('fa fa-warning')).append(' Errori');
			break;
			case 'Wait':
				this.element.addClass("pure-button-disabled rec-encoding") .html(
					$('<i/>').addClass('fa fa-clock-o')).append(' Wait');
			break;
			case 'Download':
				this.element
			.addClass("rec-download")
			.prop('href', this.options.filename)
			.html(
				$('<i/>').addClass('fa fa-download').css('color', 'green'))
				.append(' Scarica');
				break;
		}
	}
});

function error_dialog(msg, retry, cancel) {
	$('<div/>').html($('<pre/>').text(msg))
	.dialog({modal: true, title: "Dettaglio errori",
					buttons: {
						Retry: retry,
						Cancel: cancel
					}
	});
}
/* vim: set ts=2 sw=2 noet fdm=indent: */