189 lines
5.6 KiB
JavaScript
189 lines
5.6 KiB
JavaScript
require(
|
|
['alertify', 'underscore.string'],
|
|
function(alertify, S) {
|
|
alertify.defaults.transition = "zoom";
|
|
alertify.defaults.theme.ok = "btn btn-primary";
|
|
alertify.defaults.theme.cancel = "btn btn-danger";
|
|
alertify.defaults.theme.input = "form-control";
|
|
|
|
alertify.pgIframeDialog || alertify.dialog('pgIframeDialog', function() {
|
|
var iframe;
|
|
return {
|
|
// dialog constructor function, this will be called when the user calls
|
|
// alertify.pgIframeDialog(message)
|
|
main:function(message){
|
|
//set the videoId setting and return current instance for chaining.
|
|
return this.set({
|
|
'pg_msg': message
|
|
});
|
|
},
|
|
// we only want to override two options (padding and overflow).
|
|
setup: function(){
|
|
return {
|
|
options:{
|
|
//disable both padding and overflow control.
|
|
padding : !1,
|
|
overflow: !1,
|
|
}
|
|
};
|
|
},
|
|
// This will be called once the DOM is ready and will never be invoked
|
|
// again. Here we create the iframe to embed the video.
|
|
build:function() {
|
|
// create the iframe element
|
|
iframe = document.createElement('iframe');
|
|
|
|
iframe.src = "";
|
|
iframe.frameBorder = "no";
|
|
iframe.width = "100%";
|
|
iframe.height = "100%";
|
|
|
|
// add it to the dialog
|
|
this.elements.content.appendChild(iframe);
|
|
|
|
//give the dialog initial height (half the screen height).
|
|
this.elements.body.style.minHeight = screen.height * .5 + 'px';
|
|
},
|
|
// dialog custom settings
|
|
settings:{
|
|
pg_msg: undefined
|
|
},
|
|
// listen and respond to changes in dialog settings.
|
|
settingUpdated: function(key, oldValue, newValue){
|
|
switch(key){
|
|
case 'pg_msg':
|
|
var doc = iframe.contentWindow || iframe.contentDocument;
|
|
if (doc.document) {
|
|
doc = doc.document;
|
|
}
|
|
|
|
doc.open();
|
|
doc.write(newValue);
|
|
doc.close();
|
|
|
|
break;
|
|
}
|
|
},
|
|
// listen to internal dialog events.
|
|
hooks: {
|
|
// triggered when a dialog option gets update.
|
|
// warning! this will not be triggered for settings updates.
|
|
onupdate: function(option,oldValue, newValue){
|
|
switch(option){
|
|
case 'resizable':
|
|
if(newValue){
|
|
this.elements.content.removeAttribute('style');
|
|
iframe && iframe.removeAttribute('style');
|
|
}else{
|
|
this.elements.content.style.minHeight = 'inherit';
|
|
iframe && (iframe.style.minHeight = 'inherit');
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
};
|
|
});
|
|
|
|
alertify.pgNotifier = function(type, xhr, promptmsg, onJSONResult) {
|
|
var msg = xhr.responseText,
|
|
contentType = xhr.getResponseHeader('Content-Type');
|
|
|
|
if (xhr.status == 0) {
|
|
msg = window.pgAdmin.Browser.messages.SERVER_LOST;
|
|
}
|
|
|
|
if (contentType) {
|
|
try {
|
|
if (contentType.indexOf('text/json') == 0) {
|
|
resp = $.parseJSON(msg);
|
|
|
|
if (resp.result != null && (!resp.errormsg || resp.errormsg == '') &&
|
|
onJSONResult && typeof(onJSONResult) == 'function') {
|
|
return onJSONResult(resp.result);
|
|
}
|
|
msg = resp.result || resp.errormsg || "Unknown error";
|
|
}
|
|
} catch (exc) {
|
|
}
|
|
|
|
if (contentType.indexOf('text/html') == 0) {
|
|
alertify.notify(
|
|
S(
|
|
'%s<br><br>' + window.pgAdmin.Browser.messages.CLICK_FOR_DETAILED_MSG
|
|
).sprintf(promptmsg).value(), type, 0, function() {
|
|
alertify.pgIframeDialog().show().set({ frameless: false }).set('pg_msg', msg);
|
|
});
|
|
return;
|
|
}
|
|
}
|
|
alertify.alert().show().set(
|
|
'message', msg.replace(new RegExp('\r?\n','g'), '<br />')
|
|
).set('title', promptmsg);
|
|
};
|
|
|
|
var alertifyDialogResized = function(stop) {
|
|
var self = this;
|
|
|
|
if (stop) {
|
|
self.pgResizeRecursion = false;
|
|
}
|
|
|
|
if(self.pgResizeTimeout) {
|
|
return;
|
|
}
|
|
|
|
self.pgResizeTimeout = setTimeout(
|
|
function() {
|
|
var $el = $(this.elements.dialog),
|
|
w = $el.width();
|
|
|
|
this.pgResizeTimeout = null;
|
|
|
|
if (w <= 480) {
|
|
w = 'xs';
|
|
} else if (w < 600) {
|
|
w = 'sm';
|
|
} else if (w < 768) {
|
|
w = 'md';
|
|
} else {
|
|
w = 'lg';
|
|
}
|
|
|
|
$el.attr('el', w);
|
|
}.bind(self),
|
|
100
|
|
);
|
|
};
|
|
|
|
var alertifyDialogStartResizing = function(start) {
|
|
var self = this;
|
|
|
|
if (start) {
|
|
self.pgResizeRecursion = true;
|
|
}
|
|
|
|
setTimeout(
|
|
function() {
|
|
alertifyDialogResized.apply(self);
|
|
|
|
if (self.pgResizeRecursion) {
|
|
alertifyDialogStartResizing.apply(self, [false]);
|
|
}
|
|
}, 100
|
|
);
|
|
};
|
|
|
|
alertify.pgDialogBuild = function() {
|
|
this.set('onshow', function() {
|
|
this.elements.dialog.classList.add('pg-el-container')
|
|
alertifyDialogResized.apply(this, arguments);
|
|
});
|
|
this.set('onresize', alertifyDialogStartResizing.bind(this, true));
|
|
this.set('onresized', alertifyDialogResized.bind(this, true));
|
|
this.set('onmaximized', alertifyDialogResized);
|
|
this.set('onrestored', alertifyDialogResized);
|
|
};
|
|
|
|
});
|