diff --git a/web/css/overlay.css b/web/css/overlay.css deleted file mode 100644 index 28714ebf5..000000000 --- a/web/css/overlay.css +++ /dev/null @@ -1,49 +0,0 @@ -.overlayMask { - position: absolute; - opacity: 0.6; - filter: alpha(opacity=60); - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); - z-index: 999; - background: #aaaaaa; -} - -.overlay { - display: none; - position: absolute; - background-color: #f0f0f0; - border: 2px solid #555555; - -moz-border-radius: 4px; - z-index: 1000; - overflow: hidden; -} - -.overlayHeader { - float: left; - background-color: #853131; - width: 100%; - border-bottom: 1px solid #666666; - color: black; -} - -.overlayTitle { - float: left; - padding: 10px 6px; - font-weight: bold; - width: auto; -} - -.overlayToolbar { - float: right; - font-weight: bold; - padding: 6px 4px; - width: auto; -} - -.overlayBody { - float: left; - width: 100%; -} - -.overlayContent { - padding: 4px 4px 6px; -} diff --git a/web/js/overlay.js b/web/js/overlay.js deleted file mode 100644 index 84547c53f..000000000 --- a/web/js/overlay.js +++ /dev/null @@ -1,118 +0,0 @@ -var Overlay = new Class({ - Implements: [Options, Events], - initialize: function( id, options ) { - this.setOptions( options ); - - this.mask = new Mask( document.body, {'maskMargins': false, 'class': 'overlayMask'} ); - - this.id = id?id:'overlay'; - if ( typeOf(this.id) == 'string' ) { - if ( $(this.id) ) { - this.element = $(this.id); - } - } else { - this.element = this.id; - this.id = this.element.get('id'); - } - if ( !this.element ) { - this.element = new Element( 'div', {'id': this.id, 'class': 'overlay', 'styles': {'display': 'none'}} ); - if ( this.options.title || this.options.buttons ) { - var overlayHeader = new Element( 'div', {'class': 'overlayHeader'} ); - if ( this.options.title ) { - var overlayTitle = new Element( 'div', {'class': 'overlayTitle', 'text': this.options.title} ); - overlayHeader.grab( overlayTitle ); - } - if ( this.options.buttons ) { - var overlayToolbar = new Element( 'div', {'class': 'overlayToolbar'} ); - this.options.buttons.each( - function( button ) { - var overlayButton = new Element( 'button', {'text': button.text} ); - if ( button.id ) { - overlayButton.setProperty( 'id', button.id ); - } - if ( button.events ) { - overlayButton.set( 'events', events ); - } - overlayToolbar.grab( overlayButton ); - } - ); - overlayHeader.grab( overlayTitle ); - } - this.element.grab( overlayHeader ); - var overlayBody = new Element( 'div', {'class': 'overlayBody'} ); - var overlayContent = new Element( 'div', {'class': 'overlayContent'} ); - overlayContent.grab( this.options.content ); - overlayBody.grab( overlayContent ); - this.element.grab( overlayBody ); - } - this.target = document.id(this.options.target) || document.id(document.body); - this.element.inject( this.target ); - } - }, - show: function() { - this.mask.show(); - window.addEventListener( 'resize', this.update.bind(this), {passive: true} ); - window.addEventListener( 'scroll', this.update.bind(this), {passive: true} ); - this.element.tween( 'opacity', [0, 1.0] ); - this.element.show(); - this.element.position(); - this.mask.position(); - }, - hideComplete: function() { - this.element.hide(); - this.mask.hide(); - }, - hide: function() { - new Fx.Tween( this.element, {duration: 400, transition: Fx.Transitions.Sine, onComplete: this.hideComplete.bind(this)} ).start( 'opacity', 1.0, 0 ); - }, - update: function() { - this.element.position(); - this.mask.position(); - }, - showAnimation: function() { - showOverlay(); - - //console.log( "Showing overlay loading" ); - if ( !this.loading ) { - this.loading = new Element( 'div', {'id': 'loading'+this.key, 'styles': {'display': 'none'}} ); - this.loading.grab( this.loadingImage ); - document.body.grab( this.loading ); - } - updateOverlayLoading(); - this.loading.setStyle( 'display', 'block' ); - window.addEventListener( 'resize', this.update.bind(this), {passive: true} ); - window.addEventListener( 'scroll', this.update.bind(this), {passive: true} ); - }, - hideAnimation: function() { - if ( this.loading ) { - this.loading.setStyle( 'display', 'none' ); - } - } -}); - -function setupOverlays() { - try { - $$('.overlay').each( - function( overlay ) { - overlay.element = new Overlay( overlay.get('id') ); - overlay.getElements('.overlayCloser').each( - function( closer ) { - closer.addEvent( 'click', function() { - overlay.element.hide(); - } ); - } - ); - overlay.overlayShow = function() { - overlay.element.show(); - }; - overlay.overlayHide = function() { - overlay.element.hide(); - }; - } - ); - } catch ( e ) { - alert( e ); - } -} - -window.addEventListener( 'DOMContentLoaded', setupOverlays ); diff --git a/web/skins/classic/includes/functions.php b/web/skins/classic/includes/functions.php index e7b952a4a..268db4824 100644 --- a/web/skins/classic/includes/functions.php +++ b/web/skins/classic/includes/functions.php @@ -109,7 +109,6 @@ if ( file_exists("skins/$skin/css/$css/graphics/favicon.ico") ) { } echo output_cache_busted_stylesheet_links(array( 'css/reset.css', - 'css/overlay.css', 'css/font-awesome.min.css', 'css/bootstrap.min.css', 'css/bootstrap-table.min.css', @@ -931,13 +930,8 @@ function xhtmlFooter() { ?> - -