sanj/oxjs
1
0
Fork 0
forked from 0x2620/oxjs
Code Pull requests Activity

set theme on load

Browse source
This commit is contained in:
rolux 2011-04-23 18:45:50 +02:00
commit d8d14cffe7
79 changed files with 136 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

40
source/js/OxUI.js
View file

@ -1,4 +1,4 @@
//vim: et:ts=4:sw=4:sts=4:ft=js
// vim: et:ts=4:sw=4:sts=4:ft=js
/*
OxUI Loader
@ -22,13 +22,19 @@ Provides function Ox.UI([options], callback) that fires when
head = document.getElementsByTagName('head')[0],
logs = [],
oxUICallback = function() {},
oxUIDefaults = {
// 'classic', 'modern', 'console' or 'none'
display: 'classic'
},
oxUIFunction = function(options, callback) {
var key;
oxUICallback = arguments.length == 2 ? callback : options;
oxUIOptions = arguments.length == 2 && options ? options : oxUIDefaults;
if (arguments.length == 2) {
for (key in oxUIOptions) {
oxUIOptions[key] = options[key] || oxUIOptions[key];
}
}
},
oxUIOptions = {
// 'icon', 'console' or 'none'
display: 'none',
theme: 'classic'
};
files.forEach(function(file, i) {
@ -200,10 +206,9 @@ Provides function Ox.UI([options], callback) that fires when
{name: 'Chrome', url: 'http://www.google.com/chrome/', version: 10},
{name: 'Firefox', url: 'http://www.mozilla.org/firefox/', version: 4},
{name: 'Safari', url: 'http://www.apple.com/safari/', version: 5}
],
options = oxUIOptions || oxUIDefaults;
]
if (options.display != 'none') {
if (oxUIOptions.display != 'none') {
body = getElement('body');
css = {
position: 'absolute',
@ -216,7 +221,7 @@ Provides function Ox.UI([options], callback) that fires when
WebkitUserSelect: 'none'
};
div = getElement('<div>')
.addClass(options.display == 'console' ? 'console' : '')
.addClass(oxUIOptions.display == 'console' ? 'console' : '')
.css({
position: 'absolute',
left: 0,
@ -225,10 +230,10 @@ Provides function Ox.UI([options], callback) that fires when
bottom: 0,
padding: '4px',
background: 'rgb(' + (
options.display == 'classic' ? '240, 240, 240' : '16, 16, 16')
oxUIOptions.theme == 'classic' ? '240, 240, 240' : '16, 16, 16')
+ ')',
opacity: 1,
overflow: options.display == 'console' ? 'auto' : 'hidden',
overflow: oxUIOptions.display == 'console' ? 'auto' : 'hidden',
zIndex: 1000
})
.appendTo(body);
@ -255,11 +260,11 @@ Provides function Ox.UI([options], callback) that fires when
function start() {
var image, src;
if (options.display == 'console') {
if (oxUIOptions.display == 'console') {
log('Loading additional scripts and images...')
} else {
} else if (oxUIOptions.display == 'icon') {
image = new Image(),
src = path + 'svg/ox.ui.' + options.display + '/symbolLoading.svg';
src = path + 'svg/ox.ui.' + oxUIOptions.theme + '/symbolLoading.svg';
image.onload = function() {
getElement('<img>')
.attr({
@ -287,11 +292,11 @@ Provides function Ox.UI([options], callback) that fires when
i == userAgents.length - 2 ? ' or' : ','
);
}).join(' ');
if (options.display == 'none') {
if (oxUIOptions.display == 'none') {
throw new Error(message);
} else {
div.addClass('error');
if (options.display == 'console') {
if (oxUIOptions.display == 'console') {
log(message);
log = function() {};
} else {
@ -421,6 +426,7 @@ Provides function Ox.UI([options], callback) that fires when
Ox.UI.$document = $(document);
Ox.UI.$head = $('head');
Ox.UI.$window = $(window);
Ox.UI.$body.addClass('OxTheme' + Ox.toTitleCase(oxUIOptions.theme));
documentReadyCallbacks.forEach(function(callback) {
callback();
});