0x2620/pandora
2
1
Fork 1
Code Issues 1.3k Pull requests Releases Wiki Activity

SCROLLBAR_SIZE -> UI.SCROLLBAR_SIZE

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static/js/apiDialog.js
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.SCROLLBAR_SIZE, minWidth: 544 + Ox.UI.SCROLLBAR_SIZE,
removeOnClose: true, removeOnClose: true,
title: Ox._('API Documentation'), title: Ox._('API Documentation'),
width: 672 + Ox.SCROLLBAR_SIZE width: 672 + Ox.UI.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.SCROLLBAR_SIZE width: 128 - Ox.UI.SCROLLBAR_SIZE
} }
], ],
items: items, items: items,

2
static/js/contactForm.js
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.SCROLLBAR_SIZE, 512); ) - 304 - Ox.UI.SCROLLBAR_SIZE, 512);
} }
that.resizeElement = function() { that.resizeElement = function() {

2
static/js/contentPanel.js
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.SCROLLBAR_SIZE, size: 112 + Ox.UI.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>'

6
static/js/documentsPanel.js
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.SCROLLBAR_SIZE, size = ui.documentSize - 16 - Ox.UI.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.SCROLLBAR_SIZE; width = ui.documentSize - 16 - Ox.UI.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.SCROLLBAR_SIZE; width = ui.documentSize - 16 - Ox.UI.SCROLLBAR_SIZE;
$preview && $preview.options({ $preview && $preview.options({
height: size.height, height: size.height,
width: size.width width: size.width

6
static/js/editPanel.js
View file

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

8
static/js/embedDialog.js
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.SCROLLBAR_SIZE, listWidth = 128 + Ox.UI.SCROLLBAR_SIZE,
labelWidth = 192, labelWidth = 192,
dialogWidth = listWidth + formWidth + 32 + Ox.SCROLLBAR_SIZE, dialogWidth = listWidth + formWidth + 32 + Ox.UI.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.SCROLLBAR_SIZE width: 128 - Ox.UI.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.SCROLLBAR_SIZE}, {element: $list, size: 128 + Ox.UI.SCROLLBAR_SIZE},
{element: $form} {element: $form}
], ],
orientation: 'horizontal' orientation: 'horizontal'

2
static/js/exportDialog.js
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.SCROLLBAR_SIZE width: 512 - Ox.UI.SCROLLBAR_SIZE
}), }),
that = Ox.Dialog({ that = Ox.Dialog({

8
static/js/filter.js
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.SCROLLBAR_SIZE, width: pandora.user.ui.filterSizes[i] - 68 - Ox.UI.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.SCROLLBAR_SIZE width: pandora.user.ui.filterSizes[i] - 44 - Ox.UI.SCROLLBAR_SIZE
}, },
{ {
align: 'right', align: 'right',
@ -184,7 +184,7 @@ pandora.ui.filter = function(id) {
], ],
type: 'image', type: 'image',
}) })
.css(Ox.SCROLLBAR_SIZE == 16 ? { .css(Ox.UI.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.SCROLLBAR_SIZE < 16 && $($menu.find('input')[0]).css({ Ox.UI.SCROLLBAR_SIZE < 16 && $($menu.find('input')[0]).css({
marginRight: '-3px', marginRight: '-3px',
marginTop: '1px', marginTop: '1px',
width: '8px', width: '8px',

6
static/js/filterDialog.js
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.SCROLLBAR_SIZE, maxWidth: 648 + Ox.UI.SCROLLBAR_SIZE,
minHeight: 264, minHeight: 264,
minWidth: 648 + Ox.SCROLLBAR_SIZE, minWidth: 648 + Ox.UI.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.SCROLLBAR_SIZE width: 648 + Ox.UI.SCROLLBAR_SIZE
}), }),
$updateCheckbox = Ox.Checkbox({ $updateCheckbox = Ox.Checkbox({

2
static/js/folderBrowserList.js
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.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), 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),

10
static/js/helpDialog.js
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.SCROLLBAR_SIZE, minWidth: 544 + 2 * Ox.UI.SCROLLBAR_SIZE,
removeOnClose: true, removeOnClose: true,
title: Ox._('Help'), title: Ox._('Help'),
width: 672 + 2 * Ox.SCROLLBAR_SIZE width: 672 + 2 * Ox.UI.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.SCROLLBAR_SIZE width: 128 - Ox.UI.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.SCROLLBAR_SIZE}, {element: $list, size: 128 + Ox.UI.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.SCROLLBAR_SIZE, var width = that.options('width') - 160 - 2 * Ox.UI.SCROLLBAR_SIZE,
height = Math.round(width * 5/8); height = Math.round(width * 5/8);
return {width: width, height: height}; return {width: width, height: height};
} }

2
static/js/idDialog.js
View file

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

2
static/js/infoView.0xdb.js
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.SCROLLBAR_SIZE, listWidth = 144 + Ox.UI.SCROLLBAR_SIZE,
margin = 16, margin = 16,
statisticsWidth = 128, statisticsWidth = 128,

4
static/js/insertEmbedDialog.js
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.SCROLLBAR_SIZE, dialogWidth = 416 + Ox.UI.SCROLLBAR_SIZE,
formWidth = dialogWidth - 32 - Ox.SCROLLBAR_SIZE, formWidth = dialogWidth - 32 - Ox.UI.SCROLLBAR_SIZE,
that = Ox.Dialog({ that = Ox.Dialog({
buttons: [ buttons: [

2
static/js/item.js
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.SCROLLBAR_SIZE width: pandora.$ui.mainPanel.size(1) - Ox.UI.SCROLLBAR_SIZE
}); });
pandora.$ui.contentPanel.replaceElement(1, pandora.$ui.contentPanel.replaceElement(1,
Ox.Container().append(pandora.$ui.item) Ox.Container().append(pandora.$ui.item)

2
static/js/list.js
View file

@ -246,7 +246,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.SCROLLBAR_SIZE - Ox.UI.SCROLLBAR_SIZE
}) })
.addClass('OxMedia') .addClass('OxMedia')
.bindEvent({ .bindEvent({

6
static/js/listDialog.js
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.SCROLLBAR_SIZE width: 128 + Ox.UI.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.SCROLLBAR_SIZE; : (section == 'icon' ? 696 : 648) + Ox.UI.SCROLLBAR_SIZE;
} }
return $dialog; return $dialog;
@ -386,7 +386,7 @@ pandora.ui.listIconPanel = function(listData) {
}, },
{ {
element: $list, element: $list,
size: 144 + Ox.SCROLLBAR_SIZE size: 144 + Ox.UI.SCROLLBAR_SIZE
} }
], ],
orientation: 'horizontal' orientation: 'horizontal'

2
static/js/metadataDialog.js
View file

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

4
static/js/namesDialog.js
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.SCROLLBAR_SIZE, width = 576 + Ox.UI.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.SCROLLBAR_SIZE) / 2; var width = (data.width - 64 - Ox.UI.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)}

14
static/js/navigationView.js
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.SCROLLBAR_SIZE, 144 + Ox.UI.SCROLLBAR_SIZE,
280 + Ox.SCROLLBAR_SIZE, 280 + Ox.UI.SCROLLBAR_SIZE,
416 + Ox.SCROLLBAR_SIZE 416 + Ox.UI.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.SCROLLBAR_SIZE size: 188 + Ox.UI.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.SCROLLBAR_SIZE) - 45, : window.innerHeight - ui.showBrowser * (112 + Ox.UI.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.SCROLLBAR_SIZE) - 45, : window.innerHeight - ui.showBrowser * (112 + Ox.UI.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.SCROLLBAR_SIZE); return Math.min(144, width - 32 + Ox.UI.SCROLLBAR_SIZE);
} }
function updateStatusbar(items) { function updateStatusbar(items) {

2
static/js/sortElement.js
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.SCROLLBAR_SIZE : 144 width: !isEmbed && isNavigationView && ui.clipColumns == 1 ? 120 + Ox.UI.SCROLLBAR_SIZE : 144
}) })
.bindEvent({ .bindEvent({
change: function(data) { change: function(data) {

2
static/js/statisticsDialog.js
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.SCROLLBAR_SIZE, var chartWidth = dialogWidth - 32 - Ox.UI.SCROLLBAR_SIZE,
mode = $guestsCheckbox.options('value') ? 'all' : 'registered', mode = $guestsCheckbox.options('value') ? 'all' : 'registered',
top = 16, top = 16,
$content = Ox.Element() $content = Ox.Element()

2
static/js/textPanel.js
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.SCROLLBAR_SIZE; - 32 - Ox.UI.SCROLLBAR_SIZE;
} }
function scrollTo(position) { function scrollTo(position) {

4
static/js/titlesDialog.js
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.SCROLLBAR_SIZE, width = 512 + Ox.UI.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.SCROLLBAR_SIZE) / 2; var width = (data.width - Ox.UI.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)}

18
static/js/utils.js
View file

@ -818,7 +818,7 @@ pandora.enterFullscreen = function() {
pandora.user.ui.showSidebar && pandora.$ui.mainPanel.size(0, 0); pandora.user.ui.showSidebar && pandora.$ui.mainPanel.size(0, 0);
pandora.$ui.rightPanel.size(0, 0).size(2, 0); pandora.$ui.rightPanel.size(0, 0).size(2, 0);
!pandora.user.ui.showBrowser && pandora.$ui.contentPanel.css({ !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.user.ui.showBrowser && pandora.$ui.contentPanel.size(0, 0);
pandora.$ui.player.options({ 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.user.ui.showSidebar && pandora.$ui.mainPanel.size(0, pandora.user.ui.sidebarSize);
pandora.$ui.rightPanel.size(0, 24).size(2, 16); pandora.$ui.rightPanel.size(0, 24).size(2, 16);
!pandora.user.ui.showBrowser && pandora.$ui.contentPanel.css({ !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) { pandora.getAllItemsTitle = function(section) {
@ -873,7 +873,7 @@ pandora.getClipItems = function(data) {
pandora.getClipsItems = function(width) { pandora.getClipsItems = function(width) {
width = width || window.innerWidth width = width || window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1 - pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1
- Ox.SCROLLBAR_SIZE; - Ox.UI.SCROLLBAR_SIZE;
return Math.floor((width - 8) / (128 + 8)) - 1; return Math.floor((width - 8) / (128 + 8)) - 1;
}; };
@ -1039,7 +1039,7 @@ pandora.getFoldersWidth = function(section) {
&& pandora.getFoldersHeight(section) && pandora.getFoldersHeight(section)
> window.innerHeight - 20 - 24 - 16 - 1 - pandora.getInfoHeight(section) > window.innerHeight - 20 - 24 - 16 - 1 - pandora.getInfoHeight(section)
) { ) {
width -= Ox.SCROLLBAR_SIZE; width -= Ox.UI.SCROLLBAR_SIZE;
} }
return width; return width;
}; };
@ -2067,9 +2067,9 @@ pandora.resizeFilters = function(width) {
.size(0, pandora.user.ui.filterSizes[1]) .size(0, pandora.user.ui.filterSizes[1])
.size(2, pandora.user.ui.filterSizes[3]); .size(2, pandora.user.ui.filterSizes[3]);
pandora.$ui.filters && pandora.$ui.filters.forEach(function($list, i) { 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) { 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({ pandora.$ui.list.options({
width: window.innerWidth width: window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1 - pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1
- Ox.SCROLLBAR_SIZE - Ox.UI.SCROLLBAR_SIZE
}); });
if (clipsItems != previousClipsItems) { if (clipsItems != previousClipsItems) {
Ox.Request.clearCache(); // fixme Ox.Request.clearCache(); // fixme
@ -2136,7 +2136,7 @@ pandora.resizeWindow = function() {
pandora.$ui.list.options({ pandora.$ui.list.options({
width: window.innerWidth width: window.innerWidth
- pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1 - pandora.user.ui.showSidebar * pandora.user.ui.sidebarSize - 1
- Ox.SCROLLBAR_SIZE - Ox.UI.SCROLLBAR_SIZE
}); });
} else if (pandora.user.ui.listView == 'map') { } else if (pandora.user.ui.listView == 'map') {
pandora.$ui.map && pandora.$ui.map.resizeMap(); pandora.$ui.map && pandora.$ui.map.resizeMap();