');
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 = $('| Parent Directory |
|---|
- '+ $links_arr_str +'
Dark ThemeLight Theme
/g,''); items = '
'+ items +'
';
return items;
}
// Index Prep: Remove images, empty cells, hrs, and extract href from link
function prepRow(str) {
str = str.replace(//g,'') // remove hr // .replace(/^[\s\/-]+$/m,'') // remove empty headers .replace(/>[ |\s*]<'); // remove empty elements (typically "description" or dir size) return str; } // Index Prep: Build new Index from prepped rows function buildNewIndex(preppedIndex,sort) { let newIndexItems = []; for ( let i = 0; i < preppedIndex.length; i++ ) { // Get row attrs and text var rowLink = preppedIndex[i][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; } } // Show/Hide Editor or Grid function showEditorOrGrid() { if ( $body.hasClass('has_hidden_text') ) { $body.toggleClass('has_text has_hidden_text'); } if ( $content_pane.hasClass('has_hidden_grid') ) { $content_pane.toggleClass('has_grid has_hidden_grid'); } } function hideEditorOrGrid() { if ( $body.hasClass('has_text') ) { $body.toggleClass('has_text has_hidden_text'); } if ( $content_pane.hasClass('has_grid') ) { $content_pane.toggleClass('has_grid has_hidden_grid'); } } // Set Content Pane classes function setContentClasses(content_el) { if ( content_el === 'audio' ) { $content_pane.addClass('has_audio'); } else { hideEditorOrGrid(); let classes = ['has_font','has_image','has_zoom_image','has_pdf','has_video','has_iframe','has_dir','has_ignored']; $content_pane.removeClass(classes.join(' ')).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) { if ( kind === 'audio' ) { $audio_player.attr('src',link); } if ( kind === 'font' ) { showFont(row,false); } if ( kind === 'pdf' ) { link = link + '?#view=fitB&scrollbar=1&toolbar=1&navpanes=1'; } // add pdf query str to link if ( kind === 'code' || kind === 'markdown' || kind === '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'; } } if ( kind === 'dir' ) { link = link + '?sort_by=' + getQuery('sort_by') +'&show_numbers='+ getQuery('show_numbers'); } // add pdf query str to link if ( kind === 'video' ) { row.addClass('playing'); } else { row.addClass('loaded'); } $('#content_'+ content_el).addClass('has_content').hide().attr('src',link).removeAttr('srcdoc').show(); } // 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 link = thisLink(row); let kind = thisRow(row).attr('data-kind') ; let rowID = row.attr('id'); let content_el = ( row.hasClass('ignore') && $body.hasClass('ignore_ignored_files') ? 'ignored' : !['audio','font','image','pdf','video'].includes(kind) || kind === 'dir' ? 'iframe' : kind ); // load dirs and any other kind of content except audio, font, image, pdf, or video into iframe if ( row.hasClass('m3u') ) { } else if ( row.hasClass('audio') ) { showAudio( rowID ); } else { closeContentEls(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 ); // let $mediaFile = $(document.getElementsByClassName(type)); $('.media.playing, .media.loaded').removeClass('playing loaded'); $content_pane.removeClass('has_'+ type); $mediaEl.trigger('pause').attr('src',''); if ( type === 'audio' ) { $('#content_audio_title td').empty(); } else { $title.empty(); } 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 // Close Grid function closeGrid() { $content_pane.removeClass('has_grid'); $content_grid.empty().removeClass().attr('style','').find('.image_grid_item, img').attr('style',''); } // Close .content elements (not #content_audio, #content_text, or #content_grid) when opening new content function closeContentEls(row) { // close media if ( row !== undefined && row.hasClass('video') ) { closeMedia('audio'); } else if ( row !== undefined && row.hasClass('audio') ) { closeMedia('video'); } // close content if ( $('body').hasClass('has_text') && $(this).hasClass('selected') ) { // if text editor visible, just hide it and show selected item $('body').removeClass('has_text').addClass('has_hidden_text'); } else if ( $('.content.has_content').length ) { let $contentID = $('.content.has_content').attr('id'); switch($contentID) { 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 // $content_grid.find('a[href="' + thisLink(row) + '"]').parent('div').addClass('selected').siblings().removeClass('selected'); // select grid image break; case 'content_video': closeMedia('video'); break; } $content_pane.removeClass('has_'+ $contentID.slice(8)); $('.content').removeClass('has_content').removeAttr('src'); // $content_iframe.attr('srcdoc',$content_parent_link); } } // Close button function closeContent() { if ( $content_pane.hasClass('has_grid') ) { // close grid closeGrid(); } else if ( $body.hasClass('iframe_edited') ) { // warn if iframe edited hideEditorOrGrid(); showWarning('closeContent'); } else if ( ['has_font','has_image','has_zoom_image','has_pdf','has_video','has_iframe','has_dir','has_ignored','has_text'].some( c => $content_pane.attr('class').split(' ').indexOf( c ) >= 0 ) ) { closeContentEls(); // close content if content pane has one of these classes, except audio and grids $('.selected:not(.audio)').removeClass('selected'); $('.loaded').removeClass('loaded'); $title.removeAttr('data-after').empty(); showEditorOrGrid(); } else if ( $body.hasClass('has_text') && !$body.hasClass('edited') ) { // simply hide unedited text editor... $body.removeClass('has_text'); } else if ( $body.hasClass('edited') ) { // ...else show edited warning showWarning('closeContent'); } else { // 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('media') && $('.playing').length === 1 ) { playPrevNextTrack(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').attr('data-kind'),key) ); } } } 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 { 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') ); } }); // DOUBLE-CLICK Row to open directory function doubleClickRow(row) { // row.dir only let $query_str = decodeURIComponentSafe(window.location.search); if ( $query_str === '' ) { $query_str = '?'; } const $current_index = row.prevAll('.dir:visible:not(.ignore)').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) ); }); // 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:not(.invisible)').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 // showAudio( firstRowID('.audio,.video') ); 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 if ( $body.hasClass('has_audio') && $body.hasClass('has_images') && $body.hasClass('autoload_media') ) { let $coverID = getCoverArtID(); if ( $coverID !== undefined ) { let row = getElById($coverID); showContent(row); row.addClass('loaded'); } } } //***** 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 ) { 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(/^