oml.addList = function() { // addList(isSmart, isFrom) or addList(list) [=dupicate] var args = arguments, isDuplicate = args.length == 1, isSmart, isFrom, list, listData, data, username = oml.user.preferences.username; oml.api.getLists(function(result) { var lists = result.data.lists, listNames = lists.filter(function(list) { return list.user = username; }).map(function(list) { return list.name; }), query; if (!isDuplicate) { isSmart = args[0]; isFrom = args[1]; data = { name: oml.validateName(Ox._('Untitled'), listNames), type: !isSmart ? 'static' : 'smart' }; if (!isSmart) { if (isFrom) { data.items = ui.listSelection; } } else { if (!isFrom) { data.query = oml.config.user.ui.find; } else { data.query = ui.find; } } addList(); } else { list = args[0]; listData = Ox.getObjectById(Ox.flatten(Ox.values(lists)), list); data = Ox.extend({ name: oml.validateName(listData.name, listNames), type: listData.type }, listData.query ? { query: listData.query } : {}); if (!data.query) { var query = { conditions: [{key: 'list', operator: '==', value: list}], operator: '&' }; oml.api.find({query: query}, function(result) { if (result.data.items) { oml.api.find({ query: query, keys: ['id'], sort: [{key: 'id', operator: '+'}], range: [0, result.data.items] }, function(result) { data.items = result.data.items.map(function(item) { return item.id; }); addList(); }); } else { addList(); } }); } else { addList(); } } }); function addList() { oml.api.addList(data, function(result) { var list = result.data.id, $folderList = oml.$ui.folderList[0]; oml.$ui.folder[0].options({collapsed: false}); // FIXME: SET UI! // FIXME: DOESN'T WORK $folderList .bindEventOnce({ load: function() { $folderList .gainFocus() .options({selected: [list]}); oml.UI.set({ find: { conditions: [{ key: 'list', operator: '==', value: list }], operator: '&' } }); oml.$ui.listDialog = oml.ui.listDialog().open(); } }); oml.updateLists(); }); } }; oml.clearFilters = function() { var ui = oml.user.ui, find = Ox.clone(ui.find, true), indices = ui._filterState.map(function(filterState) { return filterState.index; }).filter(function(index) { return index > -1; }); find.conditions = find.conditions.filter(function(condition, index) { return !Ox.contains(indices, index); }); oml.UI.set({find: find}); }; (function() { oml.doHistory = function(action, items, targets, callback) { items = Ox.makeArray(items); targets = Ox.makeArray(targets); if (action == 'copy' || action == 'paste') { addItems(items, targets[0], addToHistory); } else if (action == 'cut' || action == 'delete') { removeItems(items, targets[0], addToHistory); } else if (action == 'move') { removeItems(items, targets[0], function() { addItems(items, targets[1], addToHistory); }); } function addToHistory(result, addedItems) { var actions = { copy: 'Copying', cut: 'Cutting', 'delete': 'Deleting', move: 'Moving', paste: 'Pasting' }, length = items.length, text = Ox._(actions[action]) + ' ' + ( length == 1 ? 'Book' : 'Books' ); oml.history.add({ action: action, items: action == 'cut' || action == 'delete' ? [items] : action == 'copy' || action == 'paste' ? [addedItems] : [items, addedItems], // move positions: [], targets: targets, text: text }); callback(result); } }; oml.redoHistory = function(callback) { var object = oml.history.redo(); if (object) { if (object.action == 'copy' || object.action == 'paste') { addItems(object.items[0], object.targets[0], done); } else if (object.action == 'cut' || object.action == 'delete') { removeItems(object.items[0], object.targets[0], done); } else if (object.action == 'move') { removeItems(object.items[0], object.targets[0], function() { addItems(object.items[1], object.targets[1], done); }); } } function done() { doneHistory(object, callback); } }; oml.undoHistory = function(callback) { var object = oml.history.undo(); if (object) { if (object.action == 'copy' || object.action == 'paste') { removeItems(object.items[0], object.targets[0], done); } else if (object.action == 'cut' || object.action == 'delete') { addItems(object.items[0], object.targets[0], done); } else if (object.action == 'move') { removeItems(object.items[1], object.targets[1], function() { addItems(object.items[0], object.targets[0], done); }); } } function done() { doneHistory(object, callback); } }; function addItems(items, target, callback) { oml.api.find({ query: { conditions: [{ key: 'list', operator: '==', value: target }], operator: '&' }, positions: items }, function(result) { var existingItems = Object.keys(result.data.positions), addedItems = items.filter(function(item) { return !Ox.contains(existingItems, item); }); if (addedItems.length) { oml.api.addListItems({ items: addedItems, list: target }, function(result) { callback(result, addedItems); }); } else { callback(null, []); } }); } function doneHistory(object, callback) { var list, listData, ui = oml.user.ui; Ox.Request.clearCache('find'); object.targets.filter(function(list) { return list != ui._list; }).forEach(function(list) { listData = oml.getListData(list); oml.api.find({ query: { conditions: [{ key: 'list', operator: '==', value: list }], operator: '&' } }, function(result) { oml.$ui.folderList[listData.folder].value( list, 'items', result.data.items ); }); }); if (Ox.contains(object.targets, ui._list)) { // FIXME: Why is this timeout needed? setTimeout(oml.reloadList, 250); } callback && callback(); } function removeItems(items, target, callback) { oml.api.removeListItems({ items: items, list: target }, callback); } }()); oml.enableDragAndDrop = function($list, canMove) { var $tooltip = Ox.Tooltip({ animate: false }), drag = {}, scrollInterval, ui = oml.user.ui, username = oml.user.preferences.username; $list.bindEvent({ draganddropstart: function(data) { Ox.print('DND START', data); var $lists = oml.$ui.libraryList.concat(oml.$ui.folderList); drag.action = 'copy'; drag.ids = $list.options('selected'); drag.item = drag.ids.length == 1 ? $list.value(drag.ids[0], 'title') : drag.ids.length; drag.source = oml.getListData(); drag.targets = {}; $lists.forEach(function($list) { $list.addClass('OxDroppable').find('.OxItem').each(function() { var $item = $(this), id = $item.data('id'), data = oml.getListData(id); drag.targets[id] = Ox.extend(data, { editable: data.editable || ( data.type == 'library' && drag.source.user != username && data.user == 'username' ), selected: data.id == ui._list }, data); if (!drag.targets[id].selected && drag.targets[id].editable) { $item.addClass('OxDroppable'); } }); }); $tooltip.options({title: getTitle()}).show(data.event); Ox.UI.$window.on({ keydown: keydown, keyup: keyup }); }, draganddrop: function(data) { var event = data.event; $tooltip.options({ title: getTitle(event) }).show(event); if (scrollInterval && !isAtListsTop(event) && !isAtListsBottom(event)) { clearInterval(scrollInterval); scrollInterval = 0; } }, draganddroppause: function(data) { var event = data.event, scroll, title, ui = oml.user.ui, $parent, $grandparent, $panel; if (!ui.showSidebar) { if (event.clientX < 16 && event.clientY >= 44 && event.clientY < window.innerHeight - 16 ) { oml.$ui.mainPanel.toggle(0); } } else { $parent = $(event.target).parent(); $grandparent = $parent.parent(); $panel = $parent.is('.OxCollapsePanel') ? $parent : $grandparent.is('.OxCollapsePanel') ? $grandparent : null; if ($panel) { title = $panel.children('.OxBar').children('.OxTitle') .html().split(' ')[0].toLowerCase(); if (!ui.showFolder[title]) { Ox.UI.elements[$panel.data('oxid')].options({ collapsed: false }); } } if (!scrollInterval) { scroll = isAtListsTop(event) ? -16 : isAtListsBottom(event) ? 16 : 0 if (scroll) { scrollInterval = setInterval(function() { oml.$ui.folders.scrollTop( oml.$ui.folders.scrollTop() + scroll ); }, 100); } } } }, draganddropenter: function(data) { var $parent = $(data.event.target).parent(), $item = $parent.is('.OxItem') ? $parent : $parent.parent(), $list = $item.parent().parent().parent().parent(); if ($list.is('.OxDroppable')) { $item.addClass('OxDrop'); drag.target = drag.targets[$item.data('id')]; } else { drag.target = null; } }, draganddropleave: function(data) { var $parent = $(data.event.target).parent(), $item = $parent.is('.OxItem') ? $parent : $parent.parent(); if ($item.is('.OxDroppable')) { $item.removeClass('OxDrop'); drag.target = null; } }, draganddropend: function(data) { var targets; Ox.UI.$window.off({ keydown: keydown, keyup: keyup }); if ( drag.target && drag.target.editable && !drag.target.selected && (drag.action == 'copy' || drag.source.editable) ) { var targets = drag.action == 'copy' ? drag.target.id : [oml.user.ui._list, drag.target.id]; oml.doHistory(drag.action, data.ids, targets, function() { Ox.Request.clearCache('find'); oml.api.find({ query: { conditions: [{ key: 'list', operator: '==', value: drag.target.id }], operator: '&' } }, function(result) { /* FIXME oml.$ui.folderList[drag.target.folder].value( drag.target.id, 'items', result.data.items ); */ cleanup(250); }); drag.action == 'move' && oml.reloadList(); }); } else { cleanup() } } }); function cleanup(ms) { ms = ms || 0; drag = {}; clearInterval(scrollInterval); scrollInterval = 0; setTimeout(function() { $('.OxDroppable').removeClass('OxDroppable'); $('.OxDrop').removeClass('OxDrop'); $tooltip.hide(); }, ms); } function getTitle() { var image, text, actionText = drag.action == 'copy' ? ( drag.source.user == username ? 'copy' : 'download' ) : 'move', itemText = Ox.isString(drag.item) ? '"' + Ox.encodeHTMLEntities(Ox.truncate(drag.item, 32)) + '"' : Ox._('{0} books', [drag.item]), targetText; if (drag.action == 'move') { if (drag.source.user != username) { text = Ox._('You can only remove books
from your own lists.'); } else if (drag.source.type == 'library') { text = Ox._('You cannot move books
out of your library.'); } else if (drag.source.type == 'smart') { text = Ox._('You cannot move books
out of a smart list.'); } } else if (drag.target) { targetText = drag.target.type == 'libraries' ? Ox._('a library') : drag.target.type == 'library' ? Ox._('your library') : Ox._('the list "{0}"', [Ox.encodeHTMLEntities(Ox.truncate(drag.target.name, 32))]); if ( ( drag.target.type == 'library' && drag.source.user == username && drag.target.user == username ) || drag.target.selected ) { text = Ox._('{0}
is already in {1}.', [ Ox._(itemText[0] == '"' ? '' : 'These ') + itemText, targetText ]); } else if (drag.target.user != username) { text = Ox._( 'You can only {0} books
to your own {1}.', [actionText, drag.target.type == 'library' ? 'library' : 'lists'] ); } else if (drag.target.type == 'smart') { text = Ox._('You cannot {0} books
to a smart list.', [actionText]); } } if (text) { image = 'symbolClose' } else { image = drag.action == 'copy' ? ( drag.source.user == username ? 'symbolAdd' : 'symbolDownload' ) : 'symbolRemove', text = Ox._(Ox.toTitleCase(actionText)) + ' ' + ( Ox.isString(drag.item) ? '"' + Ox.encodeHTMLEntities(Ox.truncate(drag.item, 32)) + '"' : drag.item + ' ' + 'books' ) + '
' + ( drag.target && drag.target.editable && !drag.target.selected ? Ox._('to {0}.', [targetText]) : drag.source.user == username ? Ox._('to {0} list.', [ui._list == ':' ? 'a' : 'another']) : Ox._('to your library or to one of your lists.') ); } return $('
') .append( $('
') .css({ float: 'left', width: '16px', height: '16px', padding: '1px', border: '3px solid rgb(' + Ox.Theme.getThemeData().symbolDefaultColor.join(', ') + ')', borderRadius: '12px', margin: '3px 2px 2px 2px' }) .append( $('') .attr({src: Ox.UI.getImageURL(image)}) .css({width: '16px', height: '16px'}) ) ) .append( $('
') .css({ float: 'left', margin: '1px 2px 2px 2px', fontSize: '11px', whiteSpace: 'nowrap' }) .html(text) ); } function isAtListsTop(e) { return ui.showSidebar && e.clientX < ui.sidebarSize && e.clientY >= 44 && e.clientY < 60; } function isAtListsBottom(e) { var listsBottom = window.innerHeight - oml.getInfoHeight(); return ui.showSidebar && e.clientX < ui.sidebarSize && e.clientY >= listsBottom - 16 && e.clientY < listsBottom; } function keydown(e) { if (e.metaKey) { drag.action = 'move'; $tooltip.options({title: getTitle()}).show(); } } function keyup(e) { if (drag.action == 'move') { drag.action = 'copy'; $tooltip.options({title: getTitle()}).show(); } } }; oml.getEditTooltip = function(title) { return function(e) { var $target = $(e.target); return ( $target.is('a') || $target.parents('a').length ? Ox._('Shift+doubleclick to edit') : Ox._('Doubleclick to edit') ) + (title ? ' ' + Ox._(title) : ''); } }; (function() { // Note: getFindState has to run after getListState and getFilterState function everyCondition(conditions, key, operator) { // If every condition has the given key and operator // (excluding conditions where all subconditions match) // returns true, otherwise false return Ox.every(conditions, function(condition) { return condition.key == key && condition.operator == operator; }); } function oneCondition(conditions, key, operator, includeSubconditions) { // If exactly one condition has the given key and operator // (including or excluding conditions where all subconditions match) // returns the corresponding index, otherwise returns -1 var indices = Ox.indicesOf(conditions, function(condition) { return ( condition.conditions ? includeSubconditions && everyCondition(condition.conditions, key, operator) : condition.key == key && condition.operator == operator ); }); return indices.length == 1 ? indices[0] : -1; } oml.getFindState = function(find) { // The find element is populated if exactly one condition in an & query // has a findKey as key and "=" as operator (and all other conditions // are either list or filters), or if all conditions in an | query have // the same filter id as key and "==" as operator Ox.Log('Find', 'getFindState', find) // FIXME: this is still incorrect when you select a lot of filter items // and reload the page (will be advanced) var conditions, indices, state = {index: -1, key: '*', value: ''}, ui = oml.user.ui; if (find.operator == '&') { // number of conditions that are not list or filters conditions = find.conditions.length - !!ui._list - ui._filterState.filter(function(filter) { return filter.index > -1; }).length; // indices of non-advanced find queries indices = oml.config.findKeys.map(function(findKey) { return oneCondition(find.conditions, findKey.id, '='); }).filter(function(index) { return index > -1; }); state = conditions == 1 && indices.length == 1 ? { index: indices[0], key: find.conditions[indices[0]].key, value: Ox.decodeURIComponent(find.conditions[indices[0]].value) } : { index: -1, key: conditions == 0 && indices.length == 0 ? '*' : 'advanced', value: '' }; } else { state = { index: -1, key: 'advanced', value: '' }; Ox.forEach(ui.filters, function(key) { if (everyCondition(find.conditions, key, '==')) { state.key = '*'; return false; } }); } return state; } oml.getFilterState = function(find) { // A filter is selected if exactly one condition in an & query or every // condition in an | query has the filter id as key and "==" as operator var ui = oml.user.ui; return ui.filters.map(function(filter) { // FIXME: cant index be an empty array, instead of -1? var key = filter.id, state = {index: -1, find: Ox.clone(find, true), selected: []}; if (find.operator == '&') { // include conditions where all subconditions match state.index = oneCondition(find.conditions, key, '==', true); if (state.index > -1) { state.selected = find.conditions[state.index].conditions ? find.conditions[state.index].conditions.map(function(condition) { return condition.value; }) : [find.conditions[state.index].value]; } } else { if (everyCondition(find.conditions, key, '==')) { state.index = Ox.range(find.conditions.length); state.selected = find.conditions.map(function(condition) { return condition.value; }); } } if (state.selected.length) { if (Ox.isArray(state.index)) { // every condition in an | query matches this filter state.find = {conditions: [], operator: ''}; } else { // one condition in an & query matches this filter state.find.conditions.splice(state.index, 1); if ( state.find.conditions.length == 1 && state.find.conditions[0].conditions ) { // unwrap single remaining bracketed query state.find = { conditions: state.find.conditions[0].conditions, operator: state.find.conditions[0].operator }; } } } return state; }); } oml.getListState = function(find) { // A list is selected if exactly one condition in an & query has "list" // as key and "==" as operator var index, state = ''; if (find.operator == '&') { index = oneCondition(find.conditions, 'list', '=='); if (index > -1) { state = find.conditions[index].value; } } return state; }; }()); oml.getFileInfoColor = function(type, data) { return type == 'extension' ? ( data.extension == 'epub' ? [[32, 160, 32], [0, 128, 0], [128, 255, 128]] : data.extension == 'pdf' ? ( data.textsize ? [[224, 32, 32], [192, 0, 0], [255, 192, 192]] : [[224, 128, 32], [192, 96, 0], [255, 192, 128]] ) : data.extension == 'txt' ? [[255, 255, 255], [224, 224, 224], [0, 0, 0]] : [[96, 96, 96], [64, 64, 64], [192, 192, 192]] ) : data.mediastate == 'available' ? [[32, 160, 32], [0, 128, 0], [128, 255, 128]] : data.mediastate == 'transferring' ? [[160, 160, 32], [128, 128, 0], [255, 255, 128]] : [[224, 32, 32], [192, 0, 0], [255, 192, 192]]; }; oml.getFilterSizes = function() { var ui = oml.user.ui; return Ox.splitInt( window.innerWidth - ui.showSidebar * ui.sidebarSize - 1, 5 ); }; oml.getInfoHeight = function() { return Math.min( oml.user.ui.sidebarSize, window.innerHeight - 20 - 24 - 16 - 1 ); }; oml.getListData = function(list) { var ui = oml.user.ui; list = Ox.isUndefined(list) ? ui._list : list; return ui._lists ? Ox.getObjectById(ui._lists, list) : {}; }; oml.getListFoldersHeight = function() { var ui = oml.user.ui; return Object.keys(ui.showFolder).reduce(function(value, id, index) { var items = oml.$ui.folderList[index].options('items').length; return value + 16 + ui.showFolder[id] * (1 + items) * 16; }, 16); }; oml.getListFoldersWidth = function() { var ui = oml.user.ui; return ui.sidebarSize - ( oml.$ui.appPanel && oml.getListFoldersHeight() > window.innerHeight - 20 - 24 - 1 - ui.showInfo * oml.getInfoHeight() ? Ox.UI.SCROLLBAR_SIZE : 0 ); }; oml.getPageTitle = function(stateOrURL) { var page = Ox.getObjectById( oml.config.pages, Ox.isObject(stateOrURL) ? stateOrURL.page : stateOrURL.slice(1) ); return (page ? page.title + ' – ' : '') + 'Open Media Library'; }; oml.getSortOperator = function(key) { var itemKey = Ox.getObjectById(oml.config.itemKeys, key); return itemKey.sortOperator || Ox.contains( ['string', 'text'], Ox.isArray(itemKey.type) ? itemKey.type[0] : itemKey.type ) ? '+' : '-'; }; oml.getUsersAndLists = function(callback) { var lists = [{ id: '', name: Ox._('All Libraries'), type: 'libraries' }], ui = oml.user.ui, username = oml.user.preferences.username, users = [{ id: oml.user.id, nickname: username, online: oml.user.online }]; oml.api.getUsers(function(result) { users = users.concat( result.data.users.filter(function(user) { return user.peered; }) ); oml.api.getLists(function(result) { users.forEach(function(user) { lists = lists.concat([{ id: (user.nickname == username ? '' : user.nickname) + ':', name: Ox._('Library'), type: 'library', user: user.nickname }].concat( result.data.lists.filter(function(list) { return list.user == user.nickname; }) )); }); lists = lists.map(function(list) { return Ox.extend(list, { editable: list.user == username && list.type == 'static', title: (list.user ? list.user + ': ' : '') + list.name }); }) if (!ui.lists) { oml.$ui.mainMenu.update(); } ui._lists = lists; Ox.print('UI._LISTS', JSON.stringify(ui._lists)); callback(users, lists); }); }) }; oml.hasDialogOrScreen = function() { return !!$('.OxDialog:visible').length || !!$('.OxFullscreen').length || !!$('.OxScreen').length; }; oml.reloadList = function() { Ox.print('RELOAD LIST NOT IMPLEMENTED') // ... }; oml.resizeFilters = function() { // ... }; oml.resizeListFolders = function() { // FIXME: does this have to be here? Ox.print('RESIZING LIST FOLDERS', 'WIDTH', oml.getListFoldersWidth(), 'HEIGHT', oml.getListFoldersHeight()) var width = oml.getListFoldersWidth(), columnWidth = width - 58; oml.$ui.librariesList .resizeColumn('title', columnWidth) .css({width: width + 'px'}); Ox.forEach(oml.$ui.folder, function($folder, index) { $folder.css({width: width + 'px'}); oml.$ui.libraryList[index] .resizeColumn('title', columnWidth) .css({width: width + 'px'}); oml.$ui.folderList[index] .resizeColumn('title', columnWidth) .css({width: width + 'px'}); }); oml.$ui.librariesList .$body.find('.OxContent') .css({width: width + 'px'}); Ox.forEach(oml.$ui.folder, function($folder, index) { oml.$ui.libraryList[index] .$body.find('.OxContent') .css({width: width + 'px'}); oml.$ui.folderList[index] .$body.find('.OxContent') .css({width: width + 'px'}); }) }; oml.updateFilterMenus = function() { // FIXME: does this have to be a utils function? var selected = oml.$ui.filters.map(function($filter) { return !Ox.isEmpty($filter.options('selected')); }), filtersHaveSelection = !!Ox.sum(selected); oml.$ui.filters.forEach(function($filter, index) { $filter[ selected[index] ? 'enableMenuItem' : 'disableMenuItem' ]('clearFilter'); $filter[ filtersHaveSelection ? 'enableMenuItem' : 'disableMenuItem' ]('clearFilters'); }); }; oml.updateLists = function(callback) { // FIXME: can this go somewhere else? Ox.Request.clearCache('getLists'); oml.getUsersAndLists(function(users, lists) { var items = lists.filter(function(list) { return list.user == oml.user.preferences.username; }); oml.$ui.folderList[0].options({ items: items }) .css({height: items.length * 16 + 'px'}) .size(); oml.$ui.folder[0].$content .css({height: 16 + items.length * 16 + 'px'}); callback && callback(); }); }; oml.validateName = function(value, names) { var index = 1, length = 256, suffix; value = Ox.clean(Ox.clean(value).slice(0, length)); names = names || []; while (Ox.contains(names, value)) { suffix = ' [' + (++index) + ']'; value = value.replace(/ \[\d+\]$/, '') .slice(0, length - suffix.length) + suffix; }; return value; }; oml.validatePublicKey = function(value) { return /^[A-Za-z0-9+\/]{43}$/.test(value); };