Use $.facebox for dialog if its available
This commit is contained in:
@@ -11,12 +11,23 @@
|
||||
|
||||
debugOn: false,
|
||||
markupCreated: false,
|
||||
markup: '',
|
||||
|
||||
attachEvents: function( evtOK ) {
|
||||
$('#gollum-dialog-action-ok').click(function( e ) {
|
||||
Dialog.eventOK( e, evtOK );
|
||||
});
|
||||
$('#gollum-dialog-action-cancel').click( Dialog.eventCancel );
|
||||
$('#gollum-dialog-dialog input[type="text"]').keydown(function( e ) {
|
||||
if ( e.keyCode == 13 ) {
|
||||
Dialog.eventOK( e, evtOK );
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
detachEvents: function() {
|
||||
$('#gollum-dialog-action-ok').unbind('click');
|
||||
$('#gollum-dialog-action-cancel').unbind('click');
|
||||
},
|
||||
|
||||
createFieldMarkup: function( fieldArray ) {
|
||||
@@ -70,6 +81,19 @@
|
||||
|
||||
createMarkup: function( title, body ) {
|
||||
Dialog.markupCreated = true;
|
||||
if ($.facebox) {
|
||||
return '<div id="gollum-dialog-dialog">' +
|
||||
'<div id="gollum-dialog-dialog-title"><h4>' +
|
||||
title +'</h4></div>' +
|
||||
'<div id="gollum-dialog-dialog-body">' + body + '</div>' +
|
||||
'<div id="gollum-dialog-dialog-buttons">' +
|
||||
'<a href="#" title="Cancel" id="gollum-dialog-action-cancel" ' +
|
||||
'class="gollum-minibutton">Cancel</a>' +
|
||||
'<a href="#" title="OK" id="gollum-dialog-action-ok" '+
|
||||
'class="gollum-minibutton">OK</a>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
} else {
|
||||
return '<div id="gollum-dialog-dialog">' +
|
||||
'<div id="gollum-dialog-dialog-inner">' +
|
||||
'<div id="gollum-dialog-dialog-bg">' +
|
||||
@@ -85,6 +109,7 @@
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
}
|
||||
},
|
||||
|
||||
eventCancel: function( e ) {
|
||||
@@ -111,6 +136,11 @@
|
||||
},
|
||||
|
||||
hide: function() {
|
||||
if ( $.facebox ) {
|
||||
Dialog.markupCreated = false;
|
||||
$(document).trigger('close.facebox');
|
||||
Dialog.detachEvents();
|
||||
} else {
|
||||
if ( $.browser.msie ) {
|
||||
$('#gollum-dialog-dialog').hide().removeClass('active');
|
||||
$('select').css('visibility', 'visible');
|
||||
@@ -122,6 +152,7 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
init: function( argObject ) {
|
||||
@@ -149,14 +180,31 @@
|
||||
}
|
||||
|
||||
if ( Dialog.markupCreated ) {
|
||||
if ($.facebox) {
|
||||
$(document).trigger('close.facebox');
|
||||
} else {
|
||||
$('#gollum-dialog-dialog').remove();
|
||||
}
|
||||
var $dialog = $( Dialog.createMarkup( title, body ) );
|
||||
$('body').append( $dialog );
|
||||
}
|
||||
|
||||
Dialog.markup = Dialog.createMarkup( title, body );
|
||||
|
||||
if ($.facebox) {
|
||||
$(document).bind('reveal.facebox', function() {
|
||||
if ( argObject.OK &&
|
||||
typeof argObject.OK == 'function' ) {
|
||||
Dialog.attachEvents( argObject.OK );
|
||||
$($('#facebox input[type="text"]').get(0)).focus();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$('body').append( Dialog.markup );
|
||||
if ( argObject.OK &&
|
||||
typeof argObject.OK == 'function' ) {
|
||||
Dialog.attachEvents( argObject.OK );
|
||||
}
|
||||
}
|
||||
|
||||
Dialog.show();
|
||||
},
|
||||
|
||||
@@ -165,6 +213,9 @@
|
||||
debug('Dialog: No markup to show. Please use init first.');
|
||||
} else {
|
||||
debug('Showing dialog');
|
||||
if ($.facebox) {
|
||||
$.facebox( Dialog.markup );
|
||||
} else {
|
||||
if ( $.browser.msie ) {
|
||||
$('#gollum-dialog.dialog').addClass('active');
|
||||
Dialog.position();
|
||||
@@ -183,6 +234,7 @@
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
position: function() {
|
||||
@@ -191,9 +243,14 @@
|
||||
.css('height', dialogHeight + 'px')
|
||||
.css('margin-top', -1 * parseInt( dialogHeight / 2 ));
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if ($.facebox) {
|
||||
$(document).bind('reveal.facebox', function() {
|
||||
$('#facebox img.close_image').remove();
|
||||
});
|
||||
}
|
||||
|
||||
var debug = function(m) {
|
||||
if ( Dialog.debugOn
|
||||
&& typeof console != 'undefined' ) {
|
||||
|
||||
Reference in New Issue
Block a user