');
const $sidebar_header = $('
| INDEX OF | ||
|---|---|---|
Warning:
You have unsaved changes.
Are you sure you want to clear all your text?
Can\'t load local directories or files from non-local web pages. Use your browser\'s bookmarks or enter the URL manually.
abcdefghijklmnopqrstuvwxyz
0123456789 [(!@#$%^&*;:)]'; const $hamburger_string = '
Typography
The art of using types to produce impressions on paper, vellum, &c.
S P E C I M E N
Typography is the work of typesetters (also known as compositors), typographers, graphic designers, art directors, manga artists, comic book artists, graffiti artists, and, now, anyone who arranges words, letters, numbers, and symbols for publication, display, or distribution.
'; const $lorem_string = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'; const $specimen = $('
'+ $sample_string +'
'+ $hamburger_string +'
'+ $lorem_string +'
'+ $lorem_string +'
'+ $lorem_string +'
');
const $content_font = $('');
const $content_image = $('- '+ $links_arr_str +'
Dark ThemeLight Theme
/g,''); items = '
'+ items +'
';
return items;
}
// Index Prep: Build new Index from prepped rows
function buildNewIndex(preppedIndex,sort) {
let newIndexItems = [];
let i = 0;
for ( let row of preppedIndex ) {
// Get row attrs and text
var rowLink = row[0] !== undefined ? row[0].replace(/&/g,'&') : '';//.replace(//,''); // decode some reserved characters
const rowName = getItemName(rowLink).replace(/^\s/m,'\ ').replace(/^\//m,'').replace(/([-_——])/g,'$1'+ $display_name +'
'+ $display_name.slice(0,$font_family.lastIndexOf('.')) +'
' ); return grid_item; } } // Set Content Pane classes function setContentClasses(content_el) { if ( content_el === 'audio' ) { $content_pane.addClass('has_audio'); } else { hideEditorOrGrid(); $content_pane.addClass( 'has_'+ content_el ); // remove classes, excluding grid and text classes; add content class } } // Set Content Element Sources and row classes function setContentSources(row,link,kind,content_el) { switch(kind) { case 'audio': $audio_player.attr('src',link); break; case 'font': showFont(row,false); break; case 'code': case 'markdown': case 'text': link = thisLink(row) +'?split_view='+ getQuery('split_view') +'&default_text_view='+ getQuery('default_text_view'); if ( !$body.hasClass('enable_text_editing') ) { link += '&enable_text_editing=false'; } else { link += '&enable_text_editing=true'; } break; case 'dir': link = link + '?sort_by=' + getQuery('sort_by') +'&show_numbers='+ getQuery('show_numbers'); break; case 'info': link = $location + '?sort_by=' + getQuery('sort_by') +'&show_numbers='+ getQuery('show_numbers') +'&view_source=true'; break; case 'pdf': link = link + '?#view=fitB&scrollbar=1&toolbar=1&navpanes=1'; break; } if ( kind === 'video' ) { row.addClass('playing'); } else { row.addClass('loaded'); } // fix for pdfs not being loaded after setting src attribute (hide and then show) if ( kind === 'pdf' ) { $content_pdf.hide().addClass('has_content').attr('src','').attr('src',link).show().removeAttr('srcdoc'); } else { $('#content_'+ content_el).addClass('has_content').attr('src',link).removeAttr('srcdoc'); } } // Show Content function showContent(row) { // show any content excluding grids on row click if ( row.length === -1 ) { return; } // needed for left/right arrow nav when there are no valid items (i.e. images or fonts) let rowID = row.attr('id'); let kind = row.attr('data-kind'); let link = thisLink(row); let content_el = ( row.hasClass('ignore') && $body.hasClass('ignore_ignored_files') ? 'ignored' : !['audio','font','image','pdf','video'].includes(kind) || kind === 'dir' || kind === 'info' ? 'iframe' : kind ); // load dirs and any other kind of content except audio, font, image, pdf, or video into iframe if ( row.hasClass('audio') ) { showAudio( rowID ); } else { closeOtherContent(row); setContentClasses(content_el); setContentSources(row,link,kind,content_el); setContentTitle(); setContentHeight(); row.siblings().removeClass('loaded'); } } //***** CLOSE CONTENT (Close button or Cmd/Ctrl + W) *****// // Close Audio/Video function closeMedia(type) { // type === audio || video let $mediaEl = ( type === 'audio' ? $audio_player : $content_video ); $mediaEl.trigger('pause').attr('src',''); $content_pane.removeClass('has_'+ type); $('.media.playing, .media.loaded').removeClass('playing loaded'); if ( type === 'audio' ) { $('#content_audio_title td').empty(); } if ( type === 'video' ) { $('#content_video').removeClass('has_content'); } setContentHeight(); } // Close Audio button click $close_audio.on('click',function(e) { e.stopPropagation(); closeMedia('audio'); $('.audio.selected').removeClass('selected'); if ( $('.loaded').length === 1 ) { $('.loaded').addClass('selected'); } }); // Close Text Editor function closeTextEditor() { if ( $body.hasClass('edited') ) { showWarning('closeContent'); } else { $body.removeClass('has_text'); if ( $content_pane.hasClass('has_hidden_grid') ) { $content_pane.toggleClass('has_grid has_hidden_grid'); } } } // Close Grid function closeGrid() { $content_pane.removeClass('has_grid'); $content_grid.empty().removeClass().attr('style','').find('.image_grid_item, img').attr('style',''); if ( $body.hasClass('has_hidden_text') ) { $body.toggleClass('has_text has_hidden_text'); } } // Close index source preview function closeIndexSource() { $('#toggle_info').removeClass('selected loaded'); $content_pane.removeClass('has_iframe').find('#content_iframe').removeClass('has_content').removeAttr('src'); if ( $('.loaded:not(.audio)').length === 1 || $('.playing').length > 0 ) { $('.loaded:not(.audio)').click(); $('.playing').addClass('selected'); } } // Close .content elements (not #content_audio, #content_text, or #content_grid) when opening new content function closeOtherContent(row) { // close audio/video when opening video/audio if ( row !== undefined ) { if ( row.hasClass('video') ) { closeMedia('audio'); } else if ( row.hasClass('audio') ) { closeMedia('video'); } } // close other content if ( $('.content.has_content').length || $content_pane.hasClass('has_ignored') ) { let $contentID = $('.content.has_content').attr('id'); switch($contentID) { // specific cases case 'content_font': $content_font.css({'font-family':''}); break; case 'content_image': $content_pane.removeClass('has_zoom_image'); $content_image.attr('style',''); // reset image: comment out to retain image scale after loading other content break; case 'content_video': closeMedia('video'); break; } // remove content classes and source attribute $content_pane.removeClass('has_font has_image has_zoom_image has_pdf has_video has_iframe has_dir has_ignored').find('.content').removeClass('has_content').removeAttr('src'); ; showHiddenEditorOrGrid(); } } // Close button: close any visible content function closeContent() { if ( $('#toggle_info').hasClass('selected') ) { closeIndexSource(); } else if ( $body.hasClass('has_text') ) { closeTextEditor(); } else if ( $content_pane.hasClass('has_grid') ) { // close grid (i.e., don't just hide) closeGrid(); } else if ( ['has_font','has_image','has_zoom_image','has_pdf','has_video','has_iframe','has_dir','has_ignored'].some( c => $content_pane.attr('class').split(' ').indexOf( c ) >= 0 ) && !$body.hasClass('iframe_edited') ) { $('.selected:not(.audio)').removeClass('selected'); $('.loaded').removeClass('loaded'); closeOtherContent(); } else if ( $body.hasClass('iframe_edited') ) { // warn if iframe edited showWarning('closeContent'); } else if ( $content_pane.hasClass('has_audio') ) { // close audio last of all closeMedia('audio'); $('.selected.audio').removeClass('selected'); } setContentTitle(); setContentHeight(); } $('#close_btn').on('click', function(e) { e.preventDefault(); closeContent(); // close content unless body.edited or body.iframe_edited }); //***** RESET CONTENT (Reset button or Cmd/Ctrl + R) *****// function resetContent() { if ( $content_pane.attr('class') === '' ) { window.location = window.location.href; } // reload page if ( $content_pane.hasClass('has_audio') ) { $audio_player.prop('currentTime', 0).trigger('pause'); } if ( $content_pane.hasClass('has_grid') ) { $grid_btn.click(); } if ( $content_pane.hasClass('has_font') ) { $content_font.css({'font-size':'1em'});} if ( $content_pane.hasClass('has_image') ) { $content_pane.removeClass('has_zoom_image').find('#content_image').attr('style',''); } if ( $content_pane.hasClass('has_video') ) { $content_video.prop('currentTime',0).trigger('pause'); } if ( $content_pane.hasClass('has_iframe') || $content_pane.hasClass('has_dir') ) { $selected_file().find('a').click(); } setContentHeight(); } $('#reload_btn').on('click', function(e) { e.preventDefault(); showWarning('resetContent'); }); //**********************// //***** NAVIGATION *****// function firstRowID(className) { return ( $('#tbody').find(':visible:not(.unchecked)').filter(className).length ? $('#tbody').find('tr:visible:not(.unchecked)').filter(className).first().attr('id') : null ); } function prevRowID(className) { let row; if ( ['.audio','.video','.media'].includes(className) ) { row = $playing_file(); } else { row = $selected_file(); } return ( !row.length || !row.prevAll(':visible:not(.unchecked)').filter(className).length ) ? $('#tbody').find('tr').filter(className).last().attr('id') : row.prevAll(':visible:not(.unchecked)').filter(className).first().attr('id'); } function nextRowID(className) { // if nothing selected, or if no next row with classname, return first row with classname, else return next row with classname let row; if ( ['.audio','.video','.media'].includes(className) ) { row = $playing_file(); } else { row = $selected_file(); } return ( !row.length || !row.nextAll(':visible:not(.unchecked)').filter(className).length ) ? $('#tbody').find('tr').filter(className).first().attr('id') : row.nextAll(':visible:not(.unchecked)').filter(className).first().attr('id'); } // function lastRowID(className) { // return ( $('#tbody').find(':visible:not(.unchecked)').filter(className).length ? $('#tbody').find('tr:visible:not(.unchecked)').filter(className).last().attr('id') : null ); // } function selectRowID(className,key) { let id = ''; if ( key === 'ArrowUp' ) { id = prevRowID('.dir,.file'); } if ( key === 'ArrowLeft' ) { id = prevRowID(className); } if ( key === 'ArrowRight' ) { id = nextRowID(className); } if ( key === 'ArrowDown' ) { id = nextRowID('.dir,.file'); } return id; } // NAVIGATION: select GRID items by left/right arrow keys @ arrowNavigation(); function gridNavigation(key) { let className = ''; if ( $content_grid.hasClass('has_font_grid') ) { className = '.font:not(.ignore)'; } if ( $content_grid.hasClass('has_image_grid') ) { className = '.image:not(.ignore)'; } if ( $content_grid.hasClass('has_grid') ) { className = '.font:not(.ignore),.image:not(.ignore)'; } selectThis( getElById(selectRowID(className,key) ) ); } // NAVIGATION: FONTS and IMAGES by prev/next buttons $content_pane.on( 'click','#prev_btn, #next_btn', function(e) { e.stopPropagation(); e.preventDefault(); let key = $(this).attr('id') === 'prev_btn' ? 'ArrowLeft' : 'ArrowRight'; clickRow( selectRowID('.font,.image',key)); }); // NAVIGATION: MEDIA tracks by arrow left/right @ leftRightArrowNavigation() & button click; // handle shuffle or loop play, as well as normal continuous playback after end of track with ArrowRight function playPrevNextTrack(key) { if ( $('.playing').length === 0 ) { // Arrow L/R selects first/last audio file if nothing selected clickRow( selectRowID('.media',key) ); playMedia('play'); } else if ( $('.playing').length === 1 ) { let mediaClass = ( $('.playing').hasClass('audio') ? '.audio' : '.video' ); // If shuffle play... if ( $body.hasClass('shuffle_audio') ) { let trackRowID = $audio_player.data('shufflelist').pop(); if ( trackRowID !== undefined ) { // if shuffle list is not empty... showAudio( trackRowID ); // load audio... playMedia('play'); // and play } else if ( trackRowID === undefined ) { // if end of shufflelist... if ( $body.hasClass('loop_audio') ) { // and if loop audio, update the shufflelist and play updateShuffleList(); playMedia('play'); } else { // else load the first track showAudio( firstRowID( mediaClass )); } } // else if there is another media file selected, play it next } else if ( $(mediaClass).filter('.selected').length === 1 && !$('.media.selected').hasClass('playing') ) { showAudio( $('.media.selected').attr('id') ); playMedia('play'); } else { if ( $body.hasClass('loop_audio') || nextRowID( mediaClass ) !== firstRowID( mediaClass ) ) { showAudio( selectRowID( mediaClass,key ) ); playMedia('play'); } else { showAudio( selectRowID( mediaClass,key ) ); } } } } // NAVIGATION: Audio by prev/next audio buttons $('.prev_next_track_btn').on('click',function() { let key = ( $(this).attr('id') === 'prev_track' ? 'ArrowLeft' : 'ArrowRight' ); playPrevNextTrack(key); }); // NAVIGATION: Prev/Next Audio or Prev/Next File of same data-kind by arrow left/right function leftRightArrowNavigation(className,key) { if ( $('.selected').hasClass('audio') && $('.playing').length === 1 ) { playPrevNextTrack(key); } else if ( $('#toggle_info').hasClass('selected') ) { // if previewing directory source if ( $('#tbody .loaded').length > 0 ) { clickRow( $('#tbody .loaded').attr('id') ); } else { clickRow( selectRowID('.dir,.file',key) ); } } else { if ( $('.selected').length === 0 ) { // else select first/last row clickRow( selectRowID('.dir,.file',key) ); } else { // else select prev/next row of same data-kind clickRow( selectRowID('.'+ $('.loaded,.video.playing').attr('data-kind'),key) ); } if (className === 'video') { playMedia('play'); } } } function upDownArrowNavigation(key) { let row = $(document.getElementById(selectRowID('.dir,.file',key))); if ( row.hasClass('audio') && $('.audio.playing').length === 1 ) { // just select audio file if another audio is playing selectThis( row ); } else if ( $('#toggle_info').hasClass('selected') ) { if ( $('#tbody .loaded').length > 0 ) { clickRow( $('#tbody .loaded').attr('id') ); } else { clickRow( selectRowID('.dir,.file',key) ); } } else { clickRow( selectRowID('.dir,.file',key) ); } } // NAVIGATE directory index items by arrow up/down or left/right keys, with/without grid @ indexNavigation() function arrowNavigation(className,key) { if ( key === 'ArrowUp' || key === 'ArrowDown' ) { upDownArrowNavigation(key); } else { // key === 'ArrowLeft" || key === 'ArrowRight' if ( $content_pane.hasClass('has_grid') ) { // Grid navigation: L/R arrow selects images and fonts only gridNavigation(key); } else { leftRightArrowNavigation(className,key); } } if ( $content_pane.hasClass('has_grid') ) { scrollThis('content_grid','selected'); } else { scrollThis('tbody','selected'); } } // NAVIGATION: Main navigation by arrow keys function indexNavigation(key) { let className = ( $('.selected[data-kind]') === undefined ? $dir_list.find('tbody tr:visible').first().attr('data-kind') : $('.selected[data-kind]').attr('data-kind') ); arrowNavigation(className,key); } // NAVIGATE items by typed string var str = ''; function timeoutID() { return window.setTimeout( function() { str = ''; }, 1500 ); } function alphaNav(e) { // Select Dir_List row by typed string; Todo: select next row by nearest letter let timer = timeoutID(); if ( typeof timer === 'number' ) { window.clearTimeout( timer ); timer = 0; // id } timeoutID(); str += e.key; str = str.toLowerCase(); if ( $('#dir_list').find('td.name[data-name^="'+ str +'"]').length ) { $('#dir_list').find('td.name[data-name^="'+ str +'"]').first().find('a').click(); scrollThis('tbody','selected'); // } else { // null; // replace this with some sort of fuzzy match function? TBD } } //***** END NAVIGATION *****// //***** CLICK TO SELECT/SHOW CONTENT *****// // CLICK element by id function clickThis(id) { let el = $(document.getElementById(id)); if ( el.find('a').length > 0 ) { el.find('a').click(); } else { el.click(); } } // CLICK Row function clickRow(id) { let row = getElById(id); selectThis(row); showContent(row); } $body.find('#tbody').on('click','tr', function(e) { e.preventDefault(); e.stopPropagation(); if ( $(this).hasClass('playing') ) { playPauseMedia(); } else { showWarning( 'clickRow', $(this).attr('id') ); } }); // Show current dir source in $content_iframe $('#toggle_info').on('click',function(e) { e.stopPropagation(); if ( $(this).hasClass('selected') ) { $('#close_btn').click(); } else { showWarning( 'clickRow', $(this).attr('id') ); } }); // DOUBLE-CLICK Row to open directory function doubleClickRow(id) { // row.dir only let row = getElById(id); let $query_str = decodeURIComponentSafe(window.location.search); if ( $query_str === '' ) { $query_str = '?'; } const $current_index = row.prevAll('.dir:visible').length; if ( $query_str.indexOf('history') !== -1 ) { $query_str = $query_str.replace(/&selected=\d+/,'').replace(/&history=/,'&history='+ $current_index +'+'); } else { $query_str = $query_str.replace(/&selected=\d+/,'') + '&history='+ $current_index; } window.location = row.find('a').attr('href') + $query_str; } $('#tbody').find('tr.dir').on('dblclick', function(e) { e.preventDefault(); e.stopPropagation(); showWarning( 'doubleClickRow', $(this).attr('id') ); }); // CLICK grid item function gridItemClick(e,el) { e.preventDefault(); clickThis( thisID($dir_list.find('a[href*="'+ thisLink(el) +'"]') ) ); } $content_grid.on('click','div', function(e) { gridItemClick(e,$(this)); }); // HOVER Grid Item $content_grid.on('mouseenter','> div:not(.selected)',function() { thisRow($dir_list.find('a[href*="'+ thisLink(this) +'"]')).addClass('hovered'); }).on('mouseleave','> div:not(.selected)',function() { thisRow($dir_list.find('a[href*="'+ thisLink(this) +'"]')).removeClass('hovered'); }); // HOVER Dir_list_row and highlight corresponding grid item $dir_list_row.hover(function() { if ( $content_grid.is(':visible') ) { $content_grid.find('[href*="'+ thisLink(this) +'"]').closest('div').addClass('hovered'); } }, function() { if ( $content_grid.is(':visible') ) { $content_grid.find('.hovered').removeClass('hovered'); } }); //***** AUTOLOAD CONTENT: index files or files from the file shortcut list *****// function autoSelectFile() { let $query_prefs = getQueryPrefs(); let $UI_pref_selected = ( $query_prefs.get('selected') === null ? '' : $query_prefs.get('selected') ); if ( getQuery('file') !== undefined && getQuery('file').length > 0 && window.top == window.self ) { // load individual files clickRow( $dir_list.find('a[href*="'+ getQuery('file') +'"]').closest('tr').attr('id') ); removeQuery('file'); } else if ( $UI_pref_selected !== '' && !$body.hasClass('has_media') ) { clickRow( $dir_list.find('tr.dir:visible').eq($UI_pref_selected).attr('id') ); } else if ( $body.hasClass('autoload_index_files') && $dir_list.find( 'a[href*="/index."]').length > 0 ) { // else load index file clickRow( $dir_list.find('a[href*="/index."]').closest('tr').attr('id') ); } else { // else select first non-media item // clickRow( $dir_list.find('tbody tr:not(.media):not(.invisible)').first() ); } if ( $body.hasClass('autoload_media') && $body.hasClass('has_media') ) { // else if audio and images, load cover art clickRow( firstRowID('.audio,.video') ); if ( $playing_file() ) { scrollThis('tbody','playing'); } } if ( $selected_file() ) { scrollThis('tbody','selected'); } } // Autoload Cover Art function getImageNames() { let image_names = []; $image_files.each(function() { let name = $(this).find('td.name').attr('data-name'); name = name.slice(0,name.lastIndexOf('.')); image_names.push( name ); }); return image_names; } function getCoverArtID() { const cover_names = ['cover','front']; const image_names = getImageNames(); for ( let cover_name of cover_names ) { if ( image_names.includes(cover_name) ) { // file name = a cover name return $image_files.eq( image_names.indexOf(cover_name) ).attr('id'); } else if ( image_names.some( name => name.startsWith(cover_name)) ) { // file name starts with a cover name return $image_files.find('td.name[data-name^="'+ cover_name +'"]').closest('tr').attr('id'); } else if ( image_names.some( name => name.indexOf(cover_name) > 0 ) ) { // file name includes a cover name return $image_files.find('td.name[data-name*="'+ cover_name +'"]').closest('tr').attr('id'); } else { // else use first image return $image_files.first().attr('id'); } } } function autoLoadCoverArt() { // autoload cover art for audio if dir contains audio and images, and audio is loaded and non-image content is not loaded let bodyClasses = getClassList('top'); if ( bodyClasses.contains( 'has_audio','has_images','autoload_media' ) && !getElById( firstRowID('.media') ).hasClass('video') ) { let $coverID = getCoverArtID(); if ( $coverID !== undefined ) { let row = getElById($coverID); showContent(row); row.addClass('loaded'); $title.html(row.find('.name').attr('data-name')); setDimensions($('.loaded.image')); } } } //***** KEYBOARD EVENTS *****// $body.on('keydown',$dir_list,function(e) { const $selected = $selected_file(); if ( $('#content_source').is(':focus') || $('#content_font div').is(':focus') && e.key !== 'Escape' ) { return; } // Disable all keydown events except return and tab when warning is shown if ( $('body').hasClass('has_warning') ) { if (e.key !== 'Enter' && e.key !== 'Tab' && e.key !== 'Shift' ) { e.preventDefault(); return false; } if ( e.key === 'Enter' ) { e.preventDefault(); e.stopPropagation(); $('#warnings').find('button.focus').click(); } if ( e.key === 'Tab' ) { e.preventDefault(); e.stopPropagation(); if ( $('#warnings').find('button.focus').length === 0 || $('#warnings').find('button.focus').prev('button').length === 0 ) { $('#warnings').find('button').last('button').focus().addClass('focus').siblings().removeClass('focus').blur(); } else { $('#warnings').find('button.focus').prev('button').focus().addClass('focus').siblings().removeClass('focus').blur(); } } } $(':focus').blur(); // Need this to able to select grid items after clicking close button (or other buttons). switch ( e.key ) { case 'ArrowUp': if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey ) { // Cmd/Ctrl + up arrow = go to parent directory if ( $('#parents_dir_menu + ul a').length < 1 ) { return; } else { showWarning( 'clickThis', $('#parent_dir_menu').attr('id') ); } break; } if ( $('*[contentEditable="true"]').is(':focus') ) { // Allow arrow navigation within content_editable elements return; } e.preventDefault(); showWarning( 'indexNavigation', 'ArrowUp' ); break; case 'ArrowDown': if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey && $selected.hasClass('app') && $settings.apps_as_dirs === false ) { // Ignore Cmd/Ctrl + arrow or if focused element is content editable or open dir return; } else if ( $('*[contentEditable="true"]' ).is(':focus') ) { return; } else if ( (e.ctrl || e.metaKey) && $selected.hasClass('dir') ) { $selected.find('a').trigger('dblclick'); break; } e.preventDefault(); showWarning( 'indexNavigation', 'ArrowDown' ); break; case 'ArrowLeft': if ( (e.ctrl || e.metaKey) || (e.ctrl && e.metaKey) ) { return; } else if ( $('*[contentEditable="true"]').is(':focus') ) { // Ignore Cmd/Ctrl + arrow or if focused element is content editable return; } if ( (e.altKey && e.shiftKey) || e.altKey && !e.metaKey && !e.ctrlKey ) { // Skip audio 30s/10s: Opt-Shift-Arrow/Opt-Arrow mediaSkip(e); return; } else { showWarning( 'indexNavigation','ArrowLeft' ); } break; case 'ArrowRight': if ( e.metaKey && !e.altKey && !e.shiftKey && $selected.hasClass('dir') ) { // Open dir with Cmd/Ctrl + Right Arrow $selected.find('a').trigger('dblclick'); return; } if ( (e.ctrl || e.metaKey) || (e.ctrl && e.metaKey) ) { // Ignore Cmd/Ctrl + arrow or if focused element is content editable return; } else if ( $('*[contentEditable="true"]').is(':focus') || $selected.hasClass('dir ignore') ) { return; } if ( (e.altKey && e.shiftKey) || e.altKey && !e.metaKey && !e.ctrlKey ) { // Skip audio 30s/10s: Opt-Shift-Arrow/Opt-Arrow mediaSkip(e); return; } else { showWarning( 'indexNavigation','ArrowRight' ); } break; case ' ': // space if ( $content_pane.hasClass('has_audio') || $content_pane.hasClass('has_video') ) { // Play/pause media (space bar) e.preventDefault(); playPauseMedia(); } else { alphaNav(e); } break; case 'Enter': // Open directories (or ignore) if ( $selected.hasClass('app') && $settings.apps_as_dirs === false ) { break; } else { if ( $selected.hasClass('dir') ) { $selected.find('a').trigger('dblclick'); } else if ( $selected.hasClass('playing') || $selected.hasClass('video') ) { // content_audio or content_video playPauseMedia(); } else { $selected.click(); } } break; // Alphabetical navigation case 'A': case 'B': case 'C': case 'D': case 'E': case 'F': case 'G': case 'H': case 'I': case 'J': case 'K': case 'L': case 'M': case 'N': case 'O': case 'P': case 'Q': case 'R': case 'S': case 'T': case 'U': case 'V': case 'W': case 'X': case 'Y': case 'Z': case 'a': case 'b': case 'c': case 'f': case 'h': case 'j': case 'k': case 'l': case 'm': case 'n': case 'p': case 'q': case 's': case 't': case 'u': case 'v': case 'x': case 'y': case 'z': case '0': case '1': case '2': case '3': case '4': case '5': case '6': case '7': case '8': case '9': case '`': case '~': case '!': case '@': case '#': case '$': case '%': case '^': case '&': case '*': case '(': case ')': case '+': case '[': case ']': case '{': case '}': /*case '\\':*/ case '|': case '/': case '.': case ',': case '?': case '–': case '—': case '\'': case '"': case '“': case '”': case '‘': case '’': case '…': case 'π': case '∫': case '∂': case 'ƒ': case '©': case '˙': case '∆': case '˚': case 'µ': case '®': case 'ß': case '†': case '√': case '∑': case '≈': case '¥': case 'Ω': case '¡': case '™': case '£': case '¢': case '∞': case '§': case '¶': case '•': case 'ª': case 'º': case '≠': case '⁄': case '€': case '‹': case '›': case 'fl': case '‡': case '°': case '·': case '‚': case '±': case '¯': case '˘': case '¿': case 'ı': case '': case '´': case '˝': case 'ˆ': case '': case '˜': case '‰': case 'ˇ': case '¨': case '◊': case '„': case '˛': case '¸': // case 'α': case 'β': case 'γ': case 'δ': case 'ε': case 'ζ': case 'η': case 'θ': case 'ι': case 'κ': case 'λ': case 'μ': case 'ν': case 'ξ': case 'ο': case 'π': case 'ρ': case 'ς': case 'σ': case 'τ': case 'υ': case 'φ': case 'χ': case 'ψ': case 'ω': case 'ϑ': case 'ϒ': case 'ϖ': // case 'Α': case 'Β': case 'Γ': case 'Δ': case 'Ε': case 'Ζ': case 'Η': case 'Θ': case 'Ι': case 'Κ': case 'Λ': case 'Μ': case 'Ν': case 'Ξ': case 'Ο': case 'Π': case 'Ρ': case 'Σ': case 'Σ': case 'Τ': case 'Υ': case 'Φ': case 'Χ': case 'Ψ': case 'Ω': case 'Θ': case 'ϒ': if ( !e.metaKey && !e.ctrlKey && !e.altKey ) { alphaNav(e); } break; case 'd': // Cmd/Ctrl + D: Toggle Details if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey ) { e.preventDefault(); $show_details.click(); } else { alphaNav(e); } break; case 'e': // Cmd/Ctrl + E: Show Text Editor if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey ) { e.preventDefault(); $('#text_editor_row').find('a').click(); } else { alphaNav(e); } break; case 'g': // Cmd/Ctrl + G: Show image Grid if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey ) { e.preventDefault(); $grid_btn.click(); } else { alphaNav(e); } break; case 'i': // Cmd/Ctrl + I: Toggle Invisibles if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey ) { e.preventDefault(); $inv_checkbox.find('input').click(); } else { alphaNav(e); } break; case 'o': // Cmd/Ctrl + Shift + O: Open selected item in new window if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && e.shiftKey && !e.altKey ) { window.open( thisLink($selected_file()) ); } else { alphaNav(e); } break; case 'r': // Cmd/Ctrl + Shift + R: Refresh if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey ) { e.preventDefault(); $('#reload_btn').click(); } else { alphaNav(e); } break; case 'w': // Close content pane if Close button visible with Cmd/Crtl + W if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey ) { if ( $content_pane.attr('class').indexOf('has_') > -1 || $('#toggle_info').hasClass('selected') ) { e.preventDefault(); $('#close_btn').click(); } } else { alphaNav(e); } break; case '\\': if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey ) { e.preventDefault(); $('#toggle_split_view').click(); } else { alphaNav(e); } break; case '=': if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey ) { e.preventDefault(); $('#increase').click(); } else { alphaNav(e); } break; case '-': if ( (navigator.platform.match('Mac') ? e.metaKey && !e.ctrlKey : e.ctrlKey) && !e.shiftKey && !e.altKey ) { e.preventDefault(); $('#decrease').click(); } else { alphaNav(e); } break; case 'tab': break; case 'Escape': $('*:focus').blur(); break; } // end switch }); // ***** END KEYBOARD EVENTS ***** // // ***** GRID SETUP ***** // // Create Font Grid Items function fontGridItems() { let $font_grid_items_arr = []; let $font_files = $dir_list_body.find('.font'); let fontGridStyles = $font_grid_styles.sheet; for ( let i = 1; i < $font_files.length; i++ ) { let newGridItem = showFont($font_files[i],true,fontGridStyles); $font_grid_items_arr.push( newGridItem ); } return $font_grid_items_arr; } // Create Image Grid Items function imageGridItems() { let $image_grid_items_arr = []; let $image_files = $dir_list_body.find('.image'); for ( let i = 0; i < $image_files.length; i++ ) { const $this_link = thisLink($image_files[i]); const exts = $row_types.image.filter( ext => $.inArray(ext, $row_settings.ignore) == -1 ); // decide which image files can be displayed const $title_name = $this_link.slice($this_link.lastIndexOf('/') + 1); if ( $.inArray( thisExt($image_files[i]), exts ) > -1 ) { // if this row file ext is in the image extension array let item = 'Save SourceSave HTML
"/g,'
')
.replace(/^