Initial import

static/js/SqueezeBox.js

@@ -0,0 +1,384 @@
+/**
+ * SqueezeBox - Expandable Lightbox
+ *
+ * Allows to open various content as modal,
+ * centered and animated box.
+ *
+ * Dependencies: MooTools 1.2 trunk (04/2008)
+ *
+ * Inspired by
+ *  ... Lokesh Dhakar	- The original Lightbox v2
+ *
+ * @version		1.1 rc2
+ *
+ * @license		MIT-style license
+ * @author		Harald Kirschner <mail [at] digitarald.de>
+ * @copyright	Author
+ */
+var SqueezeBox = {
+
+	presets: {
+		size: {x: 600, y: 450},
+		sizeLoading: {x: 200, y: 150},
+		marginInner: {x: 20, y: 20},
+		marginImage: {x: 50, y: 75},
+		handler: false,
+		target: null,
+		closable: true,
+		closeBtn: true,
+		zIndex: 65555,
+		overlayOpacity: 0.7,
+		classWindow: '',
+		classOverlay: '',
+		overlayFx: {},
+		resizeFx: {},
+		contentFx: {},
+		parse: false, // 'rel'
+		parseSecure: false,
+		ajaxOptions: {},
+		onOpen: $empty,
+		onClose: $empty,
+		onUpdate: $empty,
+		onResize: $empty,
+		onMove: $empty,
+		onShow: $empty,
+		onHide: $empty
+	},
+
+	initialize: function(presets) {
+		if (this.options) return this;
+		this.presets = $merge(this.presets, presets);
+		this.options = {};
+		this.setOptions(this.presets).build();
+		this.bound = {
+			window: this.reposition.bind(this, [null]),
+			scroll: this.checkTarget.bind(this),
+			close: this.close.bind(this),
+			key: this.onKey.bind(this)
+		};
+		this.isOpen = this.isLoading = false;
+		return this;
+	},
+
+	build: function() {
+		this.overlay = new Element('div', {
+			id: 'sbox-overlay',
+			styles: {display: 'none', zIndex: this.options.zIndex}
+		});
+		this.content = new Element('div', {id: 'sbox-content'});
+		this.closeBtn = new Element('a', {id: 'sbox-btn-close', href: '#'});
+		this.win = new Element('div', {
+			id: 'sbox-window',
+			styles: {display: 'none', zIndex: this.options.zIndex + 2}
+		}).adopt(this.closeBtn, this.content);
+		this.fx = {
+			overlay: new Fx.Tween(this.overlay, $merge({
+				property: 'opacity',
+				onStart: Events.prototype.clearChain,
+				duration: 250,
+				link: 'cancel'
+			}, this.options.overlayFx)).set(0),
+			win: new Fx.Morph(this.win, $merge({
+				onStart: Events.prototype.clearChain,
+				unit: 'px',
+				duration: 750,
+				transition: Fx.Transitions.Quint.easeOut,
+				link: 'cancel',
+				unit: 'px'
+			}, this.options.resizeFx)),
+			content: new Fx.Tween(this.content, $merge({
+				property: 'opacity',
+				duration: 250,
+				link: 'cancel'
+			}, this.options.contentFx)).set(0)
+		};
+		$(document.body).adopt(this.overlay, this.win);
+	},
+
+	assign: function(to, options) {
+		return to.addEvent('click', function() {
+			return !SqueezeBox.fromElement(this, options);
+		});
+	},
+
+	fromElement: function(from, options) {
+		this.initialize();
+		if (this.element) this.trash();
+		this.element = $(from);
+		this.setOptions($merge(this.presets, options || {}));
+		if (this.element && this.options.parse) {
+			var obj = this.element.getProperty(this.options.parse);
+			if (obj && (obj = JSON.decode(obj, this.options.parseSecure))) this.setOptions(obj);
+		}
+		this.assignOptions();
+		this.url = ((this.element) ? (this.options.url || this.element.get('href')) : from) || '';
+		var handler = this.options.handler;
+		if (handler) return this.setContent(handler, this.parsers[handler].call(this, true));
+		var ret = false;
+		this.parsers.some(function(parser, key) {
+			var content = parser.call(this);
+			if (content) {
+				ret = this.setContent(key, content);
+				return true;
+			}
+			return false;
+		}, this);
+		return ret;
+	},
+
+	assignOptions: function() {
+		this.overlay.set('class', this.options.classOverlay);
+		this.win.set('class', this.options.classWindow);
+		if (Browser.Engine.trident4) this.win.addClass('sbox-window-ie6');
+	},
+
+	close: function(e) {
+		var stoppable = ($type(e) == 'event');
+		if (stoppable) e.stop();
+		if (!this.isOpen || (stoppable && !$lambda(this.options.closable).call(this, e))) return this;
+		this.fx.overlay.start(0).chain(this.toggleOverlay.bind(this));
+		this.win.setStyle('display', 'none');
+		this.toggleListeners();
+		this.isOpen = false;
+		this.fireEvent('onClose', [this.content]);
+                this.trash();
+		return this;
+	},
+
+	trash: function() {
+		this.element = this.asset = null;
+		this.options = {};
+		this.removeEvents().setOptions(this.presets).callChain();
+	},
+
+	onError: function() {
+		this.asset = null;
+		this.setContent('string', 'Error during loading');
+	},
+
+	setContent: function(handler, content) {
+		if (!this.handlers[handler]) return false;
+		this.content.className = 'sbox-content-' + handler;
+		this.applyTimer = this.applyContent.delay(this.fx.overlay.options.duration, this, this.handlers[handler].call(this, content));
+		if (this.overlay.retrieve('opacity')) return this;
+		this.toggleOverlay(true);
+		this.fx.overlay.start(this.options.overlayOpacity);
+		return this.reposition();
+	},
+
+	applyContent: function(content, size) {
+		this.applyTimer = $clear(this.applyTimer);
+		this.hideContent();
+		if (!content) {
+			this.toggleLoading(true);
+		} else {
+			if (this.isLoading) this.toggleLoading(false);
+			this.fireEvent('onUpdate', [this.content], 20);
+		}
+		this.content.empty();
+		if (['string', 'array', false].contains($type(content))) this.content.set('html', content || '');
+		else this.content.adopt(content);
+		this.callChain();
+		if (!this.isOpen) {
+			this.toggleListeners(true);
+			this.resize(size, true);
+			this.isOpen = true;
+			this.fireEvent('onOpen', [this.content]);
+		} else {
+			this.resize(size);
+		}
+	},
+
+	resize: function(size, instantly) {
+		var box = document.getSize(), scroll = document.getScroll();
+		this.size = $merge((this.isLoading) ? this.options.sizeLoading : this.options.size, size);
+		var to = {
+			width: this.size.x,
+			height: this.size.y,
+			left: (scroll.x + (box.x - this.size.x - this.options.marginInner.x) / 2).toInt(),
+			top: (scroll.y + (box.y - this.size.y - this.options.marginInner.y) / 2).toInt()
+		};
+		$clear(this.showTimer || null);
+		this.hideContent();
+		if (!instantly) {
+			this.fx.win.start(to).chain(this.showContent.bind(this));
+		} else {
+			this.win.setStyles(to).setStyle('display', '');
+			this.showTimer = this.showContent.delay(50, this);
+		}
+		return this.reposition();
+	},
+
+	toggleListeners: function(state) {
+		var fn = (state) ? 'addEvent' : 'removeEvent';
+		this.closeBtn[fn]('click', this.bound.close);
+		this.overlay[fn]('click', this.bound.close);
+		document[fn]('keydown', this.bound.key)[fn]('mousewheel', this.bound.scroll);
+		window[fn]('resize', this.bound.window)[fn]('scroll', this.bound.window);
+	},
+
+	toggleLoading: function(state) {
+		this.isLoading = state;
+		this.win[(state) ? 'addClass' : 'removeClass']('sbox-loading');
+		if (state) this.fireEvent('onLoading', [this.win]);
+	},
+
+	toggleOverlay: function(state) {
+		this.overlay.setStyle('display', (state) ? '' : 'none');
+		$(document.body)[(state) ? 'addClass' : 'removeClass']('body-overlayed');
+	},
+
+	showContent: function() {
+		if (this.content.get('opacity')) this.fireEvent('onShow', [this.win]);
+		this.fx.content.start(1);
+	},
+
+	hideContent: function() {
+		if (!this.content.get('opacity')) this.fireEvent('onHide', [this.win]);
+		this.fx.content.set(0);
+	},
+
+	onKey: function(e) {
+		switch (e.key) {
+			case 'esc': this.close(e);
+			case 'up': case 'down': return false;
+		}
+	},
+
+	checkTarget: function(e) {
+		return this.content.hasChild(e.target);
+	},
+
+	reposition: function() {
+		var size = document.getSize(), scroll = document.getScroll();
+		this.overlay.setStyles({
+			left: scroll.x + 'px',
+			top: scroll.y + 'px',
+			width: size.x + 'px',
+			height: size.y + 'px'
+		});
+		this.win.setStyles({
+			left: (scroll.x + (size.x - this.win.offsetWidth) / 2).toInt() + 'px',
+			top: (scroll.y + (size.y - this.win.offsetHeight) / 2).toInt() + 'px'
+		});
+		return this.fireEvent('onMove', [this.overlay, this.win]);
+	},
+
+	removeEvents: function(type){
+		if (!this.$events) return this;
+		if (!type) this.$events = null;
+		else if (this.$events[type]) this.$events[type] = null;
+		return this;
+	},
+
+	extend: function(properties) {
+		return $extend(this, properties);
+	},
+
+	handlers: new Hash(),
+
+	parsers: new Hash()
+
+};
+
+SqueezeBox.extend(new Events($empty)).extend(new Options($empty)).extend(new Chain($empty));
+
+SqueezeBox.parsers.extend({
+
+	image: function(preset) {
+		return (preset || (/\.(?:jpg|png|gif)$/i).test(this.url)) ? this.url : false;
+	},
+
+	clone: function(preset) {
+		if ($(this.options.target)) return $(this.options.target);
+		if (this.element && !this.element.parentNode) return this.element;
+		var bits = this.url.match(/#([\w-]+)$/);
+		return (bits) ? $(bits[1]) : (preset ? this.element : false);
+	},
+
+	ajax: function(preset) {
+		return (preset || (this.url && !(/^(?:javascript|#)/i).test(this.url))) ? this.url : false;
+	},
+
+	iframe: function(preset) {
+		return (preset || this.url) ? this.url : false;
+	},
+
+	string: function(preset) {
+		return true;
+	}
+});
+
+SqueezeBox.handlers.extend({
+
+	image: function(url) {
+		var size, tmp = new Image();
+		this.asset = null;
+		tmp.onload = tmp.onabort = tmp.onerror = (function() {
+			tmp.onload = tmp.onabort = tmp.onerror = null;
+			if (!tmp.width) {
+				this.onError.delay(10, this);
+				return;
+			}
+			var box = document.getSize();
+			box.x -= this.options.marginImage.x;
+			box.y -= this.options.marginImage.y;
+			size = {x: tmp.width, y: tmp.height};
+			for (var i = 2; i--;) {
+				if (size.x > box.x) {
+					size.y *= box.x / size.x;
+					size.x = box.x;
+				} else if (size.y > box.y) {
+					size.x *= box.y / size.y;
+					size.y = box.y;
+				}
+			}
+			size.x = size.x.toInt();
+			size.y = size.y.toInt();
+			this.asset = $(tmp);
+			tmp = null;
+			this.asset.setProperties({width: size.x, height: size.y});
+			if (this.isOpen) this.applyContent(this.asset, size);
+		}).bind(this);
+		tmp.src = url;
+		if (tmp && tmp.onload && tmp.complete) tmp.onload();
+		return (this.asset) ? [this.asset, size] : null;
+	},
+
+	clone: function(el) {
+		return el.clone();
+	},
+
+	adopt: $arguments(0),
+
+	ajax: function(url) {
+		this.asset = new Request.HTML($merge({
+			method: 'get'
+		}, this.options.ajaxOptions)).addEvents({
+			onSuccess: function(resp) {
+				this.applyContent(resp);
+				this.asset = null;
+			}.bind(this),
+			onFailure: this.onError.bind(this)
+		});
+		this.asset.send.delay(10, this.asset, [{url: url}]);
+	},
+
+	iframe: function(url) {
+		return new Element('iframe', $merge({
+			src: url,
+			frameBorder: 0,
+			width: this.options.size.x,
+			height: this.options.size.y
+		}, this.options.iframeOptions));
+	},
+
+	string: function(str) {
+		return str;
+	}
+
+});
+
+SqueezeBox.handlers.url = SqueezeBox.handlers.ajax;
+SqueezeBox.parsers.url = SqueezeBox.parsers.ajax;
+SqueezeBox.parsers.adopt = SqueezeBox.parsers.clone;

static/js/domains.js

@@ -0,0 +1,92 @@
+
+window.addEvent('domready', function() {
+    var handlers = new Array();
+    
+//    handlers['loadDom'] = function(obj, target) {
+/*	$$('a[name=loadDom]').setStyles({'color' : '#999'});*/
+/*	obj.setStyles({"color": "black"});*/
+// 	loadPage(target, "content", null);
+//     };
+
+//     handlers['loadContent'] = function(obj, target) {
+//         loadPage(target, "content", null);
+//     };   
+
+    if ($$("a[name=deleteDom]"))
+        $$("a[name=deleteDom]").addEvent('click', function(event) {
+            if (!confirm("Delete this domain?"))
+                event.stop();
+        });
+
+    if ($$("a[name=deleteMb]"))
+        $$("a[name=deleteMb]").addEvent('click', function(event) {
+            if (!confirm("Delete this mailbox?"))
+                event.stop();
+        });
+
+    if ($$("a[name=deleteAlias]"))
+        $$("a[name=deleteAlias]").addEvent('click', function(event) {
+            if (!confirm("Delete this alias?"))
+                event.stop();
+        });
+
+    handlers['deleteDom'] = function(obj, target) {
+        return confirm("Supprimer ce domaine?");
+    }
+    
+    $('body').addEvent('click', function(event) {
+	target = event.target;
+	if (target.get('tag') == 'a') {
+	    name = target.get('name');
+	    if (name == 'undefined')
+		return;
+	    if (typeof(handlers[name]) != 'undefined') {
+		if (!handlers[name](target, target.get('href'))) {
+		    new Event(event).stop();
+                }
+	    }
+	}
+    });
+
+    $('body').addEvent('submit', function(event) {
+        alert("newodm submit");
+	target = event.target;
+	if (target.get('tag') == 'form') {
+	    name = target.get('name');
+	    if (name == 'undefined')
+		return;
+	    if (typeof(handlers[name]) != 'undefined') {
+		new Event(event).stop();
+		handlers[name](target);
+	    }
+	}
+    });
+
+    SqueezeBox.assign($$('a.boxed'), {
+        //size: {x:300, y:180}
+        parse: 'rel',
+        
+    });
+});
+
+newdom = function() {
+    alert("pouet");
+    form = $("form[name=newdom]");
+    var params = obj.toQueryString();
+    form.set('send', {
+        onSuccess: function(response) {
+            SqueezeBox.loadModal(obj.action + '?' + params);
+        }
+    }).send();
+};
+
+loadPage = function(url, destination, callback) {
+    var destination = (destination == null) ? "page" : destination;
+    
+    if (callback)
+	new Request({url: url, method: "get", onSuccess: callback}).send();
+    else
+	new Request({url: url, method: "get", onSuccess: function(data) {
+	    $(destination).set('html', data);
+	}}).send();
+};

static/js/form.js

@@ -0,0 +1,40 @@
+window.addEvent("domready", function() {
+    sqbsubmit = function(obj, dest, id, callback) {
+        obj.set('send', {
+            onSuccess: function(responseText) {
+                response = JSON.decode(responseText);
+                if (response.status == "ko") {
+                    $(dest).set("html", response.content);
+                    $(id).addEvent("submit", callback);
+                } else {
+                    parent.SqueezeBox.close();
+                    parent.location.href = response.url;
+                }
+            }
+        });
+        obj.send();
+    }
+
+    generic_submit = function(obj, event, id, callback) {
+        event.stop();
+        sqbsubmit(obj, "content", id, callback);
+    }
+    domain_submit = function(event) { 
+        generic_submit(this, event, "domform", domain_submit); 
+    }
+    mailbox_submit = function(event) { 
+        generic_submit(this, event, "mboxform", mailbox_submit); 
+    }
+    alias_submit = function(event) { 
+        generic_submit(this, event, "aliasform", alias_submit); 
+    }
+
+    if ($("domform"))
+        $("domform").addEvent("submit", domain_submit);
+
+    if ($("mboxform"))
+        $("mboxform").addEvent("submit", mailbox_submit);
+
+    if ($("aliasform"))
+        $("aliasform").addEvent("submit", alias_submit);
+});

static/stylesheets/SqueezeBox.css

@@ -0,0 +1,78 @@
+#sbox-window embed, #sbox-window object, #sbox-window select
+{
+	visibility:				visible;
+}
+
+#sbox-overlay
+{
+	position:				absolute;
+	background-color:		#000;
+}
+
+#sbox-window
+{
+	position:				absolute;
+	background-color:		#fff;
+	text-align:				left;
+	overflow:				visible;
+	padding:				10px;
+	-moz-border-radius:		3px;
+	-webkit-border-radius:	3px;
+}
+
+#sbox-btn-close
+{
+	position:				absolute;
+	width:					30px;
+	height:					30px;
+	right:					-15px;
+	top:					-15px;
+	background:				url(closebox.png) no-repeat center;
+	border:					none;
+}
+
+.sbox-window-ie6 #sbox-btn-close
+{
+	background-image:		url(closebox.gif);
+}
+
+.sbox-loading #sbox-content
+{
+	background-image:		url(spinner.gif);
+	background-repeat:		no-repeat;
+	background-position:	center;
+}
+
+#sbox-content
+{
+	clear:					both;
+	overflow:				auto;
+	background-color:		#fff;
+	height:					100%;
+	width:					100%;
+}
+
+.sbox-content-image#sbox-content
+{
+	overflow:				visible;
+}
+
+#sbox-image
+{
+	display:				block;
+}
+
+.sbox-content-image img
+{
+	display:				block;
+}
+
+.sbox-content-iframe#sbox-content
+{
+	overflow:				visible;
+}
+
+.body-overlayed embed, .body-overlayed object, .body-overlayed select
+{
+	visibility:				hidden;
+}

static/stylesheets/basic.css

@@ -0,0 +1,275 @@
+body {
+    font-family: arial, helvetica, verdana, tahoma, sans-serif;
+    font-size: small;
+    background: #153F65;
+    width: 950px;
+    margin: 0 auto;
+    padding: 0;
+}
+
+#header {
+    width: 100%;
+    height: 120px;
+    background: #072342;
+    margin-top: 20px;
+    border: 1px solid #333;
+}
+
+#header h1 {
+    color: white;
+}
+
+#header h2 {
+    margin-left: 20px;
+    color: #6AB0C5;
+}
+
+#header h3 {
+    margin: 0 0 5px 0;
+    text-align: center;
+    font-size: small;
+}
+
+#logo {
+    float: left;
+    margin-top: 20px;
+    background: url(logo.png) left no-repeat;
+    height: 90px;
+    line-height: 90px;
+    min-width: 90px;
+    width: expression(document.body.clientWidth < 1280 ? "90px" : "15%");
+}
+
+#title {
+    float: left;
+    margin-left: 10px;
+}
+
+#info {
+    float: right;
+    text-align: center;
+    background: white;
+    width: 150px;
+    margin: 20px 20px;
+    padding: 10px;
+    border: 1px solid #333;
+}
+
+#body {
+    float: left;
+    width: 100%;
+    margin: 15px 0;
+    /*height: 600px;*/
+}
+
+#loginbox {
+    margin: 50px auto;
+    width: 300px;
+    padding-bottom: 15px;
+    border: 1px solid #ddd;
+    background: white;
+}
+
+#loginbox h3 {
+    font-size: small;
+    text-align: center;
+}
+
+#leftcol {
+    float: left;    
+}
+
+.leftbox {
+    border: 1px solid #333;
+    background: white;
+}
+
+#menubox {
+    width: 170px;
+}
+
+#userbox {
+    width: 170px;
+}
+
+.leftbox h3 {
+    font-size: small;
+    margin: 2px 0px 2px 0px;
+    text-align: center;
+}
+
+.leftbox ul {
+    list-style: none;
+    padding: 5px 5px;
+    margin: 0;
+}
+
+.leftbox li {
+    clear: both;
+    margin-bottom: 4px;
+}
+
+.leftbox a:link, .leftbox a:visited {
+    background: transparent;
+    color: black;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.leftbox a:hover { 
+    color: #6AB0C5;
+    text-decoration: none;
+}
+
+.leftbox img {
+    float: left;
+    margin-right: 2px;
+}
+
+#content {
+    float: right;
+    width: 750px;
+    height: 400px;
+    background: white;
+    border: 1px solid #333;
+    padding: 5px;
+    margin: 0 0 0 15px;
+}
+
+#menubar {
+    margin-left: 20px;
+    display: table;
+    margin-bottom: 15px;
+}
+
+.menu2 { 
+    font-size: 95%;
+    white-space: nowrap;  
+}
+
+.menu2 ul { 
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    float: left;
+    width: 100%;
+}
+
+.menu2 li { 
+    float: left;
+    display: inline;
+    margin: 2px 5px;
+}
+
+.menu2 li.selected {
+/*    text-decoration: underline;*/
+    background: #ffffcc;
+}
+
+.menu2 a:link, .menu2 a:visited {
+    background: transparent;
+    color: black;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.menu2 a:hover { 
+    color: #6AB0C5;
+}
+
+.menu2 img { 
+    float: left;
+    margin: 1px 3px;
+}
+
+#footer {
+    border-top: 1px solid #333;
+    text-align: center;
+    padding-top: 15px;
+}
+
+.spacer { 
+    clear: both;  
+}
+
+.title {
+    float: left;
+    width: 100%;
+    margin-bottom: 5px;
+}
+
+.title img {
+    float: left;
+    margin: 1px 3px;;
+}
+
+.title h1 {
+    float: left;
+    margin: 5px 10px;
+    font-size: medium;
+    font-weight: bold;
+}
+
+#body table {
+    margin: 0 auto;
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 20px;
+}
+
+#body tr.odd {
+    background: #F7F9Fb;
+}
+
+#body tr.even {
+    background: white;
+}
+
+#body table th {
+    background: #CEDBEC;
+    text-align: left;
+    padding: 5px;
+}
+
+#body table th.right {
+    text-align: right;
+}
+
+#body table td {
+    border-bottom: 1px solid #C8D6E8;
+    padding: 5px;
+}
+
+#body a, a:visited {
+    color: #2a4069;
+    text-decoration: none;
+}
+
+#body a:hover {
+    text-decoration: underline;
+}
+
+#domcontent {
+    margin: 10px auto;
+    width: 90%;
+}
+
+
+.button {
+    margin-left: 35px;
+}
+
+.button img { 
+    float: left;
+    margin: 0px 3px;
+    border: 0;
+}
+
+.header {
+    margin-left: 20px;
+    margin-bottom: 20px;
+}
+
+.header h1 {
+    font-size: medium;
+}

static/stylesheets/box.css

@@ -0,0 +1,74 @@
+body {
+    font-family: arial, helvetica, verdana, tahoma, sans-serif;
+    font-size: small;
+    margin: 0 auto;
+    padding: 0;
+}
+
+div.row {
+    clear: both;
+    padding-top: 10px;
+    padding-left: 20px;
+}
+
+div.row label {
+    float: left;
+    width: 120px;
+    font-size: small;
+    padding: 3px 0;
+}
+
+form input {
+    border: 1px solid #cccccc;
+    color: inherit;
+    /*background-color: #e9e9e9;*/
+    background-color: #eee;
+    width: 120px;
+    padding: 2px;
+}
+
+form input:hover {
+    color: inherit;
+    background-color: #ffffcc;
+}
+
+.title {
+    float: left;
+    width: 100%;
+    margin-bottom: 5px;
+}
+
+.title img {
+    float: left;
+    margin: 1px 3px;;
+}
+
+.title h1 {
+    float: left;
+    margin: 5px 10px;
+    font-size: medium;
+    font-weight: bold;
+}
+
+.lastrow {
+    margin-top: 20px;
+}
+
+.errorlist ul {
+    float: left;
+    list-style: none;
+}
+
+.errorlist li { 
+    margin-left: 10px;
+    float: left;
+    display: inline;
+    color: red;
+}
+
+.error {
+    margin-left: 20px;
+    color: red;
+    font-size: small;
+    font-weight: bold;
+}