Contents

// This sets up alternative dialog boxes. They mostly work the same way as
// their UI counterparts, expect instead of returning the result, a callback
// needs to be included that returns the result as its first parameter.
// In the future we may want to add additional types of dialog boxes, since 
// they should be easy to handle this way.

(function() {
	$('#dialog_container').draggable({cancel:'#dialog_content, #dialog_buttons *', containment: 'window'});
	var box = $('#dialog_box'), btn_holder = $('#dialog_buttons');
	
	var dbox = function(type, msg, callback, defText) {
		$('#dialog_content').html('<p>'+msg.replace(/\n/g,'</p><p>')+'</p>')
			.toggleClass('prompt',(type=='prompt'));
		btn_holder.empty();
		
		var ok = $('<input type="button" value="' + uiStrings.common.ok + '">').appendTo(btn_holder);
	
		if(type != 'alert') {
			$('<input type="button" value="' + uiStrings.common.cancel + '">')
				.appendTo(btn_holder)
				.on("click touchstart", function() { box.hide();callback(false)});
		}
		
		if(type == 'prompt') {
			var input = $('<input type="text">').prependTo(btn_holder);
			input.val(defText || '');
			input.bind('keydown', 'return', function() {ok.trigger("click touchstart");});
		}
		
		if(type == 'process') {
			ok.hide();
		}

		box.show();
		
		ok.on("click touchstart", function() { 
			box.hide();
			var resp = (type == 'prompt')?input.val():true;
			if(callback) callback(resp);
		}).focus();
		
		if(type == 'prompt') input.focus();
	}
	
	$.alert = function(msg, cb) { dbox('alert', msg, cb);};
	$.confirm = function(msg, cb) {	dbox('confirm', msg, cb);};
	$.process_cancel = function(msg, cb) {	dbox('process', msg, cb);};
	$.prompt = function(msg, txt, cb) { dbox('prompt', msg, cb, txt);};
}());

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
method_draw-0.0.1	vendor/assets/javascripts/method-draw-js/src/dialog.js