define([ "jquery", "underscore", "crel", "utils", "classes/Extension", "mousetrap", "fileSystem", "text!html/documentSelectorSettingsBlock.html", ], function($, _, crel, utils, Extension, mousetrap, fileSystem, documentSelectorSettingsBlockHTML) { var documentSelector = new Extension("documentSelector", 'Document Selector', true, true); documentSelector.settingsBlock = documentSelectorSettingsBlockHTML; documentSelector.defaultConfig = { orderBy: "mru", shortcutPrevious: "Ctrl+[", shortcutNext: "Ctrl+]" }; documentSelector.onLoadSettings = function() { utils.setInputValue("#select-document-selector-orderby", documentSelector.config.orderBy); utils.setInputValue("#input-document-selector-shortcut-previous", documentSelector.config.shortcutPrevious); utils.setInputValue("#input-document-selector-shortcut-next", documentSelector.config.shortcutNext); }; documentSelector.onSaveSettings = function(newConfig, event) { newConfig.orderBy = utils.getInputValue("#select-document-selector-orderby"); newConfig.shortcutPrevious = utils.getInputTextValue("#input-document-selector-shortcut-previous", event); newConfig.shortcutNext = utils.getInputTextValue("#input-document-selector-shortcut-next", event); }; var aceEditor = undefined; documentSelector.onAceCreated = function(aceEditorParam) { aceEditor = aceEditorParam; }; var fileMgr = undefined; documentSelector.onFileMgrCreated = function(fileMgrParameter) { fileMgr = fileMgrParameter; }; var liEltTmpl = [ '
  • " data-file-index="<%= fileDesc.fileIndex %>">', ' ', ' <%= fileDesc.composeTitle() %>', ' ', '
  • ' ].join(''); var dropdownElt = undefined; var liEltMap = undefined; var liEltList = undefined; var sortFunction = undefined; var selectFileDesc = undefined; var selectedLi = undefined; var buildSelector = function() { var liListHtml = _.chain(fileSystem).sortBy(sortFunction).reduce(function(result, fileDesc) { return result + _.template(liEltTmpl, { fileDesc: fileDesc, isCurrent: fileDesc === selectFileDesc }); }, '').value(); dropdownElt.innerHTML = liListHtml; liEltList = []; liEltMap = {}; _.each(dropdownElt.querySelectorAll('li'), function(liElt) { var $liElt = $(liElt); liEltList.push($liElt); var fileDesc = fileSystem[$liElt.data('fileIndex')]; liEltMap[fileDesc.fileIndex] = $liElt; $liElt.find("a").click(function() { selectedLi = undefined; if(!$liElt.hasClass("disabled")) { fileMgr.selectFile(fileDesc); } else { aceEditor.focus(); } }); }); }; documentSelector.onFileSelected = function(fileDesc) { selectFileDesc = fileDesc; buildSelector(); }; documentSelector.onFileCreated = buildSelector; documentSelector.onFileDeleted = buildSelector; documentSelector.onTitleChanged = buildSelector; documentSelector.onSyncExportSuccess = buildSelector; documentSelector.onSyncRemoved = buildSelector; documentSelector.onNewPublishSuccess = buildSelector; documentSelector.onPublishRemoved = buildSelector; documentSelector.onReady = function() { if(documentSelector.config.orderBy == "title") { sortFunction = function(fileDesc) { return fileDesc.title.toLowerCase(); }; } else if(documentSelector.config.orderBy == "mru") { sortFunction = function(fileDesc) { return -fileDesc.selectTime; }; } dropdownElt = crel('ul', { class: 'dropdown-menu dropdown-file-selector' }); document.querySelector('.ui-layout-resizer-north').appendChild(crel('div', crel('div', { 'data-toggle': 'dropdown' }), dropdownElt)); var $dropdownElt = $(dropdownElt).dropdown(); var $documentPanelTogglerElt = $('.document-panel .collapse-button'); $documentPanelTogglerElt.prop("title", _.template("<%= title %> <%= shortcutPrevious %> <%= shortcutNext %>", { title: $documentPanelTogglerElt.prop("title"), shortcutPrevious: documentSelector.config.shortcutPrevious, shortcutNext: documentSelector.config.shortcutNext })); // Handle key shortcut var shortcutPrevious = documentSelector.config.shortcutPrevious.toLowerCase(); mousetrap.bind(shortcutPrevious, function() { if(selectedLi === undefined) { $dropdownElt.dropdown('toggle'); selectedLi = liEltMap[selectFileDesc.fileIndex]; } var liIndex = _.indexOf(liEltList, selectedLi) - 1; if(liIndex === -2) { liIndex = -1; } selectedLi = liEltList[(liIndex + liEltList.length) % liEltList.length]; _.defer(function() { selectedLi.find("a").focus(); }); return false; }); var shortcutNext = documentSelector.config.shortcutNext.toLowerCase(); mousetrap.bind(documentSelector.config.shortcutNext.toLowerCase(), function() { if(selectedLi === undefined) { $dropdownElt.dropdown('toggle'); selectedLi = liEltMap[selectFileDesc.fileIndex]; } var liIndex = _.indexOf(liEltList, selectedLi) + 1; selectedLi = liEltList[liIndex % liEltList.length]; _.defer(function() { selectedLi.find("a").focus(); }); return false; }); var delimiter1 = shortcutPrevious.indexOf("+"); var shortcutSelect1 = delimiter1 === -1 ? shortcutPrevious : shortcutPrevious.substring(0, delimiter1); var delimiter2 = shortcutNext.indexOf("+"); var shortcutSelect2 = delimiter2 === -1 ? shortcutNext : shortcutNext.substring(0, delimiter2); mousetrap.bind([ shortcutSelect1, shortcutSelect2 ], function() { if(selectedLi !== undefined) { selectedLi.find("a").click(); } }, "keyup"); }; return documentSelector; });