olelo 0.9.0

data/static/script/08-olelo.i18n.js

@@ -0,0 +1,37 @@
+// Very simple i18n plugin
+// Written by Daniel Mendler
+(function($) {
+    var locale = null, translations = {};
+    $.translations = function(t) {
+        for (var lang in t) {
+            if (!translations[lang]) {
+                translations[lang] = t[lang];
+            } else {
+                for (var name in t[lang]) {
+                    translations[lang][name] = t[lang][name];
+		}
+	    }
+        }
+    };
+    function lookup(locale, name) {
+        var t = translations[locale];
+        return t && t[name];
+    }
+    $.t = function(name, args) {
+        if (!locale) {
+            var html = $('html');
+            locale = html.attr('lang') || html.attr('xml:lang') || 'en';
+        }
+        var i, s = lookup(locale, name);
+        if (!s && (i = locale.indexOf('-'))) {
+            s = lookup(locale.substr(0, i), name);
+	}
+        if (s) {
+	    for (var key in args) {
+                s = s.replace(new RegExp('#{' + key + '}', 'g'), args[key]);
+	    }
+            return s;
+	}
+	return '#' + name;
+    };
+})(jQuery);

data/static/script/09-olelo.unsaved.js

@@ -0,0 +1,68 @@
+(function($) {
+    // Add treeview translations
+    $.translations({
+	en: {
+	    confirmUnsaved: 'The page was not saved. Continue?',
+	    pageUnsaved: 'The page was not saved.'
+	},
+	de: {
+	    confirmUnsaved: 'Die Seite wurde nicht gespeichert. Fortsetzen?',
+	    pageUnsaved: 'Die Seite wurde nicht gespeichert.'
+	},
+ 	cs: {
+	    confirmUnsaved: 'Stránka nebyla uložena. Pokračovat?',
+	    pageUnsaved: 'Stránka nebyla uložena.'
+	}
+    });
+
+    function updateUnsaved() {
+	var unsaved = false;
+	switch (this.type) {
+	case 'checkbox':
+	case 'radio':
+	    unsaved = this.checked != this.defaultChecked;
+	    break;
+	case 'hidden':
+	case 'password':
+	case 'text':
+	case 'textarea':
+	case 'file':
+	    unsaved = this.value != this.defaultValue;
+	    break;
+	case 'select-one':
+	case 'select-multiple':
+	    for (var i = 0; i < this.options.length && !unsaved; ++i) {
+                unsaved = this.options[i].selected != this.options[i].defaultSelected;
+	    }
+	    break;
+	}
+	$('label[for=' + this.id + ']').toggleClass('unsaved', unsaved);
+	$(this).toggleClass('unsaved', unsaved);
+    }
+
+    function hasUnsavedChanges(element) {
+	$('input.observe, textarea.observe, select.observe').each(function() {
+	    updateUnsaved.call(this);
+	});
+	return $('.unsaved', element).size() !== 0;
+    }
+
+    $.fn.confirmUnsaved = function() {
+	return !hasUnsavedChanges(this) || confirm($.t('confirmUnsaved'));
+    };
+
+    $('input.observe, textarea.observe, select.observe').live('change autocompletechange', updateUnsaved);
+
+    var submitForm = false;
+    $('form').live('submit', function() {
+	submitForm = true;
+    }).bind('reset', function() {
+	$('.unsaved', this).removeClass('unsaved');
+    });
+
+    $(window).bind('beforeunload', function() {
+	if (!submitForm && hasUnsavedChanges(document)) {
+	    return $.t('pageUnsaved');
+	}
+    });
+})(jQuery);

data/static/script/10-olelo.historytable.js

@@ -0,0 +1,40 @@
+(function($) {
+    $.fn.historyTable = function() {
+	$('thead tr', this).prepend('<th class="compare"><button>&#177;</button></th>');
+	$('tbody tr', this).each(function() {
+	    var version = $(this).attr('id').substr(8);
+	    $(this).prepend('<td class="compare"><input type="checkbox" name="' + version + '"/></td>');
+	});
+	var versions = jStorage.get('historyTable');
+	if (versions) {
+	    for (var i = 0; i < versions.length; ++i)
+		$('input[name=' + versions[i] + ']').attr('checked', 'checked');
+	}
+
+	var checkboxes = $('tbody input', this);
+	function getSelectedVersions() {
+	    var versions = [];
+	    checkboxes.each(function() {
+		if (this.checked) {
+		    versions.push(this.name);
+		}
+	    });
+	    return versions;
+	}
+
+	var button = $('th button', this);
+	button.click(function() {
+	    var versions = getSelectedVersions();
+	    jStorage.set('historyTable', versions);
+            location.href = location.pathname.replace('/history', '/compare/' + versions[versions.length-1] + '...' + versions[0]);
+	});
+
+	$('td input', this).change(function() {
+	    var versions = getSelectedVersions();
+	    if (versions.length > 1)
+		button.removeAttr('disabled');
+	    else
+		button.attr('disabled', 'disabled');
+	}).change();
+    };
+})(jQuery);

data/static/script/11-olelo.pagination.js

@@ -0,0 +1,18 @@
+// Pagination links
+// $('.pagination a').pagination('#page_element');
+// $('#page_element').bind('pageLoaded', function() {});
+// Written by Daniel Mendler
+(function($) {
+    $.fn.pagination = function(page) {
+        page = $(page);
+	this.live('click', function() {
+            $(this).addClass('loading');
+            var href = this.href;
+            href += (href.indexOf('?') < 0 ? '?' : '&') + 'no_layout=1';
+            page.load(href, function() {
+                page.trigger('pageLoaded', [href]);
+            });
+            return false;
+        });
+    };
+})(jQuery);

data/static/script/13-olelo.tabwidget.js

@@ -0,0 +1,57 @@
+// Simple, unobtrusive tab widget
+// Written by Daniel Mendler
+(function($) {
+    $.fn.tabWidget = function(options) {
+        var store = options && options.store;
+	var selected = null;
+
+        // Handle tab clicks
+	$("> a[href^='#']", this).click(function() {
+	    if (selected.data('tab') == $(this).data('tab')) {
+		return false;
+	    }
+	    if (!selected.data('tab').confirmUnsaved()) {
+		return false;
+	    }
+	    selected.data('tab').hide();
+	    selected.parent().removeClass('selected');
+	    selected = $(this);
+	    selected.data('tab').show();
+	    selected.parent().addClass('selected');
+	    if (store) {
+		jStorage.set(store, selected.data('tab').attr('id'));
+	    }
+	    return false;
+	});
+
+        // Get selected tab from store
+	if (store) {
+	    var name = jStorage.get(store);
+	    if (name) {
+                selected = $("> a[href='#" + name + "']", this);
+	    }
+	}
+
+        // Get selected tab by class
+	if (!selected || selected.size() === 0) {
+            selected = $(this).filter('.selected').find("> a[href^='#']");
+	}
+
+        // Select first tab
+        if (!selected || selected.size() === 0) {
+            selected = $(this).filter(':first').find("> a[href^='#']");
+	}
+
+        // Find all tabs and hide them
+	$("> a[href^='#']", this).each(function() {
+	    var tab = $(this.href.match(/(#.*)$/)[1]);
+	    tab.hide();
+	    $(this).data('tab', tab);
+	});
+
+	// Show initially selected tab
+	this.removeClass('selected');
+	selected.parent().addClass('selected');
+	selected.data('tab').show();
+    };
+})(jQuery);

data/static/script/14-olelo.timeago.js

@@ -0,0 +1,70 @@
+// Replace timestamps with relative time
+// Written by Daniel Mendler
+(function($) {
+    $.translations({
+         en: {
+              less_than_a_minute_ago: 'less than a minute ago',
+              a_minute_ago:           'a minute ago',
+              n_minutes_ago:          '#{n} minutes ago',
+              one_hour_ago:           '1 hour ago',
+              n_hours_ago:            '#{n} hours ago',
+              one_day_ago:            '1 day ago',
+              n_days_ago:             '#{n} days ago',
+              one_month_ago:          '1 month ago',
+              n_months_ago:           '#{n} months ago',
+              one_year_ago:           '1 year ago',
+              over_n_years_ago:       'over #{n} years ago'
+         },
+         de: {
+              less_than_a_minute_ago: 'vor weniger als einer Minute',
+              a_minute_ago:           'vor einer Minute',
+              n_minutes_ago:          'vor #{n} Minuten',
+              one_hour_ago:           'vor einer Stunde',
+              n_hours_ago:            'vor #{n} Stunden',
+              one_day_ago:            'vor einem Tag',
+              n_days_ago:             'vor #{n} Tagen',
+              one_month_ago:          'vor einem Monat',
+              n_months_ago:           'vor #{n} Monaten',
+              one_year_ago:           'vor einem Jahr',
+              over_n_years_ago:       'vor über #{n} Jahren'
+         },
+         cs: {
+              less_than_a_minute_ago: 'méně než 1 minuta',
+              a_minute_ago:           'před minutou',
+              n_minutes_ago:          'před #{n} minutami',
+              one_hour_ago:           'před hodinou',
+              n_hours_ago:            'před #{n} hodinami',
+              one_day_ago:            'jeden den',
+              n_days_ago:             'před #{n} dny',
+              one_month_ago:          'jeden měsíc',
+              n_months_ago:           'před #{n} měsíci',
+              one_year_ago:           '1 rok',
+              over_n_years_ago:       'před #{n} lety'
+         }        
+    });
+
+    function timeAgo(from) {
+	var n = Math.floor((new Date().getTime()  - new Date(from * 1000)) / 60000);
+	if (n <= 0)      { return $.t('less_than_a_minute_ago'); }
+	if (n == 1)      { return $.t('a_minute_ago'); }
+	if (n < 45)      { return $.t('n_minutes_ago', {n: n}); }
+	if (n < 90)      { return $.t('one_hour_ago'); }
+	if (n < 1440)    { return $.t('n_hours_ago', {n: Math.round(n / 60)}); }
+	if (n < 2880)    { return $.t('one_day_ago'); }
+	if (n < 43200)   { return $.t('n_days_ago', {n: Math.round(n / 1440)}); }
+	if (n < 86400)   { return $.t('one_month_ago'); }
+	if (n < 525960)  { return $.t('n_months_ago', {n: Math.round(n / 43200)}); }
+	if (n < 1051920) { return $.t('one_year_ago'); }
+	return $.t('over_n_years_ago', {n: Math.round(n / 525960)});
+    }
+
+    $.fn.timeAgo = function() {
+	this.each(function() {
+	    var elem = $(this);
+            var epoch = elem.data('epoch');
+	    if (epoch) {
+		elem.attr('title', elem.text()).html(timeAgo(epoch));
+	    }
+	});
+    };
+})(jQuery);

data/static/script/15-olelo.underliner.js

@@ -0,0 +1,31 @@
+// Underline text in elements. Especially useful for accesskeys.
+// Written by Daniel Mendler
+(function($) {
+    $.extend($.fn, {
+	// Underline text
+	underlineText: function(str) {
+	    this.each(function() {
+		var elem = $(this), text, i;
+		if (elem.children().size() === 0) {
+		    text = elem.text();
+		    i = text.toLowerCase().indexOf(str.toLowerCase());
+		    if (i >= 0) {
+			elem.html(text.substr(0, i) + '<span style="text-decoration: underline">' +
+			          text.substr(i, str.length) + '</span>' + text.substr(i+str.length));
+		    }
+		} else {
+		    elem.children().underlineText(str);
+		}
+	    });
+	},
+	// Underline access key
+	underlineAccessKey: function() {
+	    this.each(function() {
+		var key = $(this).attr('accesskey');
+		if (key) {
+		    $(this).underlineText(key);
+		}
+	    });
+	}
+    });
+})(jQuery);

data/static/script/16-olelo.ui.combobox.js

@@ -0,0 +1,32 @@
+(function($) {
+    $.widget('ui.combobox', {
+	_create: function() {
+	    var input = this.element;
+            input.autocomplete({
+		delay: 0,
+		minLength: 0,
+		source: this.options.source
+	    }).click(function() {
+		if (input.autocomplete('widget').is(':visible')) {
+		    input.autocomplete('close');
+		} else {
+		    input.autocomplete('search', this.value);
+		}
+	    });
+	    $('<button class="ui-combo-button"/>')
+		.attr('tabIndex', -1)
+		.insertAfter(input)
+		.click(function(event) {
+		    event.preventDefault();
+		    // close if already visible
+		    if (input.autocomplete('widget').is(':visible')) {
+			input.autocomplete('close');
+		    } else {
+			// pass empty string as value to search for, displaying all results
+			input.autocomplete('search', '');
+			input.focus();
+		    }
+		});
+	}
+    });
+})(jQuery);

data/static/script/init.js

@@ -0,0 +1,48 @@
+// Olelo bootstrap
+// Written by Daniel Mendler
+$(function() {
+    $('html').removeClass('no-js').addClass('js');
+    function pageLoaded(parent) {
+        $('#upload-path', parent).each(function() {
+            var elem = this;
+            var old = elem.value;
+            var base = elem.value;
+            if (base.length === 0 || base.match(/\/$/)) {
+                $('#upload-file').change(function() {
+                    if (elem.value == old) {
+                        elem.value = base + this.value;
+                        old = elem.value;
+                    }
+                });
+            }
+        });
+        $('label, #menu, .tabhead, .pagination, .button-bar', parent).disableSelection();
+        $('#history-table', parent).historyTable();
+	$('.date', parent).timeAgo();
+        $('.tabs', parent).each(function() {
+	    $('> li', this).tabWidget();
+	});
+        $('*[accesskey]', parent).underlineAccessKey();
+    }
+
+    $('.pagination a').pagination('#content');
+    $('#content').bind('pageLoaded', function() { pageLoaded(this); });
+    pageLoaded();
+
+    $('button[data-target]').live('click', function() {
+	var button = $(this);
+	var form = $(this.form);
+	button.addClass('loading');
+        $.ajax({
+            type: form.attr('method') || 'get',
+            url:  form.attr('action') || window.location.href,
+            data: form.serialize() + '&' + button.attr('name') + '=' + button.attr('value') + '&no_layout=1',
+            success: function(data) {
+		$('#' + button.data('target')).html(data);
+		button.removeClass('loading');
+		if (window.MathJax)
+		    MathJax.Hub.Queue(['Typeset',MathJax.Hub,button.data('target')]);
+            }});
+	return false;
+    });
+});

data/static/themes/atlantis/constants.scss

@@ -0,0 +1,15 @@
+$border_color: #BBB;
+$border: 1px solid $border_color;
+$color1: #153b7a;
+$main_bg: white;
+$light_bg: #e5efff;
+$light_bg1: #d4e4ff;
+$sidebar_width: 156px;
+$content_padding: 3.5em;
+$dark_color: #333333;
+$light_color: #555555;
+$header_bg: url(images/bg/header.jpg) $color1;
+$header_bg2: url(images/bg/header_gray.jpg) $dark_color;
+$headline_font: 'Book Antiqua', Palatino, FreeSerif, serif;
+$normal_font: 'URW Gothic L', 'DejaVu Sans', Verdana, sans-serif;
+$monospace_font: 'Andale Mono', 'Bitstream Vera Sans Mono', monospace;

data/static/themes/atlantis/iehacks.scss

@@ -0,0 +1,38 @@
+// IE 6 hack
+* html {
+  #container {
+    // little offset to avoid wrapping
+    // wrong box model computations?
+    width: 100%;
+    padding: 0;
+    background: transparent;
+    border-bottom: $border;
+  }
+  #sidebar {
+    margin: 0;
+    border-right: $border;
+    border-bottom: $border;
+  }
+  #content {
+    width: 70%;
+    background: transparent;
+  }
+  #footer {
+    background: transparent;
+    margin-top: 0;
+    padding-top: 0;
+  }
+}
+
+// IE 7 hack
+*:first-child+html {
+  #container {
+    // little offset to avoid wrapping
+    // wrong box model computations?
+    padding-right: 7.1em;
+  }
+  #menu ul li li {
+    // IE 7 does not understand width: 100%
+    width: 8em;
+  }
+}