File manager - Edit - /home/premiey/www/wp-content/plugins/file-manager-advanced/application/assets/js/elfinder_script.js
Back
jQuery( document ).ready( function() { // Check if debug feature is enabled var debugEnabled = afm_object && afm_object.debug_enabled === '1'; // Global variables for error tracking var hasErrors = false; var currentEditor = null; var currentErrors = []; var lastButtonState = null; var tooltipTimeout = null; var lastTooltipLine = null; var isSaveButtonClicked = false; // CSS styles for error highlighting var errorStyles = ` <style> .fma-error-line { background-color: #fed7d7 !important; border-left: 3px solid #c53030 !important; } .fma-error-underline { text-decoration: underline wavy #c53030 !important; text-decoration-thickness: 2px !important; } .fma-error-marker { color: #c53030 !important; font-size: 14px !important; font-weight: bold !important; text-align: center !important; line-height: 1 !important; } .fma-error-gutter { background-color: #fed7d7 !important; border-right: 2px solid #c53030 !important; } .fma-save-close-disabled { opacity: 0.5 !important; cursor: not-allowed !important; pointer-events: none !important; } .fma-error-tooltip { position: absolute; background: #2d3748; color: white; padding: 8px 12px; border-radius: 6px; font-size: 12px; font-family: 'Courier New', monospace; z-index: 10000; pointer-events: none; box-shadow: 0 4px 12px rgba(0,0,0,0.3); max-width: 300px; word-wrap: break-word; line-height: 1.4; } .fma-error-tooltip::before { content: ''; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #2d3748; } .fma-error-tooltip .error-title { font-weight: bold; color: #feb2b2; margin-bottom: 4px; } .fma-error-tooltip .error-message { color: #e2e8f0; } .fma-error-tooltip .error-line { color: #a0aec0; font-size: 11px; margin-top: 4px; } </style> `; jQuery('head').append(errorStyles); if ( 1 == afm_object.hide_path ) { var custom_css = `<style id="hide-path" type="text/css">.elfinder-info-path { display:none; } .elfinder-info-tb tr:nth-child(2) { display:none; }</style>`; jQuery( "head" ).append( custom_css ); } var hide_preferences_css = `<style id="hide-preferences" type="text/css"> .elfinder-contextmenu-item:has( .elfinder-button-icon.elfinder-button-icon-preference.elfinder-contextmenu-icon ) {display: none;} </style>`; jQuery( 'head' ).append( hide_preferences_css ); var fmakey = afm_object.nonce; var fma_locale = afm_object.locale; var fma_cm_theme = afm_object.cm_theme; // PHP Debug Analysis function function analyzePHPDebug( code, filename, callback ) { jQuery.ajax({ url: afm_object.ajaxurl, type: 'POST', data: { action: 'fma_debug_php', nonce: fmakey, php_code: code, filename: filename }, success: function( response ) { if ( callback && typeof callback === 'function' ) { callback( response ); } }, error: function() { if ( callback && typeof callback === 'function' ) { callback({ valid: false, debug_info: {}, message: 'Failed to analyze PHP code' }); } } }); } // Highlight error lines in CodeMirror function highlightErrorLines(editor, errors) { if (!editor || !errors || errors.length === 0) { // No errors, clear highlights and enable save button clearErrorHighlights(editor); return; } currentErrors = errors; // Clear existing error highlights first for (var i = 0; i < editor.lineCount(); i++) { editor.removeLineClass(i, 'background', 'fma-error-line'); editor.removeLineClass(i, 'text', 'fma-error-underline'); editor.setGutterMarker(i, 'fma-error-gutter', null); } errors.forEach(function(error) { if (error.line && error.line > 0) { var lineNumber = error.line - 1; editor.addLineClass(lineNumber, 'background', 'fma-error-line'); editor.addLineClass(lineNumber, 'text', 'fma-error-underline'); var marker = document.createElement('div'); marker.className = 'fma-error-marker'; marker.innerHTML = '⚠️'; marker.title = error.message; editor.setGutterMarker(lineNumber, 'fma-error-gutter', marker); setTimeout(function() { try { var lineElement = editor.getLineHandle(lineNumber); var lineEl = null; if (lineElement && lineElement.element) { lineEl = lineElement.element; } else { lineEl = jQuery('.CodeMirror-line:eq(' + lineNumber + ')')[0]; if (!lineEl) { lineEl = jQuery('.CodeMirror-line').eq(lineNumber)[0]; } } if (lineEl) { jQuery(lineEl).off('mouseenter.fma-tooltip mouseleave.fma-tooltip'); jQuery(lineEl).on('mouseenter.fma-tooltip', function(e) { showErrorTooltip(e, error); }); jQuery(lineEl).on('mouseleave.fma-tooltip', function(e) { hideErrorTooltip(); }); } else { var cmContainer = editor.getWrapperElement(); if (cmContainer) { jQuery(cmContainer).off('mouseenter.fma-tooltip-' + lineNumber + ' mouseleave.fma-tooltip-' + lineNumber); jQuery(cmContainer).on('mouseenter.fma-tooltip-' + lineNumber, function(e) { var coords = editor.coordsChar({top: e.pageY, left: e.pageX}, 'page'); if (coords.line === lineNumber) { showErrorTooltip(e, error); } }); jQuery(cmContainer).on('mouseleave.fma-tooltip-' + lineNumber, function(e) { hideErrorTooltip(); }); } } } catch (err) { // Ignore tooltip event errors } }, 200); } }); hasErrors = true; updateSaveCloseButton(); } // Clear error highlights function clearErrorHighlights(editor) { if (!editor) return; for (var i = 0; i < editor.lineCount(); i++) { editor.removeLineClass(i, 'background', 'fma-error-line'); editor.removeLineClass(i, 'text', 'fma-error-underline'); editor.setGutterMarker(i, 'fma-error-gutter', null); try { var lineElement = editor.getLineHandle(i); if (lineElement && lineElement.element) { var lineEl = lineElement.element; jQuery(lineEl).off('mouseenter.fma-tooltip mouseleave.fma-tooltip'); } var cmContainer = editor.getWrapperElement(); if (cmContainer) { jQuery(cmContainer).off('mouseenter.fma-tooltip-' + i + ' mouseleave.fma-tooltip-' + i); } } catch (err) { // Ignore tooltip event errors } } hideErrorTooltip(); currentErrors = []; hasErrors = false; updateSaveCloseButton(); } // Show error tooltip on hover function showErrorTooltip(event, error) { // Clear existing timeout if (tooltipTimeout) { clearTimeout(tooltipTimeout); } // Check if we're already showing tooltip for this line if (lastTooltipLine === error.line) { return; } // Debounce tooltip showing tooltipTimeout = setTimeout(function() { // Remove existing tooltip jQuery('.fma-error-tooltip').remove(); var tooltipHtml = ` <div class="fma-error-tooltip"> <div class="error-title">⚠️ PHP Error</div> <div class="error-message">${error.message}</div> <div class="error-line">Line ${error.line}</div> </div> `; var tooltip = jQuery(tooltipHtml).appendTo('body'); // Position tooltip var x = event.pageX; var y = event.pageY - 10; // Adjust position if tooltip goes off screen var tooltipWidth = tooltip.outerWidth(); var tooltipHeight = tooltip.outerHeight(); var windowWidth = jQuery(window).width(); var windowHeight = jQuery(window).height(); if (x + tooltipWidth > windowWidth) { x = windowWidth - tooltipWidth - 10; } if (y - tooltipHeight < 0) { y = event.pageY + 20; } tooltip.css({ left: x + 'px', top: y + 'px' }); lastTooltipLine = error.line; }, 200); // 200ms debounce } // Hide error tooltip function hideErrorTooltip() { // Clear timeout if (tooltipTimeout) { clearTimeout(tooltipTimeout); } // Remove tooltip jQuery('.fma-error-tooltip').remove(); // Reset tracking lastTooltipLine = null; } // Get error for specific line number function getErrorForLine(lineNumber) { for (var i = 0; i < currentErrors.length; i++) { if (currentErrors[i].line === lineNumber + 1) { // Convert to 1-based return currentErrors[i]; } } return null; } // Update Save & Close button state based on error status function updateSaveCloseButton() { // Check if state has changed to avoid unnecessary updates var currentState = hasErrors ? 'disabled' : 'enabled'; if (lastButtonState === currentState) { return; // No change needed } lastButtonState = currentState; // Find the Save & Close button with multiple selectors var selectors = [ '.elfinder-button-save-close', '.elfinder-button-save', '[title*="Save"]', '[title*="save"]', '.ui-button[title*="Save"]', '.ui-button[title*="save"]', 'button[title*="Save"]', 'button[title*="save"]', '.elfinder-toolbar button[title*="Save"]', '.elfinder-toolbar button[title*="save"]', '.elfinder-toolbar .ui-button[title*="Save"]', '.elfinder-toolbar .ui-button[title*="save"]', '.elfinder .ui-button[title*="Save"]', '.elfinder .ui-button[title*="save"]', '.elfinder button[title*="Save"]', '.elfinder button[title*="save"]' ]; var saveCloseBtn = jQuery(selectors.join(', ')).filter(':visible'); // Also try to find buttons by text content if (saveCloseBtn.length === 0) { var textSelectors = [ 'button:contains("Save")', 'button:contains("save")', '.ui-button:contains("Save")', '.ui-button:contains("save")', '.elfinder button:contains("Save")', '.elfinder button:contains("save")', '.elfinder .ui-button:contains("Save")', '.elfinder .ui-button:contains("save")' ]; saveCloseBtn = jQuery(textSelectors.join(', ')).filter(':visible'); } if (saveCloseBtn.length > 0) { if (hasErrors) { // Disable button when errors exist saveCloseBtn.addClass('fma-save-close-disabled'); saveCloseBtn.attr('disabled', 'disabled'); saveCloseBtn.attr('title', 'Please fix PHP errors before saving'); saveCloseBtn.css('opacity', '0.5'); saveCloseBtn.css('cursor', 'not-allowed'); saveCloseBtn.prop('disabled', true); saveCloseBtn.off('click.fma-disable'); // Remove existing handlers saveCloseBtn.on('click.fma-disable', function(e) { e.preventDefault(); e.stopPropagation(); return false; }); // Track when save button is actually clicked saveCloseBtn.on('click.fma-save-track', function(e) { isSaveButtonClicked = true; setTimeout(function() { isSaveButtonClicked = false; }, 1000); }); } else { // Enable button when no errors saveCloseBtn.removeClass('fma-save-close-disabled'); saveCloseBtn.removeAttr('disabled'); saveCloseBtn.attr('title', 'Save & Close'); saveCloseBtn.css('opacity', '1'); saveCloseBtn.css('cursor', 'pointer'); saveCloseBtn.prop('disabled', false); saveCloseBtn.off('click.fma-disable'); // Remove disable handlers // Track when save button is actually clicked saveCloseBtn.off('click.fma-save-track'); // Remove existing handlers saveCloseBtn.on('click.fma-save-track', function(e) { isSaveButtonClicked = true; setTimeout(function() { isSaveButtonClicked = false; }, 1000); }); } } } // Periodic button check (since elFinder buttons load dynamically) setInterval(function() { if (currentEditor && hasErrors) { // Only check when there are errors to avoid unnecessary updates updateSaveCloseButton(); } }, 10000); // Reduced frequency to every 10 seconds and only when errors exist // Show error popup on save attempt function showErrorSavePopup(errors, callback) { var errorList = errors.map(function(error) { return `Line ${error.line}: ${error.message}`; }).join('<br>'); var popupHtml = ` <div class="fma-modal-overlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display: flex; justify-content: center; align-items: center;"> <div class="fma-error-popup" style="background: white; border-radius: 8px; padding: 20px; max-width: 500px; width: 90%; box-shadow: 0 4px 20px rgba(0,0,0,0.3);"> <div style="display: flex; align-items: center; margin-bottom: 15px;"> <div style="font-size: 24px; margin-right: 10px;">⚠️</div> <h3 style="margin: 0; color: #c53030; font-size: 18px;">PHP Syntax Errors Found</h3> </div> <div style="margin-bottom: 20px; color: #4a5568; line-height: 1.5;"> <p style="margin: 0 0 10px 0;">Please fix the following errors before saving:</p> <div style="background: #fed7d7; padding: 10px; border-radius: 4px; border-left: 3px solid #c53030; font-family: monospace; font-size: 12px;"> ${errorList} </div> </div> <div style="display: flex; gap: 10px; justify-content: flex-end;"> <button class="fma-error-okay" style="background: #4299e1; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; font-size: 14px;"> Okay </button> <button class="fma-error-save-anyway" style="background: #c53030; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; font-size: 14px;"> Save Anyway </button> </div> </div> </div> `; // Remove existing popup jQuery('.fma-modal-overlay').remove(); // Add new popup var popup = jQuery(popupHtml).appendTo('body'); // Okay button - close popup and return to editor popup.find('.fma-error-okay').on('click', function() { popup.remove(); if (callback) callback(false); // Don't save }); // Save Anyway button - close popup and save file popup.find('.fma-error-save-anyway').on('click', function() { popup.remove(); if (callback) callback(true); // Save anyway }); // Close on overlay click popup.find('.fma-modal-overlay').on('click', function(e) { if (e.target === this) { popup.remove(); if (callback) callback(false); // Don't save } }); } // Show simple success modal (with duplicate prevention) function showSuccessModal(message) { // Prevent duplicate modals if (jQuery('.fma-modal-overlay').length > 0) { return; } var modalHtml = ` <div class="fma-modal-overlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10001; display: flex; align-items: center; justify-content: center;"> <div class="fma-modal" style="background: white; border-radius: 8px; padding: 30px; max-width: 400px; width: 90%; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.3); font-family: Arial, sans-serif;"> <div style="color: #46b450; font-size: 48px; margin-bottom: 15px;">✓</div> <h3 style="margin: 0 0 10px 0; color: #46b450; font-size: 18px;">Success!</h3> <p style="margin: 0 0 20px 0; color: #333; font-size: 14px;">${message}</p> <button class="fma-modal-close" style="padding: 10px 20px; background: #46b450; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px;">OK</button> </div> </div> `; var modal = jQuery(modalHtml).appendTo('body'); // Close modal on click modal.find('.fma-modal-close, .fma-modal-overlay').on('click', function(e) { if (e.target === this) { modal.remove(); } }); // Auto close after 3 seconds setTimeout(function() { modal.remove(); }, 3000); } var elfinder_object = jQuery( '#file_manager_advanced' ).elfinder( // 1st Arg - options { cssAutoLoad : false, // Disable CSS auto loading url : afm_object.ajaxurl, // connector URL (REQUIRED) customData : { action: 'fma_load_fma_ui', _fmakey: fmakey, }, defaultView : 'list', height: 500, lang : fma_locale, ui: afm_object.ui, commandsOptions: { edit : { mimes : [], editors : [ { mimes : [ 'text/plain', 'text/html', 'text/javascript', 'text/css', 'text/x-php', 'application/x-php' ], info : { name : 'Code Editor' }, load : function( textarea ) { var mimeType = this.file.mime; var filename = this.file.name; var self = this; editor = CodeMirror.fromTextArea( textarea, { mode: mimeType, indentUnit: 4, lineNumbers: true, lineWrapping: true, lint: true, theme: fma_cm_theme, gutters: ["CodeMirror-lint-markers", "CodeMirror-linenumbers"] } ); // Store reference to current file info editor.fma_file_info = { filename: filename, mime: mimeType, hash: self.file.hash }; // Add debug feature for PHP files (only if enabled) if (debugEnabled && (mimeType === 'text/x-php' || mimeType === 'application/x-php' || filename.toLowerCase().endsWith('.php'))) { var debugTimeout; // Function to analyze code for debug info function analyzeCode() { var code = editor.getValue(); if (!code.trim()) { return; } analyzePHPDebug(code, filename, function(result) { if (!result.valid && result.errors) { // Only highlight error lines, no panels highlightErrorLines(editor, result.errors); } }); } // Add keyboard shortcut for debug analysis (Ctrl+Shift+D) editor.on('keydown', function(cm, event) { if (event.ctrlKey && event.shiftKey && event.keyCode === 68) { // Ctrl+Shift+D event.preventDefault(); analyzeCode(); } }); // Auto-analyze after 3 seconds of inactivity editor.on('change', function() { clearTimeout(debugTimeout); debugTimeout = setTimeout(analyzeCode, 3000); // Also do immediate analysis for real-time feedback setTimeout(function() { var code = editor.getValue(); if (code.trim()) { analyzePHPDebug(code, filename, function(result) { if (result.valid) { // No errors, clear highlights and enable button clearErrorHighlights(editor); hasErrors = false; updateSaveCloseButton(); } else if (!result.valid && result.errors) { // Still has errors, update highlights highlightErrorLines(editor, result.errors); } }); } }, 1000); // Quick analysis after 1 second }); // Initial analysis setTimeout(analyzeCode, 2000); } // Store current editor reference currentEditor = editor; // Add global mouse move listener for tooltip jQuery(document).off('mousemove.fma-tooltip'); jQuery(document).on('mousemove.fma-tooltip', function(e) { if (hasErrors && currentEditor) { try { var coords = currentEditor.coordsChar({top: e.pageY, left: e.pageX}, 'page'); var lineNumber = coords.line; // Check if this line has an error var error = getErrorForLine(lineNumber); if (error) { // Check if mouse is over CodeMirror var cmElement = currentEditor.getWrapperElement(); if (cmElement && jQuery(cmElement).is(':hover')) { showErrorTooltip(e, error); } else { hideErrorTooltip(); } } else { hideErrorTooltip(); } } catch (err) { // Ignore errors in mouse move handler } } }); // Initial button state check setTimeout(function() { updateSaveCloseButton(); }, 500); return editor; }, close: function(textarea, instance) { // Clear error highlights before closing if (instance) { clearErrorHighlights(instance); instance.fma_file_info = null; } // Clear current editor reference currentEditor = null; this.myCodeMirror = null; }, save: function(textarea, editor) { var code = editor.getValue(); var filename = editor.fma_file_info ? editor.fma_file_info.filename : 'unknown.php'; // Check if it's a PHP file if (filename.toLowerCase().endsWith('.php') || editor.getMode().name === 'php' || editor.getMode().name === 'application/x-httpd-php') { // Only check for errors if this is actually a save operation // Check if the save button was actually clicked var isSaveOperation = isSaveButtonClicked; // If errors exist and this is a save operation, prevent save and show popup if (hasErrors && isSaveOperation) { // Get current errors for popup analyzePHPDebug(code, filename, function(result) { if (!result.valid && result.errors) { showErrorSavePopup(result.errors, function(saveAnyway) { if (saveAnyway) { // User chose to save anyway jQuery(textarea).val(code); // Trigger the actual save if (typeof editor.save === 'function') { editor.save(); } } // If saveAnyway is false, do nothing (don't save) }); } }); return false; // Prevent save } // No errors or cancel operation, proceed with save jQuery(textarea).val(code); return true; } else { // Not a PHP file, save normally jQuery(textarea).val(code); return true; } }, }, ], }, }, workerBaseUrl: afm_object.plugin_url + 'application/library/js/worker/', } ); } );
| ver. 1.4 |
Github
|
.
| PHP 5.4.45 | Generation time: 0 |
proxy
|
phpinfo
|
Settings