Ox.UI -> Ox
This commit is contained in:
parent
1f86fc53b5
commit
2dc987fd22
31 changed files with 76 additions and 76 deletions
|
@ -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: ''});
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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();
|
||||||
|
|
|
@ -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() {
|
||||||
|
|
|
@ -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>'
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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({
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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({
|
||||||
|
|
|
@ -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')
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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};
|
||||||
}
|
}
|
||||||
|
|
|
@ -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() {
|
||||||
|
|
|
@ -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,
|
||||||
|
|
||||||
|
|
|
@ -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: [
|
||||||
|
|
|
@ -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)
|
||||||
|
|
|
@ -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});
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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')
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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() {
|
||||||
|
|
|
@ -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)}
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
|
@ -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)',
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
|
@ -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({
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
|
@ -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)}
|
||||||
|
|
|
@ -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;
|
||||||
};
|
};
|
||||||
|
|
|
@ -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({
|
||||||
|
|
Loading…
Reference in a new issue