diff options
Diffstat (limited to 'pyload/webui/themes/Default/lib/MooTools/MooDialog')
14 files changed, 683 insertions, 0 deletions
diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Alert.js b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Alert.js new file mode 100644 index 000000000..1e2d4180b --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Alert.js @@ -0,0 +1,45 @@ +/* +--- +name: MooDialog.Alert +description: Creates an Alert dialog +authors: Arian Stolwijk +license: MIT-style license +requires: MooDialog +provides: MooDialog.Alert +... +*/ + + +MooDialog.Alert = new Class({ + + Extends: MooDialog, + + options: { + okText: 'Ok', + focus: true, + textPClass: 'MooDialogAlert' + }, + + initialize: function(msg, options){ + this.parent(options); + + var okButton = new Element('button', { + events: { + click: this.close.bind(this) + }, + text: this.options.okText + }); + + this.setContent( + new Element('p.' + this.options.textPClass, {text: msg}), + new Element('div.buttons').adopt(okButton) + ); + if (this.options.autoOpen) this.open(); + + if (this.options.focus) this.addEvent('show', function(){ + okButton.focus() + }); + + } +}); + diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Confirm.js b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Confirm.js new file mode 100644 index 000000000..16f32e290 --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Confirm.js @@ -0,0 +1,80 @@ +/* +--- +name: MooDialog.Confirm +description: Creates an Confirm Dialog +authors: Arian Stolwijk +license: MIT-style license +requires: MooDialog +provides: [MooDialog.Confirm, Element.confirmLinkClick, Element.confirmFormSubmit] +... +*/ + + +MooDialog.Confirm = new Class({ + + Extends: MooDialog, + + options: { + okText: 'Ok', + cancelText: 'Cancel', + focus: true, + textPClass: 'MooDialogConfirm' + }, + + initialize: function(msg, fn, fn1, options){ + this.parent(options); + var emptyFn = function(){}, + self = this; + + var buttons = [ + {fn: fn || emptyFn, txt: this.options.okText}, + {fn: fn1 || emptyFn, txt: this.options.cancelText} + ].map(function(button){ + return new Element('button', { + events: { + click: function(){ + button.fn(); + self.close(); + } + }, + text: button.txt + }); + }); + + this.setContent( + new Element('p.' + this.options.textPClass, {text: msg}), + new Element('div.buttons').adopt(buttons) + ); + if (this.options.autoOpen) this.open(); + + if(this.options.focus) this.addEvent('show', function(){ + buttons[1].focus(); + }); + + } +}); + + +Element.implement({ + + confirmLinkClick: function(msg, options){ + this.addEvent('click', function(e){ + e.stop(); + new MooDialog.Confirm(msg, function(){ + location.href = this.get('href'); + }.bind(this), null, options) + }); + return this; + }, + + confirmFormSubmit: function(msg, options){ + this.addEvent('submit', function(e){ + e.stop(); + new MooDialog.Confirm(msg, function(){ + this.submit(); + }.bind(this), null, options) + }.bind(this)); + return this; + } + +}); diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Error.js b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Error.js new file mode 100644 index 000000000..d32e30bce --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Error.js @@ -0,0 +1,21 @@ +/* +--- +name: MooDialog.Error +description: Creates an Error dialog +authors: Arian Stolwijk +license: MIT-style license +requires: MooDialog +provides: MooDialog.Error +... +*/ + + +MooDialog.Error = new Class({ + + Extends: MooDialog.Alert, + + options: { + textPClass: 'MooDialogError' + } + +}); diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Fx.js b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Fx.js new file mode 100644 index 000000000..353d947f5 --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Fx.js @@ -0,0 +1,47 @@ +/* +--- +name: MooDialog.Fx +description: Overwrite the default events so the Dialogs are using Fx on open and close +authors: Arian Stolwijk +license: MIT-style license +requires: [Core/Fx.Tween, Overlay] +provides: MooDialog.Fx +... +*/ + + +MooDialog.implement('options', { + + duration: 400, + closeOnOverlayClick: true, + + onInitialize: function(wrapper){ + this.fx = new Fx.Tween(wrapper, { + property: 'opacity', + duration: this.options.duration + }).set(0); + this.overlay = new Overlay(this.options.inject, { + duration: this.options.duration + }); + if (this.options.closeOnOverlayClick) this.overlay.addEvent('click', this.close.bind(this)); + + this.addEvent('hide', function(){ + if (this.options.destroyOnHide) this.overlay.overlay.destroy(); + }.bind(this)); + }, + + onBeforeOpen: function(wrapper){ + this.overlay.open(); + this.fx.start(1).chain(function(){ + this.fireEvent('show'); + }.bind(this)); + }, + + onBeforeClose: function(wrapper){ + this.overlay.close(); + this.fx.start(0).chain(function(){ + this.fireEvent('hide'); + }.bind(this)); + } + +}); diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.IFrame.js b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.IFrame.js new file mode 100644 index 000000000..029bf1f09 --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.IFrame.js @@ -0,0 +1,33 @@ +/* +--- +name: MooDialog.IFrame +description: Opens an IFrame in a MooDialog +authors: Arian Stolwijk +license: MIT-style license +requires: MooDialog +provides: MooDialog.IFrame +... +*/ + + +MooDialog.IFrame = new Class({ + + Extends: MooDialog, + + options: { + useScrollBar: true + }, + + initialize: function(url, options){ + this.parent(options); + + this.setContent( + new Element('iframe', { + src: url, + frameborder: 0, + scrolling: this.options.useScrollBar ? 'auto' : 'no' + }) + ); + if (this.options.autoOpen) this.open(); + } +}); diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Prompt.js b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Prompt.js new file mode 100644 index 000000000..c693e4a58 --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Prompt.js @@ -0,0 +1,48 @@ +/* +--- +name: MooDialog.Prompt +description: Creates a Prompt dialog +authors: Arian Stolwijk +license: MIT-style license +requires: MooDialog +provides: MooDialog.Prompt +... +*/ + + +MooDialog.Prompt = new Class({ + + Extends: MooDialog, + + options: { + okText: 'Ok', + focus: true, + textPClass: 'MooDialogPrompt', + defaultValue: '' + }, + + initialize: function(msg, fn, options){ + this.parent(options); + if (!fn) fn = function(){}; + + var textInput = new Element('input.textInput', {type: 'text', value: this.options.defaultValue}), + submitButton = new Element('input[type=submit]', {value: this.options.okText}), + formEvents = { + submit: function(e){ + e.stop(); + fn(textInput.get('value')); + this.close(); + }.bind(this) + }; + + this.setContent( + new Element('p.' + this.options.textPClass, {text: msg}), + new Element('form.buttons', {events: formEvents}).adopt(textInput, submitButton) + ); + if (this.options.autoOpen) this.open(); + + if (this.options.focus) this.addEvent('show', function(){ + textInput.focus(); + }); + } +}); diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Request.js b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Request.js new file mode 100644 index 000000000..7b8eb23c4 --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.Request.js @@ -0,0 +1,37 @@ +/* +--- +name: MooDialog.Request +description: Loads Data into a Dialog with Request +authors: Arian Stolwijk +license: MIT-style license +requires: [MooDialog, Core/Request.HTML] +provides: MooDialog.Request +... +*/ + +MooDialog.Request = new Class({ + + Extends: MooDialog, + + initialize: function(url, requestOptions, options){ + this.parent(options); + this.requestOptions = requestOptions || {}; + + this.addEvent('open', function(){ + var request = new Request.HTML(this.requestOptions).addEvent('success', function(text){ + this.setContent(text); + }.bind(this)).send({ + url: url + }); + }.bind(this)); + + if (this.options.autoOpen) this.open(); + + }, + + setRequestOptions: function(options){ + this.requestOptions = Object.merge(this.requestOptions, options); + return this; + } + +}); diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.js b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.js new file mode 100644 index 000000000..45a52496f --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/MooDialog.js @@ -0,0 +1,140 @@ +/* +--- +name: MooDialog +description: The base class of MooDialog +authors: Arian Stolwijk +license: MIT-style license +requires: [Core/Class, Core/Element, Core/Element.Style, Core/Element.Event] +provides: [MooDialog, Element.MooDialog] +... +*/ + + +var MooDialog = new Class({ + + Implements: [Options, Events], + + options: { + 'class': 'MooDialog', + title: null, + scroll: true, // IE + forceScroll: false, + useEscKey: true, + destroyOnHide: true, + autoOpen: true, + closeButton: true, + onInitialize: function(){ + this.wrapper.setStyle('display', 'none'); + }, + onBeforeOpen: function(){ + this.wrapper.setStyle('display', 'block'); + this.fireEvent('show'); + }, + onBeforeClose: function(){ + this.wrapper.setStyle('display', 'none'); + this.fireEvent('hide'); + }/*, + onOpen: function(){}, + onClose: function(){}, + onShow: function(){}, + onHide: function(){}, + onInitialize: function(wrapper){}, + onContentChange: function(content){}*/ + }, + + initialize: function(options){ + this.setOptions(options); + this.options.inject = this.options.inject || document.body; + options = this.options; + + var wrapper = this.wrapper = new Element('div.' + options['class'].replace(' ', '.')).inject(options.inject); + this.content = new Element('div.content').inject(wrapper); + + if (options.title){ + this.title = new Element('div.title').set('text', options.title).inject(wrapper); + wrapper.addClass('MooDialogTitle'); + } + + if (options.closeButton){ + this.closeButton = new Element('a.close', { + events: {click: this.close.bind(this)} + }).inject(wrapper); + } + + + /*<ie6>*/// IE 6 scroll + if ((options.scroll && Browser.ie6) || options.forceScroll){ + wrapper.setStyle('position', 'absolute'); + var position = wrapper.getPosition(options.inject); + window.addEvent('scroll', function(){ + var scroll = document.getScroll(); + wrapper.setPosition({ + x: position.x + scroll.x, + y: position.y + scroll.y + }); + }); + } + /*</ie6>*/ + + if (options.useEscKey){ + // Add event for the esc key + document.addEvent('keydown', function(e){ + if (e.key == 'esc') this.close(); + }.bind(this)); + } + + this.addEvent('hide', function(){ + if (options.destroyOnHide) this.destroy(); + }.bind(this)); + + this.fireEvent('initialize', wrapper); + }, + + setContent: function(){ + var content = Array.from(arguments); + if (content.length == 1) content = content[0]; + + this.content.empty(); + + var type = typeOf(content); + if (['string', 'number'].contains(type)) this.content.set('text', content); + else this.content.adopt(content); + + this.fireEvent('contentChange', this.content); + + return this; + }, + + open: function(){ + this.fireEvent('beforeOpen', this.wrapper).fireEvent('open'); + this.opened = true; + return this; + }, + + close: function(){ + this.fireEvent('beforeClose', this.wrapper).fireEvent('close'); + this.opened = false; + return this; + }, + + destroy: function(){ + this.wrapper.destroy(); + }, + + toElement: function(){ + return this.wrapper; + } + +}); + + +Element.implement({ + + MooDialog: function(options){ + this.store('MooDialog', + new MooDialog(options).setContent(this).open() + ); + return this; + } + +}); diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/Overlay.js b/pyload/webui/themes/Default/lib/MooTools/MooDialog/Overlay.js new file mode 100644 index 000000000..35ab19c48 --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/Overlay.js @@ -0,0 +1,137 @@ +/* +--- + +name: Overlay + +authors: + - David Walsh (http://davidwalsh.name) + +license: + - MIT-style license + +requires: [Core/Class, Core/Element.Style, Core/Element.Event, Core/Element.Dimensions, Core/Fx.Tween] + +provides: + - Overlay +... +*/ + +var Overlay = new Class({ + + Implements: [Options, Events], + + options: { + id: 'overlay', + color: '#000', + duration: 500, + opacity: 0.5, + zIndex: 5000/*, + onClick: function(){}, + onClose: function(){}, + onHide: function(){}, + onOpen: function(){}, + onShow: function(){} + */ + }, + + initialize: function(container, options){ + this.setOptions(options); + this.container = document.id(container); + + this.bound = { + 'window': { + resize: this.resize.bind(this), + scroll: this.scroll.bind(this) + }, + overlayClick: this.overlayClick.bind(this), + tweenStart: this.tweenStart.bind(this), + tweenComplete: this.tweenComplete.bind(this) + }; + + this.build().attach(); + }, + + build: function(){ + this.overlay = new Element('div', { + id: this.options.id, + styles: { + position: (Browser.ie6) ? 'absolute' : 'fixed', + background: this.options.color, + left: 0, + top: 0, + 'z-index': this.options.zIndex, + opacity: 0 + } + }).inject(this.container); + this.tween = new Fx.Tween(this.overlay, { + duration: this.options.duration, + link: 'cancel', + property: 'opacity' + }); + return this; + }.protect(), + + attach: function(){ + window.addEvents(this.bound.window); + this.overlay.addEvent('click', this.bound.overlayClick); + this.tween.addEvents({ + onStart: this.bound.tweenStart, + onComplete: this.bound.tweenComplete + }); + return this; + }, + + detach: function(){ + var args = Array.prototype.slice.call(arguments); + args.each(function(item){ + if(item == 'window') window.removeEvents(this.bound.window); + if(item == 'overlay') this.overlay.removeEvent('click', this.bound.overlayClick); + }, this); + return this; + }, + + overlayClick: function(){ + this.fireEvent('click'); + return this; + }, + + tweenStart: function(){ + this.overlay.setStyles({ + width: '100%', + height: this.container.getScrollSize().y, + visibility: 'visible' + }); + return this; + }, + + tweenComplete: function(){ + var event = this.overlay.getStyle('opacity') == this.options.opacity ? 'show' : 'hide'; + if (event == 'hide') this.overlay.setStyle('visibility', 'hidden'); + return this; + }, + + open: function(){ + this.fireEvent('open'); + this.tween.start(this.options.opacity); + return this; + }, + + close: function(){ + this.fireEvent('close'); + this.tween.start(0); + return this; + }, + + resize: function(){ + this.fireEvent('resize'); + this.overlay.setStyle('height', this.container.getScrollSize().y); + return this; + }, + + scroll: function(){ + this.fireEvent('scroll'); + if (Browser.ie6) this.overlay.setStyle('left', window.getScroll().x); + return this; + } + +}); diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/MooDialog.css b/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/MooDialog.css new file mode 100644 index 000000000..c88773ae9 --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/MooDialog.css @@ -0,0 +1,95 @@ +/* Created by Arian Stolwijk <http://www.aryweb.nl> */ + +.MooDialog { + position: fixed; + width: 300px; + height: 100px; + top: 50%; + left: 50%; + margin: -150px 0 0 -150px; + padding: 10px; + z-index: 50000; + + background: #eef5f8; + color: black; + border-radius: 7px; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8); + -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8); + box-shadow: 1px 1px 5px rgba(0,0,0,0.8); +} + +.MooDialogTitle { + padding-top: 30px; +} + +.MooDialog .content { + height: 100px; +} + +.MooDialog .title { + position: absolute; + top: 0; + left: 0; + right: 0; + padding: 3px 20px; + + background: #b7c4dc; + border-bottom: 1px solid #a1aec5; + font-weight: bold; + text-shadow: 1px 1px 0 #fff; + color: black; + border-radius: 7px; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; +} + +.MooDialog .close { + position: absolute; + width: 16px; + height: 16px; + top: -5px; + left: -5px; + + background: url(dialog-close.png) no-repeat; + display: block; + cursor: pointer; +} + +.MooDialog .buttons { + margin: 0; + padding: 0; + border: 0; + background: none; + text-align: right; +} + +.MooDialog .iframe { + width: 100%; + height: 100%; +} + +.MooDialog .textInput { + width: 200px; + float: left; +} + +.MooDialog .MooDialogAlert, +.MooDialog .MooDialogConfirm, +.MooDialog .MooDialogPrompt, +.MooDialog .MooDialogError { + padding-left: 40px; + min-height: 40px; + background: url(dialog-warning.png) no-repeat; +} + +.MooDialog .MooDialogConfirm, +.MooDialog .MooDialogPrompt { + background: url(dialog-question.png) no-repeat; +} + +.MooDialog .MooDialogError { + background: url(dialog-error.png) no-repeat; +} diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-close.png b/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-close.png Binary files differnew file mode 100644 index 000000000..81ebb88b2 --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-close.png diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-error.png b/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-error.png Binary files differnew file mode 100644 index 000000000..d70328403 --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-error.png diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-question.png b/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-question.png Binary files differnew file mode 100644 index 000000000..b0af3db5b --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-question.png diff --git a/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-warning.png b/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-warning.png Binary files differnew file mode 100644 index 000000000..aad64d4be --- /dev/null +++ b/pyload/webui/themes/Default/lib/MooTools/MooDialog/css/dialog-warning.png |
