Ox.UI -> Ox

This commit is contained in:
rolux 2014-09-25 18:59:29 +02:00 committed by j
parent 1f86fc53b5
commit 2dc987fd22
31 changed files with 76 additions and 76 deletions

View file

@ -423,7 +423,7 @@ pandora.URL = (function() {
Ox.Request.cancel(); Ox.Request.cancel();
self.isPopState = true; self.isPopState = true;
$('.OxDialog:visible').each(function() { $('.OxDialog:visible').each(function() {
Ox.UI.elements[$(this).data('oxid')].close(); Ox.$elements[$(this).data('oxid')].close();
}); });
if (pandora.$ui.home) { if (pandora.$ui.home) {
pandora.UI.set({page: ''}); pandora.UI.set({page: ''});

View file

@ -35,10 +35,10 @@ pandora.ui.apiDialog = function() {
keys: {escape: 'close'}, keys: {escape: 'close'},
maximizeButton: true, maximizeButton: true,
minHeight: 256, minHeight: 256,
minWidth: 544 + Ox.UI.SCROLLBAR_SIZE, minWidth: 544 + Ox.SCROLLBAR_SIZE,
removeOnClose: true, removeOnClose: true,
title: Ox._('API Documentation'), title: Ox._('API Documentation'),
width: 672 + Ox.UI.SCROLLBAR_SIZE width: 672 + Ox.SCROLLBAR_SIZE
}) })
.bindEvent({ .bindEvent({
close: function() { close: function() {
@ -73,7 +73,7 @@ pandora.ui.apiDialog = function() {
{ {
id: 'title', id: 'title',
visible: true, visible: true,
width: 128 - Ox.UI.SCROLLBAR_SIZE width: 128 - Ox.SCROLLBAR_SIZE
} }
], ],
items: items, items: items,

View file

@ -195,7 +195,7 @@ pandora.ui.clipList = function(videoRatio) {
if ($video) { if ($video) {
// trigger singleclick // trigger singleclick
$video.trigger('mousedown'); $video.trigger('mousedown');
Ox.UI.$window.trigger('mouseup'); Ox.$window.trigger('mouseup');
} }
} }
that.closePreview(); that.closePreview();

View file

@ -154,7 +154,7 @@ pandora.ui.contactForm = function() {
pandora.$ui.siteDialog pandora.$ui.siteDialog
? parseInt(pandora.$ui.siteDialog.css('width')) ? parseInt(pandora.$ui.siteDialog.css('width'))
: Math.round(window.innerWidth * 0.75) : Math.round(window.innerWidth * 0.75)
) - 304 - Ox.UI.SCROLLBAR_SIZE, 512); ) - 304 - Ox.SCROLLBAR_SIZE, 512);
} }
that.resizeElement = function() { that.resizeElement = function() {

View file

@ -25,7 +25,7 @@ pandora.ui.contentPanel = function() {
collapsed: !pandora.user.ui.showBrowser, collapsed: !pandora.user.ui.showBrowser,
collapsible: true, collapsible: true,
element: pandora.$ui.browser = pandora.ui.browser(), element: pandora.$ui.browser = pandora.ui.browser(),
size: 112 + Ox.UI.SCROLLBAR_SIZE, size: 112 + Ox.SCROLLBAR_SIZE,
tooltip: Ox._('{0} browser', [Ox._(pandora.site.itemName.singular.toLowerCase())]) tooltip: Ox._('{0} browser', [Ox._(pandora.site.itemName.singular.toLowerCase())])
+ ' <span class="OxBright">' + ' <span class="OxBright">'
+ Ox.SYMBOLS.SHIFT + 'B</span>' + Ox.SYMBOLS.SHIFT + 'B</span>'

View file

@ -465,7 +465,7 @@ pandora.ui.documentsPanel = function(options) {
function getPreviewSize() { function getPreviewSize() {
var ratio = $list.value($list.options('selected')[0], 'ratio'), var ratio = $list.value($list.options('selected')[0], 'ratio'),
size = ui.documentSize - 16 - Ox.UI.SCROLLBAR_SIZE, size = ui.documentSize - 16 - Ox.SCROLLBAR_SIZE,
height = ratio > 1 ? size / ratio : size, height = ratio > 1 ? size / ratio : size,
width = ratio > 1 ? size : size * ratio, width = ratio > 1 ? size : size * ratio,
left = Math.floor((size - width) / 2); left = Math.floor((size - width) / 2);
@ -523,7 +523,7 @@ pandora.ui.documentsPanel = function(options) {
|| pandora.site.capabilities.canEditDocuments[pandora.user.level] || pandora.site.capabilities.canEditDocuments[pandora.user.level]
|| options.editable, || options.editable,
labelWidth = 80, labelWidth = 80,
width = ui.documentSize - 16 - Ox.UI.SCROLLBAR_SIZE; width = ui.documentSize - 16 - Ox.SCROLLBAR_SIZE;
return isItemView return isItemView
? Ox.Element() ? Ox.Element()
.css({textAlign: 'center'}) .css({textAlign: 'center'})
@ -778,7 +778,7 @@ pandora.ui.documentsPanel = function(options) {
function resizeItem() { function resizeItem() {
var size = getPreviewSize(), var size = getPreviewSize(),
width = ui.documentSize - 16 - Ox.UI.SCROLLBAR_SIZE; width = ui.documentSize - 16 - Ox.SCROLLBAR_SIZE;
$preview && $preview.options({ $preview && $preview.options({
height: size.height, height: size.height,
width: size.width width: size.width

View file

@ -14,9 +14,9 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
formWidth = 612, formWidth = 612,
iframeHeight = Ox.last(pandora.site.video.resolutions), iframeHeight = Ox.last(pandora.site.video.resolutions),
iframeWidth = Math.round(iframeHeight * pandora.site.video.previewRatio), iframeWidth = Math.round(iframeHeight * pandora.site.video.previewRatio),
listWidth = 128 + Ox.UI.SCROLLBAR_SIZE, listWidth = 128 + Ox.SCROLLBAR_SIZE,
labelWidth = 192, labelWidth = 192,
dialogWidth = listWidth + formWidth + 32 + Ox.UI.SCROLLBAR_SIZE, dialogWidth = listWidth + formWidth + 32 + Ox.SCROLLBAR_SIZE,
dialogHeight = 384, dialogHeight = 384,
linkPlaceholder = '...', linkPlaceholder = '...',
options = {}, options = {},
@ -107,7 +107,7 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
{ {
id: 'title', id: 'title',
visible: true, visible: true,
width: 128 - Ox.UI.SCROLLBAR_SIZE width: 128 - Ox.SCROLLBAR_SIZE
} }
], ],
items: views, items: views,
@ -143,7 +143,7 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
$panel = Ox.SplitPanel({ $panel = Ox.SplitPanel({
elements: [ elements: [
{element: $list, size: 128 + Ox.UI.SCROLLBAR_SIZE}, {element: $list, size: 128 + Ox.SCROLLBAR_SIZE},
{element: $form} {element: $form}
], ],
orientation: 'horizontal' orientation: 'horizontal'

View file

@ -7,7 +7,7 @@ pandora.ui.exportDialog = function(options) {
style: 'square', style: 'square',
type: 'textarea', type: 'textarea',
value: options.data, value: options.data,
width: 512 - Ox.UI.SCROLLBAR_SIZE width: 512 - Ox.SCROLLBAR_SIZE
}), }),
that = Ox.Dialog({ that = Ox.Dialog({

View file

@ -35,7 +35,7 @@ pandora.ui.filter = function(id) {
.addClass('flagname') .addClass('flagname')
.css({ .css({
float: 'left', float: 'left',
width: pandora.user.ui.filterSizes[i] - 68 - Ox.UI.SCROLLBAR_SIZE, width: pandora.user.ui.filterSizes[i] - 68 - Ox.SCROLLBAR_SIZE,
textOverflow: 'ellipsis', textOverflow: 'ellipsis',
overflowX: 'hidden' overflowX: 'hidden'
}) })
@ -46,7 +46,7 @@ pandora.ui.filter = function(id) {
operator: filter.type == 'string' ? '+' : '-', operator: filter.type == 'string' ? '+' : '-',
title: title, title: title,
visible: true, visible: true,
width: pandora.user.ui.filterSizes[i] - 44 - Ox.UI.SCROLLBAR_SIZE width: pandora.user.ui.filterSizes[i] - 44 - Ox.SCROLLBAR_SIZE
}, },
{ {
align: 'right', align: 'right',
@ -184,7 +184,7 @@ pandora.ui.filter = function(id) {
], ],
type: 'image', type: 'image',
}) })
.css(Ox.UI.SCROLLBAR_SIZE == 16 ? { .css(Ox.SCROLLBAR_SIZE == 16 ? {
right: 0, right: 0,
width: '14px' width: '14px'
} : { } : {
@ -254,7 +254,7 @@ pandora.ui.filter = function(id) {
} }
}) })
.appendTo(that.$bar); .appendTo(that.$bar);
Ox.UI.SCROLLBAR_SIZE < 16 && $($menu.find('input')[0]).css({ Ox.SCROLLBAR_SIZE < 16 && $($menu.find('input')[0]).css({
marginRight: '-3px', marginRight: '-3px',
marginTop: '1px', marginTop: '1px',
width: '8px', width: '8px',

View file

@ -43,14 +43,14 @@ pandora.ui.filterDialog = function() {
}) })
], ],
content: pandora.$ui.filterForm = pandora.ui.filterForm({mode: 'find'}), content: pandora.$ui.filterForm = pandora.ui.filterForm({mode: 'find'}),
maxWidth: 648 + Ox.UI.SCROLLBAR_SIZE, maxWidth: 648 + Ox.SCROLLBAR_SIZE,
minHeight: 264, minHeight: 264,
minWidth: 648 + Ox.UI.SCROLLBAR_SIZE, minWidth: 648 + Ox.SCROLLBAR_SIZE,
height: 264, height: 264,
// keys: {enter: 'save', escape: 'cancel'}, // keys: {enter: 'save', escape: 'cancel'},
removeOnClose: true, removeOnClose: true,
title: Ox._('Advanced Find'), title: Ox._('Advanced Find'),
width: 648 + Ox.UI.SCROLLBAR_SIZE width: 648 + Ox.SCROLLBAR_SIZE
}), }),
$updateCheckbox = Ox.Checkbox({ $updateCheckbox = Ox.Checkbox({

View file

@ -5,7 +5,7 @@ pandora.ui.folderBrowserList = function(id, section) {
// but resizeFolders will set them to different widths // but resizeFolders will set them to different widths
section = pandora.user.ui.section; section = pandora.user.ui.section;
var ui = pandora.user.ui, var ui = pandora.user.ui,
columnWidth = (ui.sidebarSize - Ox.UI.SCROLLBAR_SIZE - (section != 'texts' ? 96 : 48)) / 2, columnWidth = (ui.sidebarSize - Ox.SCROLLBAR_SIZE - (section != 'texts' ? 96 : 48)) / 2,
i = Ox.getIndexById(pandora.site.sectionFolders[section], id), i = Ox.getIndexById(pandora.site.sectionFolders[section], id),
folderItems = section == 'items' ? 'Lists' : Ox.toTitleCase(section), folderItems = section == 'items' ? 'Lists' : Ox.toTitleCase(section),
folderItem = folderItems.slice(0, -1), folderItem = folderItems.slice(0, -1),
@ -27,7 +27,7 @@ pandora.ui.folderBrowserList = function(id, section) {
/* /*
format: function() { format: function() {
return $('<img>').attr({ return $('<img>').attr({
src: Ox.UI.getImageURL('symbolIcon') src: Ox.getImageURL('symbolIcon')
}).css({ }).css({
width: '10px', width: '10px',
height: '10px', height: '10px',
@ -78,7 +78,7 @@ pandora.ui.folderBrowserList = function(id, section) {
format: function(value, data) { format: function(value, data) {
return $('<img>') return $('<img>')
.attr({ .attr({
src: Ox.UI.getImageURL( src: Ox.getImageURL(
value == 'static' ? 'symbolClick' value == 'static' ? 'symbolClick'
: value == 'smart' ? 'symbolFind' : value == 'smart' ? 'symbolFind'
: value == 'html' ? 'symbolFile' : value == 'html' ? 'symbolFile'
@ -110,7 +110,7 @@ pandora.ui.folderBrowserList = function(id, section) {
format: function(value) { format: function(value) {
return $('<img>') return $('<img>')
.attr({ .attr({
src: Ox.UI.getImageURL( src: Ox.getImageURL(
'symbol' + (id == 'favorite' ? 'Like' : 'Star') 'symbol' + (id == 'favorite' ? 'Like' : 'Star')
) )
}) })

View file

@ -88,7 +88,7 @@ pandora.ui.folderList = function(id, section) {
format: function(value, data) { format: function(value, data) {
return $('<img>') return $('<img>')
.attr({ .attr({
src: Ox.UI.getImageURL( src: Ox.getImageURL(
value == 'static' ? 'symbolClick' value == 'static' ? 'symbolClick'
: value == 'smart' ? 'symbolFind' : value == 'smart' ? 'symbolFind'
: value == 'html' ? 'symbolFile' : value == 'html' ? 'symbolFile'
@ -120,7 +120,7 @@ pandora.ui.folderList = function(id, section) {
var symbols = {personal: 'Publish', favorite: 'Like', featured: 'Star'}; var symbols = {personal: 'Publish', favorite: 'Like', featured: 'Star'};
return $('<img>') return $('<img>')
.attr({ .attr({
src: Ox.UI.getImageURL( src: Ox.getImageURL(
'symbol' + symbols[id] 'symbol' + symbols[id]
) )
}) })
@ -171,7 +171,7 @@ pandora.ui.folderList = function(id, section) {
{ {
format: function() { format: function() {
return $('<img>').attr({ return $('<img>').attr({
src: Ox.UI.getImageURL('symbolVolume') src: Ox.getImageURL('symbolVolume')
}).css({ }).css({
width: '10px', width: '10px',
height: '10px', height: '10px',
@ -206,7 +206,7 @@ pandora.ui.folderList = function(id, section) {
format: function(value, data) { format: function(value, data) {
return $('<img>') return $('<img>')
.attr({ .attr({
src: Ox.UI.getImageURL(data.mounted ? 'symbolSync' : 'symbolEdit') src: Ox.getImageURL(data.mounted ? 'symbolSync' : 'symbolEdit')
}) })
.css({ .css({
width: '10px', width: '10px',
@ -227,7 +227,7 @@ pandora.ui.folderList = function(id, section) {
format: function(value, data) { format: function(value, data) {
return $('<img>') return $('<img>')
.attr({ .attr({
src: Ox.UI.getImageURL('symbolMount') src: Ox.getImageURL('symbolMount')
}) })
.css({ .css({
width: '10px', width: '10px',

View file

@ -33,10 +33,10 @@ pandora.ui.helpDialog = function() {
keys: {escape: 'close'}, keys: {escape: 'close'},
maximizeButton: true, maximizeButton: true,
minHeight: 256, minHeight: 256,
minWidth: 544 + 2 * Ox.UI.SCROLLBAR_SIZE, minWidth: 544 + 2 * Ox.SCROLLBAR_SIZE,
removeOnClose: true, removeOnClose: true,
title: Ox._('Help'), title: Ox._('Help'),
width: 672 + 2 * Ox.UI.SCROLLBAR_SIZE width: 672 + 2 * Ox.SCROLLBAR_SIZE
}) })
.bindEvent({ .bindEvent({
close: function() { close: function() {
@ -78,7 +78,7 @@ pandora.ui.helpDialog = function() {
{ {
id: 'title', id: 'title',
visible: true, visible: true,
width: 128 - Ox.UI.SCROLLBAR_SIZE width: 128 - Ox.SCROLLBAR_SIZE
} }
], ],
items: pandora.site.help.map(function(value, index) { items: pandora.site.help.map(function(value, index) {
@ -107,7 +107,7 @@ pandora.ui.helpDialog = function() {
$panel = Ox.SplitPanel({ $panel = Ox.SplitPanel({
elements: [ elements: [
{element: $list, size: 128 + Ox.UI.SCROLLBAR_SIZE}, {element: $list, size: 128 + Ox.SCROLLBAR_SIZE},
{element: $text} {element: $text}
], ],
orientation: 'horizontal' orientation: 'horizontal'
@ -120,7 +120,7 @@ pandora.ui.helpDialog = function() {
}); });
function getImageSize() { function getImageSize() {
var width = that.options('width') - 160 - 2 * Ox.UI.SCROLLBAR_SIZE, var width = that.options('width') - 160 - 2 * Ox.SCROLLBAR_SIZE,
height = Math.round(width * 5/8); height = Math.round(width * 5/8);
return {width: width, height: height}; return {width: width, height: height};
} }

View file

@ -63,7 +63,7 @@ pandora.ui.idDialog = function(data) {
getIds(); getIds();
function getFormWidth() { function getFormWidth() {
return dialogWidth - 32 - Ox.UI.SCROLLBAR_SIZE; return dialogWidth - 32 - Ox.SCROLLBAR_SIZE;
} }
function getIds() { function getIds() {

View file

@ -22,7 +22,7 @@ pandora.ui.infoView = function(data) {
iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0, iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0,
borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8, borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8,
isEditable = canEdit && data.id.slice(0, 2) == '0x', isEditable = canEdit && data.id.slice(0, 2) == '0x',
listWidth = 144 + Ox.UI.SCROLLBAR_SIZE, listWidth = 144 + Ox.SCROLLBAR_SIZE,
margin = 16, margin = 16,
statisticsWidth = 128, statisticsWidth = 128,

View file

@ -10,8 +10,8 @@ pandora.ui.insertEmbedDialog = function(/*[url, ]callback*/) {
var advanced = pandora.user.ui.showAdvancedEmbedOptions, var advanced = pandora.user.ui.showAdvancedEmbedOptions,
dialogHeight = 344, dialogHeight = 344,
dialogWidth = 416 + Ox.UI.SCROLLBAR_SIZE, dialogWidth = 416 + Ox.SCROLLBAR_SIZE,
formWidth = dialogWidth - 32 - Ox.UI.SCROLLBAR_SIZE, formWidth = dialogWidth - 32 - Ox.SCROLLBAR_SIZE,
that = Ox.Dialog({ that = Ox.Dialog({
buttons: [ buttons: [

View file

@ -115,7 +115,7 @@ pandora.ui.item = function() {
pandora.$ui.item = Ox.TreeList({ pandora.$ui.item = Ox.TreeList({
data: result.data, data: result.data,
width: pandora.$ui.mainPanel.size(1) - Ox.UI.SCROLLBAR_SIZE width: pandora.$ui.mainPanel.size(1) - Ox.SCROLLBAR_SIZE
}); });
pandora.$ui.contentPanel.replaceElement(1, pandora.$ui.contentPanel.replaceElement(1,
Ox.Container().append(pandora.$ui.item) Ox.Container().append(pandora.$ui.item)

View file

@ -249,7 +249,7 @@ pandora.ui.list = function() {
unique: 'id', unique: 'id',
width: window.innerWidth width: window.innerWidth
- ui.showSidebar * ui.sidebarSize - 1 - ui.showSidebar * ui.sidebarSize - 1
- Ox.UI.SCROLLBAR_SIZE - Ox.SCROLLBAR_SIZE
}) })
.addClass('OxMedia') .addClass('OxMedia')
.bindEvent({ .bindEvent({
@ -541,10 +541,10 @@ pandora.ui.list = function() {
// fixme: doesn't update title icon, passes useless options // fixme: doesn't update title icon, passes useless options
if (hasIcons()) { if (hasIcons()) {
if (ui.listView == 'list') { if (ui.listView == 'list') {
src = Ox.UI.getImageURL( src = Ox.getImageURL(
data.value == 'posters' ? 'symbolSetPoster' : 'symbolIcon' data.value == 'posters' ? 'symbolSetPoster' : 'symbolIcon'
); );
previousSrc = Ox.UI.getImageURL( previousSrc = Ox.getImageURL(
data.previousValue == 'posters' ? 'symbolSetPoster' : 'symbolIcon' data.previousValue == 'posters' ? 'symbolSetPoster' : 'symbolIcon'
); );
that.find('img[src="' + previousSrc + '"]').attr({src: src}); that.find('img[src="' + previousSrc + '"]').attr({src: src});

View file

@ -84,7 +84,7 @@ pandora.ui.listDialog = function(section) {
changeOnKeypress: true, changeOnKeypress: true,
clear: true, clear: true,
placeholder: Ox._('Find: All'), placeholder: Ox._('Find: All'),
width: 128 + Ox.UI.SCROLLBAR_SIZE width: 128 + Ox.SCROLLBAR_SIZE
}) })
.bindEvent({ .bindEvent({
change: function(data) { change: function(data) {
@ -148,7 +148,7 @@ pandora.ui.listDialog = function(section) {
function getWidth(section) { function getWidth(section) {
return section == 'general' ? 496 return section == 'general' ? 496
: (section == 'icon' ? 696 : 648) + Ox.UI.SCROLLBAR_SIZE; : (section == 'icon' ? 696 : 648) + Ox.SCROLLBAR_SIZE;
} }
return $dialog; return $dialog;
@ -386,7 +386,7 @@ pandora.ui.listIconPanel = function(listData) {
}, },
{ {
element: $list, element: $list,
size: 144 + Ox.UI.SCROLLBAR_SIZE size: 144 + Ox.SCROLLBAR_SIZE
} }
], ],
orientation: 'horizontal' orientation: 'horizontal'

View file

@ -7,7 +7,7 @@ pandora.ui.loadingIcon = function() {
tooltip: Ox._('Click to reload {0}', [pandora.site.site.name]) tooltip: Ox._('Click to reload {0}', [pandora.site.site.name])
}, self) }, self)
.attr({ .attr({
src: Ox.UI.getImageURL('symbolRedo') src: Ox.getImageURL('symbolRedo')
}) })
.css(getCSS('stop')) .css(getCSS('stop'))
.bindEvent({ .bindEvent({
@ -23,7 +23,7 @@ pandora.ui.loadingIcon = function() {
if (!self.loadingInterval) { if (!self.loadingInterval) {
that.css(getCSS('start')) that.css(getCSS('start'))
.attr({ .attr({
src: Ox.UI.getImageURL('symbolLoading') src: Ox.getImageURL('symbolLoading')
}); });
that.superStart(); that.superStart();
} }
@ -34,7 +34,7 @@ pandora.ui.loadingIcon = function() {
that.superStop(function() { that.superStop(function() {
that.css(getCSS('stop')) that.css(getCSS('stop'))
.attr({ .attr({
src: Ox.UI.getImageURL('symbolRedo') src: Ox.getImageURL('symbolRedo')
}); });
}); });
} }

View file

@ -85,7 +85,7 @@ pandora.ui.mediaView = function(options) {
? 1 : 0; ? 1 : 0;
return $('<img>') return $('<img>')
.attr({ .attr({
src: Ox.UI.getImageURL('symbol' + ({ src: Ox.getImageURL('symbol' + ({
'available': 'Check', 'available': 'Check',
'encoding': 'Sync', 'encoding': 'Sync',
'failed': 'Warning', 'failed': 'Warning',

View file

@ -162,7 +162,7 @@ pandora.ui.metadataDialog = function(data) {
} }
function getFormWidth() { function getFormWidth() {
return dialogWidth - 32 - Ox.UI.SCROLLBAR_SIZE; return dialogWidth - 32 - Ox.SCROLLBAR_SIZE;
} }
function getMetadata() { function getMetadata() {

View file

@ -5,7 +5,7 @@ pandora.ui.namesDialog = function() {
// FIXME: add cache invalidation // FIXME: add cache invalidation
var height = Math.round((window.innerHeight - 48) * 0.9), var height = Math.round((window.innerHeight - 48) * 0.9),
width = 576 + Ox.UI.SCROLLBAR_SIZE, width = 576 + Ox.SCROLLBAR_SIZE,
$findInput = Ox.Input({ $findInput = Ox.Input({
changeOnKeypress: true, changeOnKeypress: true,
@ -162,7 +162,7 @@ pandora.ui.namesDialog = function() {
}) })
.bindEvent({ .bindEvent({
resizeend: function(data) { resizeend: function(data) {
var width = (data.width - 64 - Ox.UI.SCROLLBAR_SIZE) / 2; var width = (data.width - 64 - Ox.SCROLLBAR_SIZE) / 2;
[ [
{id: 'name', width: Math.ceil(width)}, {id: 'name', width: Math.ceil(width)},
{id: 'sortname', width: Math.floor(width)} {id: 'sortname', width: Math.floor(width)}

View file

@ -8,9 +8,9 @@ pandora.ui.navigationView = function(type, videoRatio) {
isEmbed = pandora.isEmbedURL(), isEmbed = pandora.isEmbedURL(),
itemName = type == 'map' ? 'place' : 'event', itemName = type == 'map' ? 'place' : 'event',
listSizes = [ listSizes = [
144 + Ox.UI.SCROLLBAR_SIZE, 144 + Ox.SCROLLBAR_SIZE,
280 + Ox.UI.SCROLLBAR_SIZE, 280 + Ox.SCROLLBAR_SIZE,
416 + Ox.UI.SCROLLBAR_SIZE 416 + Ox.SCROLLBAR_SIZE
], ],
listSize = listSizes[ui.clipColumns - 1], listSize = listSizes[ui.clipColumns - 1],
@ -112,7 +112,7 @@ pandora.ui.navigationView = function(type, videoRatio) {
}, },
{ {
element: $listPanel, element: $listPanel,
size: 188 + Ox.UI.SCROLLBAR_SIZE size: 188 + Ox.SCROLLBAR_SIZE
} }
], ],
orientation: 'vertical' orientation: 'vertical'
@ -127,7 +127,7 @@ pandora.ui.navigationView = function(type, videoRatio) {
// 20 px menu + 24 px toolbar + 1px resizbar + 16px statusbar (if !item) // 20 px menu + 24 px toolbar + 1px resizbar + 16px statusbar (if !item)
height: isEmbed ? window.innerHeight - 40 height: isEmbed ? window.innerHeight - 40
: !ui.item ? window.innerHeight - ui.showFilters * ui.filtersSize - 61 : !ui.item ? window.innerHeight - ui.showFilters * ui.filtersSize - 61
: window.innerHeight - ui.showBrowser * (112 + Ox.UI.SCROLLBAR_SIZE) - 45, : window.innerHeight - ui.showBrowser * (112 + Ox.SCROLLBAR_SIZE) - 45,
places: function(data, callback) { places: function(data, callback) {
var itemsQuery; var itemsQuery;
if (!ui.item) { if (!ui.item) {
@ -190,7 +190,7 @@ pandora.ui.navigationView = function(type, videoRatio) {
// 20 px menu + 24 px toolbar + 1px resizbar + 16px statusbar (if !item) // 20 px menu + 24 px toolbar + 1px resizbar + 16px statusbar (if !item)
height: !ui.item height: !ui.item
? window.innerHeight - ui.showFilters * ui.filtersSize - 61 ? window.innerHeight - ui.showFilters * ui.filtersSize - 61
: window.innerHeight - ui.showBrowser * (112 + Ox.UI.SCROLLBAR_SIZE) - 45, : window.innerHeight - ui.showBrowser * (112 + Ox.SCROLLBAR_SIZE) - 45,
range: [-5000, 5000], range: [-5000, 5000],
selected: ui.calendarSelection, selected: ui.calendarSelection,
showControls: ui.showCalendarControls, showControls: ui.showCalendarControls,
@ -253,7 +253,7 @@ pandora.ui.navigationView = function(type, videoRatio) {
} }
function getSortSelectWidth(width) { function getSortSelectWidth(width) {
return Math.min(144, width - 32 + Ox.UI.SCROLLBAR_SIZE); return Math.min(144, width - 32 + Ox.SCROLLBAR_SIZE);
} }
function updateStatusbar(items) { function updateStatusbar(items) {

View file

@ -12,7 +12,7 @@ pandora.ui.printView = function(data) {
); );
$($loading.find('img')[0]).attr({ $($loading.find('img')[0]).attr({
src: Ox.UI.getImageURL('symbolLoadingAnimated', null, 'oxlight') src: Ox.getImageURL('symbolLoadingAnimated', null, 'oxlight')
}); });
Ox.$body.css({ Ox.$body.css({
background: 'rgb(255, 255, 255)', background: 'rgb(255, 255, 255)',

View file

@ -25,7 +25,7 @@ pandora.ui.sortElement = function(isNavigationView) {
$sortSelect = Ox.Select({ $sortSelect = Ox.Select({
items: items, items: items,
value: ui[sortKey][0].key, value: ui[sortKey][0].key,
width: !isEmbed && isNavigationView && ui.clipColumns == 1 ? 120 + Ox.UI.SCROLLBAR_SIZE : 144 width: !isEmbed && isNavigationView && ui.clipColumns == 1 ? 120 + Ox.SCROLLBAR_SIZE : 144
}) })
.bindEvent({ .bindEvent({
change: function(data) { change: function(data) {

View file

@ -179,7 +179,7 @@ pandora.ui.statisticsDialog = function() {
$tabPanel = Ox.TabPanel({ $tabPanel = Ox.TabPanel({
content: function(id) { content: function(id) {
var chartWidth = dialogWidth - 32 - Ox.UI.SCROLLBAR_SIZE, var chartWidth = dialogWidth - 32 - Ox.SCROLLBAR_SIZE,
mode = $guestsCheckbox.options('value') ? 'all' : 'registered', mode = $guestsCheckbox.options('value') ? 'all' : 'registered',
top = 16, top = 16,
$content = Ox.Element() $content = Ox.Element()
@ -381,7 +381,7 @@ pandora.ui.statisticsDialog = function() {
).append( ).append(
$('<img>') $('<img>')
.attr({ .attr({
src: Ox.UI.PATH + 'png/' + key src: Ox.UI_PATH + 'png/' + key
+ name.replace(/ /g, '') + '128.png' + name.replace(/ /g, '') + '128.png'
}) })
.css({ .css({
@ -457,7 +457,7 @@ pandora.ui.statisticsDialog = function() {
$element.append( $element.append(
$('<img>') $('<img>')
.attr({ .attr({
src: Ox.UI.PATH + 'png/' + key src: Ox.UI_PATH + 'png/' + key
+ value.replace(/ /g, '') + '128.png' + value.replace(/ /g, '') + '128.png'
}) })
.css({ .css({

View file

@ -395,7 +395,7 @@ pandora.ui.textHTML = function(text) {
return window.innerWidth return window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1 - pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1
- pandora.user.ui.embedSize - 1 - pandora.user.ui.embedSize - 1
- 32 - Ox.UI.SCROLLBAR_SIZE; - 32 - Ox.SCROLLBAR_SIZE;
} }
function scrollTo(position) { function scrollTo(position) {

View file

@ -3,7 +3,7 @@
pandora.ui.titlesDialog = function() { pandora.ui.titlesDialog = function() {
var height = Math.round((window.innerHeight - 48) * 0.9), var height = Math.round((window.innerHeight - 48) * 0.9),
width = 512 + Ox.UI.SCROLLBAR_SIZE, width = 512 + Ox.SCROLLBAR_SIZE,
$findInput = Ox.Input({ $findInput = Ox.Input({
changeOnKeypress: true, changeOnKeypress: true,
@ -151,7 +151,7 @@ pandora.ui.titlesDialog = function() {
}) })
.bindEvent({ .bindEvent({
resizeend: function(data) { resizeend: function(data) {
var width = (data.width - Ox.UI.SCROLLBAR_SIZE) / 2; var width = (data.width - Ox.SCROLLBAR_SIZE) / 2;
[ [
{id: 'title', width: Math.ceil(width)}, {id: 'title', width: Math.ceil(width)},
{id: 'sorttitle', width: Math.floor(width)} {id: 'sorttitle', width: Math.floor(width)}

View file

@ -54,7 +54,7 @@ pandora.ui.tv = function() {
function play() { function play() {
var $loading = $('<img>') var $loading = $('<img>')
.attr({src: Ox.UI.getImageURL('symbolLoadingAnimated')}) .attr({src: Ox.getImageURL('symbolLoadingAnimated')})
.css({ .css({
position: 'absolute', position: 'absolute',
left: 0, top: 0, right: 0, bottom: 0, left: 0, top: 0, right: 0, bottom: 0,
@ -169,7 +169,7 @@ pandora.ui.tv = function() {
} }
that.fadeInScreen = function() { that.fadeInScreen = function() {
that.appendTo(Ox.UI.$body).animate({opacity: 1}, 500); that.appendTo(Ox.$body).animate({opacity: 1}, 500);
play(); play();
return that; return that;
}; };
@ -195,7 +195,7 @@ pandora.ui.tv = function() {
}; };
that.showScreen = function() { that.showScreen = function() {
that.css({opacity: 1}).appendTo(Ox.UI.$body); that.css({opacity: 1}).appendTo(Ox.$body);
play(); play();
return that; return that;
}; };

View file

@ -101,7 +101,7 @@ pandora.ui.usersDialog = function() {
format: function(value, data) { format: function(value, data) {
return $('<img>') return $('<img>')
.attr({ .attr({
src: Ox.UI.getImageURL('symbolCheck') src: Ox.getImageURL('symbolCheck')
}) })
.css({ .css({
width: '10px', width: '10px',
@ -123,7 +123,7 @@ pandora.ui.usersDialog = function() {
format: function(value) { format: function(value) {
return $('<img>') return $('<img>')
.attr({ .attr({
src: Ox.UI.getImageURL('symbolMail') src: Ox.getImageURL('symbolMail')
}) })
.css({ .css({
width: '10px', width: '10px',
@ -222,7 +222,7 @@ pandora.ui.usersDialog = function() {
.replace(/Windows (NT \d+\.\d+) \((.+)\)/, 'Windows $2 ($1)') .replace(/Windows (NT \d+\.\d+) \((.+)\)/, 'Windows $2 ($1)')
}) })
.attr({ .attr({
src: Ox.UI.PATH + 'png/system' src: Ox.UI_PATH + 'png/system'
+ system.replace(/ /g, '') + '128.png' + system.replace(/ /g, '') + '128.png'
}) })
.css({ .css({
@ -253,7 +253,7 @@ pandora.ui.usersDialog = function() {
tooltip: value tooltip: value
}) })
.attr({ .attr({
src: Ox.UI.PATH + 'png/browser' src: Ox.UI_PATH + 'png/browser'
+ browser.replace(/ /g, '') + '128.png' + browser.replace(/ /g, '') + '128.png'
}) })
.css({ .css({