remove dead code
This commit is contained in:
rolux
parent
9ad4ec6041
commit
d4a7e07870
1 changed files with 0 additions and 269 deletions
269
index.js
269
index.js
|
|
@ -422,272 +422,3 @@ Ox.load(function() {
|
||||||
window.oxjs = app;
|
window.oxjs = app;
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
Ox.load(function() {
|
|
||||||
|
|
||||||
var app = {
|
|
||||||
|
|
||||||
$ui: {},
|
|
||||||
|
|
||||||
data: {},
|
|
||||||
|
|
||||||
hash: '',
|
|
||||||
|
|
||||||
fn: {
|
|
||||||
|
|
||||||
getCSS: function() {
|
|
||||||
return app.fn.hash() ? {
|
|
||||||
screen: {
|
|
||||||
opacity: 0
|
|
||||||
},
|
|
||||||
label: {
|
|
||||||
top: '26px',
|
|
||||||
left: '4px',
|
|
||||||
width: '32px',
|
|
||||||
fontSize: '1px',
|
|
||||||
opacity: 0
|
|
||||||
},
|
|
||||||
logo: {
|
|
||||||
top: '8px',
|
|
||||||
left: '8px',
|
|
||||||
width: '32px',
|
|
||||||
height: '16px'
|
|
||||||
},
|
|
||||||
menu: {
|
|
||||||
top: '8px',
|
|
||||||
width: '512px'
|
|
||||||
},
|
|
||||||
switch: {
|
|
||||||
top: '8px',
|
|
||||||
right: '8px'
|
|
||||||
}
|
|
||||||
} : {
|
|
||||||
screen: {
|
|
||||||
opacity: 1
|
|
||||||
},
|
|
||||||
label: {
|
|
||||||
top: app.window.middle + 16 + 'px',
|
|
||||||
left: app.window.center - 128 + 'px',
|
|
||||||
width: '240px',
|
|
||||||
fontSize: '11px',
|
|
||||||
opacity: 1
|
|
||||||
},
|
|
||||||
logo: {
|
|
||||||
left: app.window.center - 128 + 'px',
|
|
||||||
top: app.window.middle - 128 + 'px',
|
|
||||||
width: '256px',
|
|
||||||
height: '128px'
|
|
||||||
},
|
|
||||||
menu: {
|
|
||||||
top: app.window.middle + 48 + 'px',
|
|
||||||
left: Math.ceil(app.window.center - app.menuWidth / 2) + 'px',
|
|
||||||
},
|
|
||||||
switch: {
|
|
||||||
top: app.window.middle + 80 + 'px',
|
|
||||||
right: Math.floor(app.window.center - app.switchWidth / 2) + 'px'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
getIconURL: function() {
|
|
||||||
return 'source/Ox.UI/themes/' + app.user('theme')
|
|
||||||
+ '/png/icon16.png';
|
|
||||||
},
|
|
||||||
|
|
||||||
getLogoURL: function() {
|
|
||||||
return 'source/Ox.UI/themes/' + app.user('theme')
|
|
||||||
+ '/png/logo' + (app.fn.hash() ? 16 : 128) + '.png'
|
|
||||||
},
|
|
||||||
|
|
||||||
getLogoCSS: function() {
|
|
||||||
return {
|
|
||||||
boxShadow: '0 0 1px ' + (
|
|
||||||
app.user('theme') == 'classic'
|
|
||||||
? 'rgb(0, 0, 0)'
|
|
||||||
: 'rgb(255, 255, 255)'
|
|
||||||
)
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
hash: function() {
|
|
||||||
var len = arguments.length, ret;
|
|
||||||
if (len == 0) {
|
|
||||||
ret = window.location.hash.substr(1);
|
|
||||||
} else {
|
|
||||||
window.location.hash = '#' + arguments[0];
|
|
||||||
ret = app;
|
|
||||||
}
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
|
|
||||||
hashchange: function() {
|
|
||||||
return;
|
|
||||||
var hash = app.fn.hash(),
|
|
||||||
section = hash.split('/')[0];
|
|
||||||
app.fn[!hash || !app.hash ? 'animate' : 'void'](function() {
|
|
||||||
if (section != app.hash.split('/')[0]) {
|
|
||||||
app.fn.setSection(section);
|
|
||||||
}
|
|
||||||
hash && app.user({hash: hash});
|
|
||||||
app.hash = hash;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
load: function() {
|
|
||||||
app.fn.setTheme(app.user('theme') || 'classic')
|
|
||||||
app.window = app.fn.window();
|
|
||||||
var theme = app.user('theme') || 'classic',
|
|
||||||
$body = Ox.$('body'),
|
|
||||||
$screen = Ox.$('<div>')
|
|
||||||
.addClass('loading screen');
|
|
||||||
$icon = Ox.$('<img>')
|
|
||||||
.addClass('loading icon')
|
|
||||||
.attr({
|
|
||||||
src: 'build/Ox.UI/themes/'
|
|
||||||
+ theme + '/svg/symbolLoadingAnimated.svg'
|
|
||||||
})
|
|
||||||
.css({
|
|
||||||
top: app.window.middle + 40 + 'px'
|
|
||||||
})
|
|
||||||
.appendTo($screen);
|
|
||||||
$logo = Ox.$('<img>')
|
|
||||||
.addClass('loading logo')
|
|
||||||
.attr({
|
|
||||||
src: 'build/Ox.UI/themes/'
|
|
||||||
+ theme + '/png/logo128.png'
|
|
||||||
})
|
|
||||||
.css({
|
|
||||||
left: app.window.center - 128 + 'px',
|
|
||||||
top: app.window.middle - 128 + 'px'
|
|
||||||
})
|
|
||||||
.bind({
|
|
||||||
load: function() {
|
|
||||||
$screen.appendTo($body);
|
|
||||||
$logo.appendTo($body);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
Ox.$(window).bind({
|
|
||||||
hashchange: app.fn.hashchange,
|
|
||||||
resize: app.fn.resize
|
|
||||||
});
|
|
||||||
setTimeout(function() {
|
|
||||||
Ox.getJSON('index.json', function(data) {
|
|
||||||
app.data = data;
|
|
||||||
Ox.load({UI: {theme: theme}}, function() {
|
|
||||||
app.$ui.panel = app.ui.panel().appendTo(Ox.$body);
|
|
||||||
app.$ui.panel.find('.OxButtonGroup').css({opacity: 0});
|
|
||||||
|
|
||||||
!app.user('hash') && app.user({hash: 'about'});
|
|
||||||
app.fn.hashchange();
|
|
||||||
app.$ui.screen = $('.screen');
|
|
||||||
app.$ui.logo = $('.logo')
|
|
||||||
.bind({
|
|
||||||
click: function() {
|
|
||||||
app.fn.hash(
|
|
||||||
app.fn.hash() ? '' : app.user('hash')
|
|
||||||
);
|
|
||||||
app.fn.animate();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$('.icon').animate({opacity: 0}, 1000, function() {
|
|
||||||
$('.icon').remove();
|
|
||||||
});
|
|
||||||
['label', 'menu', 'switch'].forEach(function(element) {
|
|
||||||
app.$ui[element] = app.ui[element]()
|
|
||||||
.appendTo(Ox.$body);
|
|
||||||
});
|
|
||||||
app.menuWidth = app.$ui.menu.width();
|
|
||||||
app.switchWidth = app.$ui.switch.width();
|
|
||||||
css = app.fn.getCSS();
|
|
||||||
['label', 'menu', 'switch'].forEach(function(element) {
|
|
||||||
app.$ui[element]
|
|
||||||
.css(Ox.extend(css[element], {opacity: 0}))
|
|
||||||
.animate({opacity: 1}, 1000);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}, 2500);
|
|
||||||
},
|
|
||||||
|
|
||||||
resize: function() {
|
|
||||||
app.window = app.fn.window();
|
|
||||||
Ox.forEach(app.fn.getCSS(), function(css, element) {
|
|
||||||
app.$ui[element].css(css);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
setSection: function(section) {
|
|
||||||
app.$ui.panel.replaceElement(1, app.ui[section]
|
|
||||||
? app.ui[section]() : app.ui.page(section)
|
|
||||||
);
|
|
||||||
},
|
|
||||||
|
|
||||||
setTheme: function(theme) {
|
|
||||||
app.user({theme: theme});
|
|
||||||
(Ox.$('#icon') || Ox.$('<link>').attr({
|
|
||||||
id: 'icon',
|
|
||||||
rel: 'shortcut icon',
|
|
||||||
type: 'image/png'
|
|
||||||
}).appendTo(Ox.$('head'))).attr({
|
|
||||||
href: app.fn.getIconURL()
|
|
||||||
});
|
|
||||||
app.$ui.logo && app.$ui.logo.attr({
|
|
||||||
src: app.fn.getLogoURL()
|
|
||||||
}).css(app.fn.getLogoCSS());
|
|
||||||
Ox.Theme ? Ox.Theme(theme) : Ox.$('body').addClass(
|
|
||||||
'OxTheme' + Ox.toTitleCase(theme)
|
|
||||||
);
|
|
||||||
},
|
|
||||||
|
|
||||||
void: function(callback) {
|
|
||||||
callback();
|
|
||||||
},
|
|
||||||
|
|
||||||
window: function() {
|
|
||||||
return {
|
|
||||||
center: Math.floor(window.innerWidth / 2),
|
|
||||||
height: window.innerHeight,
|
|
||||||
middle: Math.floor(window.innerHeight / 2),
|
|
||||||
width: window.innerWidth
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
re: {
|
|
||||||
|
|
||||||
code: [
|
|
||||||
new RegExp(
|
|
||||||
'<span class="OxIdentifier">Ox</span>'
|
|
||||||
+ '(<span class="OxOperator">\.</span>'
|
|
||||||
+ '<span class="OxIdentifier">UI</span>)?'
|
|
||||||
+ '<span class="OxOperator">\.</span>'
|
|
||||||
+ '<span class="OxIdentifier">([\\$\\w]+)<\/span>',
|
|
||||||
'g'
|
|
||||||
),
|
|
||||||
function (str) {
|
|
||||||
return '<a href="#doc/' + Ox.stripTags(str)
|
|
||||||
+ '" class="doclink">' + str + '</a>';
|
|
||||||
}
|
|
||||||
],
|
|
||||||
comment: [
|
|
||||||
/\b(Ox\.\w+)\b/g,
|
|
||||||
'<a href="#doc/$1" class="OxMonospace doclink">$1</a>'
|
|
||||||
]
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
user: Ox.localStorage('OxJS')
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
app.fn.load();
|
|
||||||
|
|
||||||
window.oxjs = app; // so that you can play with it in the console
|
|
||||||
|
|
||||||
});
|
|
||||||
*/
|
|
||||||
Loading…
Reference in a new issue