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

during drag clip to edit, left panel section != ui.section, so pass section to utility functions (resizeFolders, getFoldersWidth, getFoldersHeight, getInfoHeight, getAllItemsTitle)

Browse source
This commit is contained in:
rolux 2013-07-18 10:42:16 +00:00
parent 0872435c91
commit 197c5ca9ff
3 changed files with 38 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/js/allItems.js
View file

@ -1,6 +1,7 @@
'use strict';
pandora.ui.allItems = function(section) {
section = section || pandora.user.ui.section;
var canAddItems = !pandora.site.itemRequiresVideo && pandora.site.capabilities.canAddItems[pandora.user.level],
@ -41,7 +42,7 @@ pandora.ui.allItems = function(section) {
overflow: 'hidden',
whiteSpace: 'nowrap'
})
.html(pandora.getAllItemsTitle())
.html(pandora.getAllItemsTitle(section))
.appendTo(that),
$items;
@ -83,6 +84,7 @@ pandora.ui.allItems = function(section) {
}, function(result) {
that.update(result.data.items);
});
} else if (section == 'edits') {
} else if (section == 'texts') {
Ox.Button({
style: 'symbol',

5
static/js/folders.js
View file

@ -11,8 +11,6 @@ pandora.ui.folders = function(section) {
}),
folderItems = section == 'items' ? 'Lists' : Ox.toTitleCase(section),
folderItem = folderItems.slice(0, -1);
//var $sections = [];
pandora.$ui.allItems = pandora.ui.allItems(section).appendTo(that);
pandora.$ui.folder = [];
pandora.$ui.folderBrowser = {};
@ -317,7 +315,6 @@ pandora.ui.folders = function(section) {
pandora.resizeFolders();
}
});
//$sections.push(pandora.$section[i]);
pandora.$ui.folderList[folder.id] = pandora.ui.folderList(folder.id, section)
.bindEvent({
selectnext: function() {
@ -333,7 +330,7 @@ pandora.ui.folders = function(section) {
pandora.$ui.folder.forEach(function($folder) {
that.append($folder);
});
pandora.resizeFolders();
pandora.resizeFolders(section);
pandora.selectList();
}
}

57
static/js/utils.js
View file

@ -297,8 +297,11 @@ pandora.enableDragAndDrop = function($list, canMove, section) {
$list.bindEvent({
draganddropstart: function(data) {
pandora.user.ui.section != section && pandora.$ui.mainPanel.replaceElement(0,
pandora.$ui.leftPanel = pandora.ui.leftPanel(section));
if (section != pandora.user.ui.section) {
pandora.$ui.mainPanel.replaceElement(0,
pandora.$ui.leftPanel = pandora.ui.leftPanel(section)
);
}
drag.action = 'copy';
drag.ids = $list.options('selected'),
drag.item = drag.ids.length == 1
@ -326,7 +329,7 @@ pandora.enableDragAndDrop = function($list, canMove, section) {
}
});
});
}, pandora.user.ui.section != section ? 2000 : 0);
}, section != pandora.user.ui.section ? 2000 : 0);
$tooltip.options({title: getTitle()}).show(data.event);
canMove && Ox.UI.$window.on({
keydown: keydown,
@ -471,7 +474,7 @@ pandora.enableDragAndDrop = function($list, canMove, section) {
$('.OxDroppable').removeClass('OxDroppable');
$('.OxDrop').removeClass('OxDrop');
$tooltip.hide();
pandora.user.ui.section != section && setTimeout(function() {
section != pandora.user.ui.section && setTimeout(function() {
pandora.$ui.mainPanel.replaceElement(0,
pandora.$ui.leftPanel = pandora.ui.leftPanel());
}, 500);
@ -630,10 +633,11 @@ pandora.exitFullscreen = function() {
pandora.user.ui.showBrowser && pandora.$ui.contentPanel.size(0, 112 + Ox.UI.SCROLLBAR_SIZE);
};
pandora.getAllItemsTitle = function() {
return pandora.user.ui.section == 'items'
pandora.getAllItemsTitle = function(section) {
section = section || pandora.user.ui.section;
return section == 'items'
? Ox._('All {0}', [Ox._(pandora.site.itemName.plural)])
: Ox._('{0} ' + Ox.toTitleCase(pandora.user.ui.section), [pandora.site.site.name]);
: Ox._('{0} ' + Ox.toTitleCase(section), [pandora.site.site.name]);
};
pandora.getClipsItems = function(width) {
@ -746,22 +750,24 @@ pandora.getFilterSizes = function() {
);
};
pandora.getFoldersHeight = function() {
pandora.getFoldersHeight = function(section) {
section = section || pandora.user.ui.section;
var height = 0;
pandora.site.sectionFolders[pandora.user.ui.section].forEach(function(folder, i) {
height += 16 + pandora.user.ui.showFolder[pandora.user.ui.section][folder.id] * (
pandora.site.sectionFolders[section].forEach(function(folder, i) {
height += 16 + pandora.user.ui.showFolder[section][folder.id] * (
!!folder.showBrowser * 40 + folder.items * 16
);
});
return height;
};
pandora.getFoldersWidth = function() {
pandora.getFoldersWidth = function(section) {
section = section || pandora.user.ui.section;
var width = pandora.user.ui.sidebarSize;
Ox.Log('', 'FOLDERS HEIGHT', pandora.getFoldersHeight(), 'INFO HEIGHT', pandora.getInfoHeight())
if (
pandora.$ui.appPanel
&& pandora.getFoldersHeight() > window.innerHeight - 20 - 24 -16 - 1 - pandora.getInfoHeight()
&& pandora.getFoldersHeight(section)
> window.innerHeight - 20 - 24 -16 - 1 - pandora.getInfoHeight(section)
) {
width -= Ox.UI.SCROLLBAR_SIZE;
}
@ -819,11 +825,17 @@ pandora.getHash = function(state, callback) {
callback();
};
pandora.getInfoHeight = function(includeHidden) {
pandora.getInfoHeight = function(section, includeHidden) {
// Note: Either argument can be ommitted
// fixme: new, check if it can be used more
section = section || pandora.user.ui.section;
if (arguments.length == 1 && Ox.isBoolean(arguments[0])) {
section = pandora.user.ui.section;
includeHidden = arguments[0];
}
var height = 0, isVideoPreview;
if (pandora.user.ui.showInfo || includeHidden) {
isVideoPreview = pandora.user.ui.section == 'items' && (
isVideoPreview = section == 'items' && (
pandora.user.ui.item || (
pandora.user.ui.listSelection.length && !pandora.isClipView()
)
@ -1605,19 +1617,18 @@ pandora.resizeFilters = function(width) {
});
};
pandora.resizeFolders = function() {
var width = pandora.getFoldersWidth(),
columnWidth = width - (
pandora.user.ui.section == 'items' ? 96 : 48
),
pandora.resizeFolders = function(section) {
section = section || pandora.user.ui.section;
var width = pandora.getFoldersWidth(section),
columnWidth = width - (section == 'items' ? 96 : 48),
userColumnWidth = Math.round(columnWidth * 0.4),
nameColumnWidth = columnWidth - userColumnWidth;
pandora.$ui.allItems && pandora.$ui.allItems.resizeElement(columnWidth - 8);
Ox.forEach(pandora.$ui.folderList, function($list, id) {
var pos = Ox.getIndexById(pandora.site.sectionFolders[pandora.user.ui.section], id);
var pos = Ox.getIndexById(pandora.site.sectionFolders[section], id);
pandora.$ui.folder[pos].css({width: width + 'px'});
$list.css({width: width + 'px'});
if (pandora.site.sectionFolders[pandora.user.ui.section][pos].showBrowser) {
if (pandora.site.sectionFolders[section][pos].showBrowser) {
pandora.$ui.findListInput[id].options({
width: width - 24
});
@ -1626,7 +1637,7 @@ pandora.resizeFolders = function() {
} else {
$list.resizeColumn(id == 'favorite' ? 'id' : 'name', columnWidth);
}
if (!pandora.user.ui.showFolder[pandora.user.ui.section][id]) {
if (!pandora.user.ui.showFolder[section][id]) {
pandora.$ui.folder[pos].updatePanel();
}
});