108 lines
2.3 KiB
JavaScript
Executable file
108 lines
2.3 KiB
JavaScript
Executable file
ig.module(
|
|
'weltmeister.modal-dialogs'
|
|
)
|
|
.requires(
|
|
'weltmeister.select-file-dropdown'
|
|
)
|
|
.defines(function(){ "use strict";
|
|
|
|
wm.ModalDialog = ig.Class.extend({
|
|
onOk: null,
|
|
onCancel: null,
|
|
|
|
text: '',
|
|
okText: '',
|
|
cancelText: '',
|
|
|
|
background: null,
|
|
dialogBox: null,
|
|
buttonDiv: null,
|
|
|
|
init: function( text, okText, cancelText ) {
|
|
this.text = text;
|
|
this.okText = okText || 'OK';
|
|
this.cancelText = cancelText || 'Cancel';
|
|
|
|
this.background = $('<div/>', {'class':'modalDialogBackground'});
|
|
this.dialogBox = $('<div/>', {'class':'modalDialogBox'});
|
|
this.background.append( this.dialogBox );
|
|
$('body').append( this.background );
|
|
|
|
this.initDialog( text );
|
|
},
|
|
|
|
|
|
initDialog: function() {
|
|
this.buttonDiv = $('<div/>', {'class': 'modalDialogButtons'} );
|
|
var okButton = $('<input/>', {'type': 'button', 'class':'button', 'value': this.okText});
|
|
var cancelButton = $('<input/>', {'type': 'button', 'class':'button', 'value': this.cancelText});
|
|
|
|
okButton.bind( 'click', this.clickOk.bind(this) );
|
|
cancelButton.bind( 'click', this.clickCancel.bind(this) );
|
|
|
|
this.buttonDiv.append( okButton ).append( cancelButton );
|
|
|
|
this.dialogBox.html('<div class="modalDialogText">' + this.text + '</div>' );
|
|
this.dialogBox.append( this.buttonDiv );
|
|
},
|
|
|
|
|
|
clickOk: function() {
|
|
if( this.onOk ) { this.onOk(this); }
|
|
this.close();
|
|
},
|
|
|
|
|
|
clickCancel: function() {
|
|
if( this.onCancel ) { this.onCancel(this); }
|
|
this.close();
|
|
},
|
|
|
|
|
|
open: function() {
|
|
this.background.fadeIn(100);
|
|
},
|
|
|
|
|
|
close: function() {
|
|
this.background.fadeOut(100);
|
|
}
|
|
});
|
|
|
|
|
|
|
|
wm.ModalDialogPathSelect = wm.ModalDialog.extend({
|
|
pathDropdown: null,
|
|
pathInput: null,
|
|
fileType: '',
|
|
|
|
init: function( text, okText, type ) {
|
|
this.fileType = type || '';
|
|
this.parent( text, (okText || 'Select') );
|
|
},
|
|
|
|
|
|
setPath: function( path ) {
|
|
var dir = path.replace(/\/[^\/]*$/, '');
|
|
this.pathInput.val( path );
|
|
this.pathDropdown.loadDir( dir );
|
|
},
|
|
|
|
|
|
initDialog: function() {
|
|
this.parent();
|
|
this.pathInput = $('<input/>', {'type': 'text', 'class': 'modalDialogPath'} );
|
|
this.buttonDiv.before( this.pathInput );
|
|
this.pathDropdown = new wm.SelectFileDropdown( this.pathInput, wm.config.api.browse, this.fileType );
|
|
},
|
|
|
|
|
|
clickOk: function() {
|
|
if( this.onOk ) {
|
|
this.onOk(this, this.pathInput.val());
|
|
}
|
|
this.close();
|
|
}
|
|
});
|
|
|
|
}); |