SCROLLBAR_SIZE -> UI.SCROLLBAR_SIZE

This commit is contained in:
rolux 2014-09-26 14:12:25 +02:00
parent ae9d2768c9
commit bd190b4695
25 changed files with 62 additions and 62 deletions

View file

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

View file

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

View file

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

View file

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

View file

@ -5,9 +5,9 @@ pandora.ui.editPanel = function(isEmbed) {
var ui = pandora.user.ui,
edit,
listSizes = [
144 + Ox.SCROLLBAR_SIZE,
280 + Ox.SCROLLBAR_SIZE,
416 + Ox.SCROLLBAR_SIZE
144 + Ox.UI.SCROLLBAR_SIZE,
280 + Ox.UI.SCROLLBAR_SIZE,
416 + Ox.UI.SCROLLBAR_SIZE
],
listSize = listSizes[ui.clipColumns],
smallTimelineCanvas,

View file

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

View file

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

View file

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

View file

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

View file

@ -5,7 +5,7 @@ pandora.ui.folderBrowserList = function(id, section) {
// but resizeFolders will set them to different widths
section = pandora.user.ui.section;
var ui = pandora.user.ui,
columnWidth = (ui.sidebarSize - Ox.SCROLLBAR_SIZE - (section != 'texts' ? 96 : 48)) / 2,
columnWidth = (ui.sidebarSize - Ox.UI.SCROLLBAR_SIZE - (section != 'texts' ? 96 : 48)) / 2,
i = Ox.getIndexById(pandora.site.sectionFolders[section], id),
folderItems = section == 'items' ? 'Lists' : Ox.toTitleCase(section),
folderItem = folderItems.slice(0, -1),

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -246,7 +246,7 @@ pandora.ui.list = function() {
unique: 'id',
width: window.innerWidth
- ui.showSidebar * ui.sidebarSize - 1
- Ox.SCROLLBAR_SIZE
- Ox.UI.SCROLLBAR_SIZE
})
.addClass('OxMedia')
.bindEvent({

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -179,7 +179,7 @@ pandora.ui.statisticsDialog = function() {
$tabPanel = Ox.TabPanel({
content: function(id) {
var chartWidth = dialogWidth - 32 - Ox.SCROLLBAR_SIZE,
var chartWidth = dialogWidth - 32 - Ox.UI.SCROLLBAR_SIZE,
mode = $guestsCheckbox.options('value') ? 'all' : 'registered',
top = 16,
$content = Ox.Element()

View file

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

View file

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

View file

@ -818,7 +818,7 @@ pandora.enterFullscreen = function() {
pandora.user.ui.showSidebar && pandora.$ui.mainPanel.size(0, 0);
pandora.$ui.rightPanel.size(0, 0).size(2, 0);
!pandora.user.ui.showBrowser && pandora.$ui.contentPanel.css({
top: (-112 - Ox.SCROLLBAR_SIZE) + 'px' // fixme: rightPanel.size(0, 0) doesn't preserve negative top of browser
top: (-112 - Ox.UI.SCROLLBAR_SIZE) + 'px' // fixme: rightPanel.size(0, 0) doesn't preserve negative top of browser
});
pandora.user.ui.showBrowser && pandora.$ui.contentPanel.size(0, 0);
pandora.$ui.player.options({
@ -832,9 +832,9 @@ pandora.exitFullscreen = function() {
pandora.user.ui.showSidebar && pandora.$ui.mainPanel.size(0, pandora.user.ui.sidebarSize);
pandora.$ui.rightPanel.size(0, 24).size(2, 16);
!pandora.user.ui.showBrowser && pandora.$ui.contentPanel.css({
top: 24 + (-112 - Ox.SCROLLBAR_SIZE) + 'px' // fixme: rightPanel.size(0, 0) doesn't preserve negative top of browser
top: 24 + (-112 - Ox.UI.SCROLLBAR_SIZE) + 'px' // fixme: rightPanel.size(0, 0) doesn't preserve negative top of browser
});
pandora.user.ui.showBrowser && pandora.$ui.contentPanel.size(0, 112 + Ox.SCROLLBAR_SIZE);
pandora.user.ui.showBrowser && pandora.$ui.contentPanel.size(0, 112 + Ox.UI.SCROLLBAR_SIZE);
};
pandora.getAllItemsTitle = function(section) {
@ -873,7 +873,7 @@ pandora.getClipItems = function(data) {
pandora.getClipsItems = function(width) {
width = width || window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1
- Ox.SCROLLBAR_SIZE;
- Ox.UI.SCROLLBAR_SIZE;
return Math.floor((width - 8) / (128 + 8)) - 1;
};
@ -1039,7 +1039,7 @@ pandora.getFoldersWidth = function(section) {
&& pandora.getFoldersHeight(section)
> window.innerHeight - 20 - 24 - 16 - 1 - pandora.getInfoHeight(section)
) {
width -= Ox.SCROLLBAR_SIZE;
width -= Ox.UI.SCROLLBAR_SIZE;
}
return width;
};
@ -2067,9 +2067,9 @@ pandora.resizeFilters = function(width) {
.size(0, pandora.user.ui.filterSizes[1])
.size(2, pandora.user.ui.filterSizes[3]);
pandora.$ui.filters && pandora.$ui.filters.forEach(function($list, i) {
$list.resizeColumn('name', pandora.user.ui.filterSizes[i] - 44 - Ox.SCROLLBAR_SIZE);
$list.resizeColumn('name', pandora.user.ui.filterSizes[i] - 44 - Ox.UI.SCROLLBAR_SIZE);
if (pandora.site.flags) {
$list.find('.flagname').css({width: pandora.user.ui.filterSizes[i] - 68 - Ox.SCROLLBAR_SIZE})
$list.find('.flagname').css({width: pandora.user.ui.filterSizes[i] - 68 - Ox.UI.SCROLLBAR_SIZE})
}
});
};
@ -2126,7 +2126,7 @@ pandora.resizeWindow = function() {
pandora.$ui.list.options({
width: window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1
- Ox.SCROLLBAR_SIZE
- Ox.UI.SCROLLBAR_SIZE
});
if (clipsItems != previousClipsItems) {
Ox.Request.clearCache(); // fixme
@ -2136,7 +2136,7 @@ pandora.resizeWindow = function() {
pandora.$ui.list.options({
width: window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1
- Ox.SCROLLBAR_SIZE
- Ox.UI.SCROLLBAR_SIZE
});
} else if (pandora.user.ui.listView == 'map') {
pandora.$ui.map && pandora.$ui.map.resizeMap();