|
|
@@ -72,9 +72,9 @@
|
|
|
//load editor preferences/defaults
|
|
|
$setting_size = !empty($_SESSION["editor"]["font_size"]["text"]) ? $_SESSION["editor"]["font_size"]["text"] : '12px';
|
|
|
$setting_theme = !empty($_SESSION["editor"]["theme"]["text"]) ? $_SESSION["editor"]["theme"]["text"] : 'cobalt';
|
|
|
- $setting_invisibles = !empty($_SESSION["editor"]["invisibles"]["boolean"]) ? $_SESSION["editor"]["invisibles"]["boolean"] : 'false';
|
|
|
- $setting_indenting = !empty($_SESSION["editor"]["indent_guides"]["boolean"]) ? $_SESSION["editor"]["indent_guides"]["boolean"] : 'false';
|
|
|
- $setting_numbering = !empty($_SESSION["editor"]["line_numbers"]["boolean"]) ? $_SESSION["editor"]["line_numbers"]["boolean"] : 'true';
|
|
|
+ $setting_invisibles = isset($_SESSION['editor']['invisibles']['text']) ? $_SESSION['editor']['invisibles']["text"] : 'false';
|
|
|
+ $setting_indenting = isset($_SESSION['editor']['indent_guides']['text']) ? $_SESSION['editor']['indent_guides']["text"]: 'false';
|
|
|
+ $setting_numbering = isset($_SESSION['editor']['line_numbers']['text']) ? $_SESSION['editor']['line_numbers']["text"] : 'true';
|
|
|
|
|
|
//get and then set the favicon
|
|
|
if (isset($_SESSION['theme']['favicon']['text'])){
|
|
|
@@ -89,8 +89,11 @@
|
|
|
$_SESSION['keys'][$key_name] = bin2hex(random_bytes(32));
|
|
|
$_SESSION['token'] = hash_hmac('sha256', $key_name, $_SESSION['keys'][$key_name]);
|
|
|
|
|
|
-?>
|
|
|
+ //The buffer must be empty
|
|
|
+ while(ob_get_level() > 0)
|
|
|
+ ob_get_clean();
|
|
|
|
|
|
+?><!doctype html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
|
|
|
@@ -99,7 +102,6 @@
|
|
|
<link rel='stylesheet' type='text/css' href='<?php echo PROJECT_PATH; ?>/resources/fontawesome/css/all.min.css.php'>
|
|
|
<script language="JavaScript" type="text/javascript" src="<?php echo PROJECT_PATH; ?>/resources/jquery/jquery-3.6.1.min.js"></script>
|
|
|
<script src='https://code.jquery.com/jquery-migrate-3.1.0.js'></script>
|
|
|
- <script language='JavaScript' type='text/javascript' src='<?php echo PROJECT_PATH; ?>/resources/fontawesome/js/solid.min.js.php' defer></script>
|
|
|
<script language="JavaScript" type="text/javascript">
|
|
|
function submit_check() {
|
|
|
if (document.getElementById('filepath').value != '') {
|
|
|
@@ -169,7 +171,6 @@
|
|
|
form_data.append('content', editor.getSession().getValue());
|
|
|
form_data.append('token',document.getElementById('token').value);
|
|
|
form_data.append('mode',"<?php echo $mode; ?>");
|
|
|
-
|
|
|
|
|
|
http_request('file_save.php', form_data);
|
|
|
}
|
|
|
@@ -191,161 +192,367 @@
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
-<body style='padding: 0; margin: 0; overflow: hidden;'>
|
|
|
-<table id='frame' cellpadding='0' cellspacing='0' border='0' style="height: 100%; width: 100%;">
|
|
|
- <tr>
|
|
|
- <td id='sidebar' valign='top' style="width: 300px; height: 100%;">
|
|
|
- <iframe id='file_list' src='file_list.php' style='border: none; height: 65%; width: 100%;'></iframe><br>
|
|
|
- <iframe id='clip_list' src='clip_list.php' style='border: none; border-top: 1px solid #ccc; height: calc(35% - 1px); width: 100%;'></iframe>
|
|
|
- </td>
|
|
|
- <td align='right' valign='top' style='height: 100%;'>
|
|
|
- <form style='margin: 0;' name='frm_edit' id='frm_edit' method='post' action='file_save.php' onsubmit="return submit_check();">
|
|
|
- <textarea name='content' id='editor_source' style='display: none;'></textarea>
|
|
|
- <input type='hidden' name='filepath' id='filepath' value=''>
|
|
|
- <input type='hidden' name='token' id='token' value='<?php echo $_SESSION['token']; ?>'>
|
|
|
- <table cellpadding='0' cellspacing='0' border='0' style='width: 100%;'>
|
|
|
- <tr>
|
|
|
- <td valign='middle' id='td_save'><i class='fas fa-save fa-lg ace_control' title="<?php echo $text['label-save_changes']; ?>" onclick="save();"></i></td>
|
|
|
- <td align='left' valign='middle' width='100%' style='padding: 0 15px 0 18px;'><input id='current_file' type='text' style='height: 23px; width: 100%;'></td>
|
|
|
- <td style='padding: 0;'><img src='resources/images/blank.gif' style='width: 1px; height: 40px; border: none;'></td>
|
|
|
- <td valign='middle' style='padding-left: 6px;'><i class='fas fa-window-maximize fa-lg fa-rotate-270 ace_control' title="<?php echo $text['label-toggle_side_bar']; ?>" onclick="toggle_sidebar();"></i></td>
|
|
|
- <td valign='middle' style='padding-left: 6px;'><i class='fas fa-list-ul fa-lg ace_control' title="<?php echo $text['label-toggle_line_numbers']; ?>" onclick="toggle_option('numbering');"></i></td>
|
|
|
- <td valign='middle' style='padding-left: 6px;'><i class='fas fa-eye-slash fa-lg ace_control' title="<?php echo $text['label-toggle_invisibles']; ?>" onclick="toggle_option('invisibles');"></i></td>
|
|
|
- <td valign='middle' style='padding-left: 6px;'><i class='fas fa-indent fa-lg ace_control' title="<?php echo $text['label-toggle_indent_guides']; ?>" onclick="toggle_option('indenting');"></i></td>
|
|
|
- <td valign='middle' style='padding-left: 6px;'><i class='fas fa-search fa-lg ace_control' title="<?php echo $text['label-find_replace']; ?>" onclick="editor.execCommand('replace');"></i></td>
|
|
|
- <td valign='middle' style='padding-left: 6px;'><i class='fas fa-chevron-down fa-lg ace_control' title="<?php echo $text['label-go_to_line']; ?>" onclick="editor.execCommand('gotoline');"></i></td>
|
|
|
- <td valign='middle' style='padding-left: 15px;'>
|
|
|
- <select id='mode' style='height: 23px; max-width: 70px;' onchange="editor.getSession().setMode('ace/mode/' + this.options[this.selectedIndex].value); focus_editor();">
|
|
|
- <?php
|
|
|
- $modes['php'] = 'PHP';
|
|
|
- $modes['css'] = 'CSS';
|
|
|
- $modes['html'] = 'HTML';
|
|
|
- $modes['javascript'] = 'JS';
|
|
|
- $modes['json'] = 'JSON';
|
|
|
- $modes['ini'] = 'Conf';
|
|
|
- $modes['lua'] = 'Lua';
|
|
|
- $modes['text'] = 'Text';
|
|
|
- $modes['xml'] = 'XML';
|
|
|
- $modes['sql'] = 'SQL';
|
|
|
- $modes['sh'] = 'SH';
|
|
|
- $modes['smarty'] = 'Smarty';
|
|
|
- $modes['svg'] = 'SVG';
|
|
|
- $modes['makefile'] = 'Makefile';
|
|
|
- $modes['c_cpp'] = 'C';
|
|
|
- $modes['c_cpp'] = 'CPP';
|
|
|
- $modes['pgsql'] = 'PGSQL';
|
|
|
- foreach ($modes as $value => $label) {
|
|
|
- $selected = ($value == $mode) ? 'selected' : null;
|
|
|
- echo "<option value='".$value."' ".$selected.">".$label."</option>\n";
|
|
|
- }
|
|
|
- ?>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <td valign='middle' style='padding-left: 4px;'>
|
|
|
- <select id='size' style='height: 23px;' onchange="document.getElementById('editor').style.fontSize = this.options[this.selectedIndex].value; focus_editor();">
|
|
|
- <?php
|
|
|
- $sizes = explode(',','9px,10px,11px,12px,14px,16px,18px,20px');
|
|
|
- if (!in_array($setting_size, $sizes)) {
|
|
|
- echo "<option value='".$setting_size."'>".$setting_size."</option>\n";
|
|
|
- echo "<option value='' disabled='disabled'></option>\n";
|
|
|
- }
|
|
|
- foreach ($sizes as $size) {
|
|
|
- $selected = ($size == $setting_size) ? 'selected' : null;
|
|
|
- echo "<option value='".$size."' ".$selected.">".$size."</option>\n";
|
|
|
- }
|
|
|
- ?>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <td valign='middle' style='padding-left: 4px; padding-right: 4px;'>
|
|
|
- <select id='theme' style='height: 23px; max-width: 100px;' onchange="editor.setTheme('ace/theme/' + this.options[this.selectedIndex].value); focus_editor();">
|
|
|
- <?php
|
|
|
- $themes['Bright']['chrome']= 'Chrome';
|
|
|
- $themes['Bright']['clouds']= 'Clouds';
|
|
|
- $themes['Bright']['crimson_editor']= 'Crimson Editor';
|
|
|
- $themes['Bright']['dawn']= 'Dawn';
|
|
|
- $themes['Bright']['dreamweaver']= 'Dreamweaver';
|
|
|
- $themes['Bright']['eclipse']= 'Eclipse';
|
|
|
- $themes['Bright']['github']= 'GitHub';
|
|
|
- $themes['Bright']['iplastic']= 'IPlastic';
|
|
|
- $themes['Bright']['solarized_light']= 'Solarized Light';
|
|
|
- $themes['Bright']['textmate']= 'TextMate';
|
|
|
- $themes['Bright']['tomorrow']= 'Tomorrow';
|
|
|
- $themes['Bright']['xcode']= 'XCode';
|
|
|
- $themes['Bright']['kuroir']= 'Kuroir';
|
|
|
- $themes['Bright']['katzenmilch']= 'KatzenMilch';
|
|
|
- $themes['Bright']['sqlserver']= 'SQL Server';
|
|
|
- $themes['Dark']['ambiance']= 'Ambiance';
|
|
|
- $themes['Dark']['chaos']= 'Chaos';
|
|
|
- $themes['Dark']['clouds_midnight']= 'Clouds Midnight';
|
|
|
- $themes['Dark']['cobalt']= 'Cobalt';
|
|
|
- $themes['Dark']['idle_fingers']= 'idle Fingers';
|
|
|
- $themes['Dark']['kr_theme']= 'krTheme';
|
|
|
- $themes['Dark']['merbivore']= 'Merbivore';
|
|
|
- $themes['Dark']['merbivore_soft']= 'Merbivore Soft';
|
|
|
- $themes['Dark']['mono_industrial']= 'Mono Industrial';
|
|
|
- $themes['Dark']['monokai']= 'Monokai';
|
|
|
- $themes['Dark']['pastel_on_dark']= 'Pastel on dark';
|
|
|
- $themes['Dark']['solarized_dark']= 'Solarized Dark';
|
|
|
- $themes['Dark']['terminal']= 'Terminal';
|
|
|
- $themes['Dark']['tomorrow_night']= 'Tomorrow Night';
|
|
|
- $themes['Dark']['tomorrow_night_blue']= 'Tomorrow Night Blue';
|
|
|
- $themes['Dark']['tomorrow_night_bright']= 'Tomorrow Night Bright';
|
|
|
- $themes['Dark']['tomorrow_night_eighties']= 'Tomorrow Night 80s';
|
|
|
- $themes['Dark']['twilight']= 'Twilight';
|
|
|
- $themes['Dark']['vibrant_ink']= 'Vibrant Ink';
|
|
|
- foreach ($themes as $optgroup => $theme) {
|
|
|
- echo "<optgroup label='".$optgroup."'>\n";
|
|
|
- foreach ($theme as $value => $label) {
|
|
|
- $selected = (strtolower($label) == strtolower($setting_theme)) ? 'selected' : null;
|
|
|
- echo "<option value='".$value."' ".$selected.">".$label."</option>\n";
|
|
|
- }
|
|
|
- echo "</optgroup>\n";
|
|
|
- }
|
|
|
- ?>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </form>
|
|
|
- <div id='editor' style="text-align: left; width: 100%; height: calc(100% - 30px); font-size: 12px;"></div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
-</table>
|
|
|
-
|
|
|
-<script type="text/javascript" src="<?php echo PROJECT_PATH; ?>/resources/ace/ace.js" charset="utf-8"></script>
|
|
|
-<script type="text/javascript">
|
|
|
- //load ace editor
|
|
|
- var editor = ace.edit("editor");
|
|
|
- editor.setOptions({
|
|
|
- mode: 'ace/mode/<?php echo $mode;?>',
|
|
|
- theme: 'ace/theme/'+document.getElementById('theme').options[document.getElementById('theme').selectedIndex].value,
|
|
|
- selectionStyle: 'text',
|
|
|
- cursorStyle: 'smooth',
|
|
|
- showInvisibles: <?php echo $setting_invisibles;?>,
|
|
|
- displayIndentGuides: <?php echo $setting_indenting;?>,
|
|
|
- showLineNumbers: <?php echo $setting_numbering;?>,
|
|
|
- showGutter: true,
|
|
|
- scrollPastEnd: true,
|
|
|
- fadeFoldWidgets: <?php echo $setting_numbering;?>,
|
|
|
- showPrintMargin: false,
|
|
|
- highlightGutterLine: false,
|
|
|
- useSoftTabs: false
|
|
|
+<body style="padding: 0; margin: 0; overflow: hidden;">
|
|
|
+ <div id="frame" style="display: flex; height: 100vh; width: 100vw;">
|
|
|
+ <!-- Sidebar -->
|
|
|
+ <div id="sidebar" style="width: 300px; height: 100%; display: flex; flex-direction: column;">
|
|
|
+ <div id="file_list" style="border: none; height: 65%; width: 100%; overflow: auto;">
|
|
|
+ Loading...
|
|
|
+ </div>
|
|
|
+ <div id="clip_list" style="border: none; border-top: 1px solid #ccc; height: calc(35% - 1px); width: 100%; overflow: auto;">
|
|
|
+ Loading...
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Main Content -->
|
|
|
+ <div id="ace_content" style="flex: 1; height: 100%; display: flex; flex-direction: column;">
|
|
|
+ <!-- Editor Controls -->
|
|
|
+ <form style="margin: 0;" name="frm_edit" id="frm_edit" method="post" action="file_save.php" onsubmit="return submit_check();">
|
|
|
+ <textarea name="content" id="editor_source" style="display: none;"></textarea>
|
|
|
+ <input type="hidden" name="filepath" id="filepath" value="">
|
|
|
+ <input type="hidden" name="token" id="token" value="<?php echo $_SESSION['token']; ?>">
|
|
|
+ <div id="editor-controls" style="display: flex; align-items: center; width: 100%; height: 30px;">
|
|
|
+ <div id="td_save" style="display: inline-flex; align-items: center;">
|
|
|
+ <i class="fas fa-save fa-lg ace_control" title="<?php echo $text['label-save_changes']; ?>" onclick="save();"></i>
|
|
|
+ </div>
|
|
|
+ <div style="flex: 1; padding: 0 15px 0 18px;">
|
|
|
+ <input id="current_file" type="text" style="height: 23px; width: 100%;">
|
|
|
+ </div>
|
|
|
+ <div style="width: 1px; height: 40px;"></div>
|
|
|
+ <div style="padding-left: 6px;">
|
|
|
+ <i class="fas fa-window-maximize fa-lg fa-rotate-270 ace_control" title="<?php echo $text['label-toggle_side_bar']; ?>" onclick="toggle_sidebar();"></i>
|
|
|
+ </div>
|
|
|
+ <div style="padding-left: 6px;">
|
|
|
+ <i class="fas fa-list-ul fa-lg ace_control" title="<?php echo $text['label-toggle_line_numbers']; ?>" onclick="toggle_option('numbering');"></i>
|
|
|
+ </div>
|
|
|
+ <div style="padding-left: 6px;">
|
|
|
+ <i class="fas fa-eye-slash fa-lg ace_control" title="<?php echo $text['label-toggle_invisibles']; ?>" onclick="toggle_option('invisibles');"></i>
|
|
|
+ </div>
|
|
|
+ <div style="padding-left: 6px;">
|
|
|
+ <i class="fas fa-indent fa-lg ace_control" title="<?php echo $text['label-toggle_indent_guides']; ?>" onclick="toggle_option('indenting');"></i>
|
|
|
+ </div>
|
|
|
+ <div style="padding-left: 6px;">
|
|
|
+ <i class="fas fa-search fa-lg ace_control" title="<?php echo $text['label-find_replace']; ?>" onclick="editor.execCommand('replace');"></i>
|
|
|
+ </div>
|
|
|
+ <div style="padding-left: 6px;">
|
|
|
+ <i class="fas fa-chevron-down fa-lg ace_control" title="<?php echo $text['label-go_to_line']; ?>" onclick="editor.execCommand('gotoline');"></i>
|
|
|
+ </div>
|
|
|
+ <div style="padding-left: 15px;">
|
|
|
+ <select id="mode" style="height: 23px; max-width: 70px;" onchange="editor.getSession().setMode('ace/mode/' + this.options[this.selectedIndex].value); focus_editor();">
|
|
|
+ <?php
|
|
|
+ $modes['php'] = 'PHP';
|
|
|
+ $modes['css'] = 'CSS';
|
|
|
+ $modes['html'] = 'HTML';
|
|
|
+ $modes['javascript'] = 'JS';
|
|
|
+ $modes['json'] = 'JSON';
|
|
|
+ $modes['ini'] = 'Conf';
|
|
|
+ $modes['lua'] = 'Lua';
|
|
|
+ $modes['text'] = 'Text';
|
|
|
+ $modes['xml'] = 'XML';
|
|
|
+ $modes['sql'] = 'SQL';
|
|
|
+ $modes['sh'] = 'SH';
|
|
|
+ $modes['smarty'] = 'Smarty';
|
|
|
+ $modes['svg'] = 'SVG';
|
|
|
+ $modes['makefile'] = 'Makefile';
|
|
|
+ $modes['c_cpp'] = 'C';
|
|
|
+ $modes['c_cpp'] = 'CPP';
|
|
|
+ $modes['pgsql'] = 'PGSQL';
|
|
|
+ foreach ($modes as $value => $label) {
|
|
|
+ $selected = ($value == $mode) ? 'selected' : null;
|
|
|
+ echo "<option value='".$value."' ".$selected.">".$label."</option>\n";
|
|
|
+ }
|
|
|
+ ?>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div style="padding-left: 4px;">
|
|
|
+ <select id="size" style="height: 23px;" onchange="document.getElementById('editor').style.fontSize = this.options[this.selectedIndex].value; focus_editor();">
|
|
|
+ <?php
|
|
|
+ $sizes = explode(',','9px,10px,11px,12px,14px,16px,18px,20px');
|
|
|
+ if (!in_array($setting_size, $sizes)) {
|
|
|
+ echo "<option value='".$setting_size."'>".$setting_size."</option>\n";
|
|
|
+ echo "<option value='' disabled='disabled'></option>\n";
|
|
|
+ }
|
|
|
+ foreach ($sizes as $size) {
|
|
|
+ $selected = ($size == $setting_size) ? 'selected' : null;
|
|
|
+ echo "<option value='".$size."' ".$selected.">".$size."</option>\n";
|
|
|
+ }
|
|
|
+ ?>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div style="padding-left: 4px; padding-right: 4px;">
|
|
|
+ <select id="theme" style="height: 23px; max-width: 100px;" onchange="editor.setTheme('ace/theme/' + this.options[this.selectedIndex].value); focus_editor();">
|
|
|
+ <?php
|
|
|
+ $themes['Bright']['chrome']= 'Chrome';
|
|
|
+ $themes['Bright']['clouds']= 'Clouds';
|
|
|
+ $themes['Bright']['crimson_editor']= 'Crimson Editor';
|
|
|
+ $themes['Bright']['dawn']= 'Dawn';
|
|
|
+ $themes['Bright']['dreamweaver']= 'Dreamweaver';
|
|
|
+ $themes['Bright']['eclipse']= 'Eclipse';
|
|
|
+ $themes['Bright']['github']= 'GitHub';
|
|
|
+ $themes['Bright']['iplastic']= 'IPlastic';
|
|
|
+ $themes['Bright']['solarized_light']= 'Solarized Light';
|
|
|
+ $themes['Bright']['textmate']= 'TextMate';
|
|
|
+ $themes['Bright']['tomorrow']= 'Tomorrow';
|
|
|
+ $themes['Bright']['xcode']= 'XCode';
|
|
|
+ $themes['Bright']['kuroir']= 'Kuroir';
|
|
|
+ $themes['Bright']['katzenmilch']= 'KatzenMilch';
|
|
|
+ $themes['Bright']['sqlserver']= 'SQL Server';
|
|
|
+ $themes['Dark']['ambiance']= 'Ambiance';
|
|
|
+ $themes['Dark']['chaos']= 'Chaos';
|
|
|
+ $themes['Dark']['clouds_midnight']= 'Clouds Midnight';
|
|
|
+ $themes['Dark']['cobalt']= 'Cobalt';
|
|
|
+ $themes['Dark']['idle_fingers']= 'idle Fingers';
|
|
|
+ $themes['Dark']['kr_theme']= 'krTheme';
|
|
|
+ $themes['Dark']['merbivore']= 'Merbivore';
|
|
|
+ $themes['Dark']['merbivore_soft']= 'Merbivore Soft';
|
|
|
+ $themes['Dark']['mono_industrial']= 'Mono Industrial';
|
|
|
+ $themes['Dark']['monokai']= 'Monokai';
|
|
|
+ $themes['Dark']['pastel_on_dark']= 'Pastel on dark';
|
|
|
+ $themes['Dark']['solarized_dark']= 'Solarized Dark';
|
|
|
+ $themes['Dark']['terminal']= 'Terminal';
|
|
|
+ $themes['Dark']['tomorrow_night']= 'Tomorrow Night';
|
|
|
+ $themes['Dark']['tomorrow_night_blue']= 'Tomorrow Night Blue';
|
|
|
+ $themes['Dark']['tomorrow_night_bright']= 'Tomorrow Night Bright';
|
|
|
+ $themes['Dark']['tomorrow_night_eighties']= 'Tomorrow Night 80s';
|
|
|
+ $themes['Dark']['twilight']= 'Twilight';
|
|
|
+ $themes['Dark']['vibrant_ink']= 'Vibrant Ink';
|
|
|
+ foreach ($themes as $optgroup => $theme) {
|
|
|
+ echo "<optgroup label='".$optgroup."'>\n";
|
|
|
+ foreach ($theme as $value => $label) {
|
|
|
+ $selected = (strtolower($label) == strtolower($setting_theme)) ? 'selected' : null;
|
|
|
+ echo "<option value='".$value."' ".$selected.">".$label."</option>\n";
|
|
|
+ }
|
|
|
+ echo "</optgroup>\n";
|
|
|
+ }
|
|
|
+ ?>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <!-- Editor -->
|
|
|
+ <div id="editor" style="text-align: left; width: 100%; height: calc(100% - 30px); font-size: 12px;"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <script src="<?php echo PROJECT_PATH; ?>/resources/ace/ace.js" charset="utf-8"></script>
|
|
|
+ <script src="<?php echo PROJECT_PATH; ?>/resources/ace/ext-inline_autocomplete.js"></script>
|
|
|
+ <script>
|
|
|
+ // Load ACE extensions
|
|
|
+ ace.require("ace/ext/language_tools");
|
|
|
+
|
|
|
+ // Initialize ACE Editor
|
|
|
+ var editor = ace.edit("editor");
|
|
|
+ editor.setOptions({
|
|
|
+ mode: 'ace/mode/<?=$mode?>',
|
|
|
+ theme: 'ace/theme/'+document.getElementById('theme').options[document.getElementById('theme').selectedIndex].value,
|
|
|
+ selectionStyle: 'text',
|
|
|
+ cursorStyle: 'smooth',
|
|
|
+ showInvisibles: <?=$setting_invisibles?>,
|
|
|
+ displayIndentGuides: <?=$setting_indenting?>,
|
|
|
+ showLineNumbers: <?=$setting_numbering?>,
|
|
|
+ showGutter: true,
|
|
|
+ scrollPastEnd: true,
|
|
|
+ fadeFoldWidgets: <?=$setting_numbering?>,
|
|
|
+ showPrintMargin: false,
|
|
|
+ highlightGutterLine: false,
|
|
|
+ useSoftTabs: false,
|
|
|
+ enableBasicAutocompletion: true,
|
|
|
+ enableLiveAutocompletion: true,
|
|
|
+ enableSnippets: true
|
|
|
+ });
|
|
|
+
|
|
|
+ // Prevent form submission with Enter key
|
|
|
+ <?php key_press('enter', 'down', '#current_file', null, null, 'return false;', false); ?>
|
|
|
+
|
|
|
+ // Save file with Ctrl+S
|
|
|
+ <?php key_press('ctrl+s', 'down', 'window', null, null, "save(); return false;", false); ?>
|
|
|
+
|
|
|
+ // Open file manager/clip library pane with Ctrl+Q
|
|
|
+ <?php key_press('ctrl+q', 'down', 'window', null, null, 'toggle_sidebar(); focus_editor(); return false;', false); ?>
|
|
|
+
|
|
|
+ // Remove unwanted shortcuts
|
|
|
+ editor.commands.bindKey("Ctrl-T", null); // Disable new browser tab shortcut
|
|
|
+
|
|
|
+// Function to fetch PHP class methods using fetch() with promises
|
|
|
+async function fetch_php_methods() {
|
|
|
+ try {
|
|
|
+ let response = await fetch('/resources/get_php_methods.php');
|
|
|
+ if (!response.ok) throw new Error("Failed to load PHP methods.");
|
|
|
+ return await response.json();
|
|
|
+ } catch (error) {
|
|
|
+ console.error("Error fetching PHP methods:", error);
|
|
|
+ return {}; // Return empty object on failure
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// Initialize ACE auto-completion after fetching PHP methods
|
|
|
+async function init_ace_completion() {
|
|
|
+ let phpMethods = await fetch_php_methods();
|
|
|
+
|
|
|
+ // Custom completer for PHP class methods
|
|
|
+ var php_class_completer = {
|
|
|
+ getCompletions: function(editor, session, pos, prefix, callback) {
|
|
|
+ // Get the current line text
|
|
|
+ var line = session.getLine(pos.row);
|
|
|
+
|
|
|
+ // Use regex to detect object (->) or static (::) access
|
|
|
+ var objectMatch = line.match(/(\w+)\s*->\s*\w*$/);
|
|
|
+ var staticMatch = line.match(/(\w+)::\w*$/);
|
|
|
+
|
|
|
+ // Extract the referenced class name (simple name)
|
|
|
+ var ref_name = objectMatch ? objectMatch[1] : (staticMatch ? staticMatch[1] : null);
|
|
|
+ if (!ref_name) return callback(null, []);
|
|
|
+
|
|
|
+ // Try to match the simple class name (case-insensitive) with one of the keys in phpMethods.
|
|
|
+ // The keys in phpMethods may be fully-qualified names (with namespaces).
|
|
|
+ var matched_class = null;
|
|
|
+ for (var key in phpMethods) {
|
|
|
+ // Get the simple class name from the key
|
|
|
+ var parts = key.split("\\");
|
|
|
+ var simple_name = parts[parts.length - 1];
|
|
|
+ if (simple_name.toLowerCase() === ref_name.toLowerCase()) {
|
|
|
+ matched_class = key;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // If no matching class is found, return an empty list.
|
|
|
+ if (!matched_class) return callback(null, []);
|
|
|
+
|
|
|
+ // Map the methods of the matched class into completions.
|
|
|
+ var completions = phpMethods[matched_class].map(function(method) {
|
|
|
+ return {
|
|
|
+ caption: method.name + method.params, // Shows the method signature
|
|
|
+ snippet: method.name + method.params.replace(/\$/g, "\\$"), // Inserts the method with placeholders
|
|
|
+ meta: matched_class + " Method", // Display the fully qualified class name
|
|
|
+ docHTML: method.doc ? method.doc : "No Documentation Available"
|
|
|
+ };
|
|
|
});
|
|
|
- document.getElementById('editor').style.fontSize='<?php echo $setting_size;?>';
|
|
|
- focus_editor();
|
|
|
|
|
|
- //prevent form submit with enter key on file path input
|
|
|
- <?php key_press('enter', 'down', '#current_file', null, null, 'return false;', false); ?>
|
|
|
+ callback(null, completions);
|
|
|
+ }
|
|
|
+ };
|
|
|
|
|
|
- //save file
|
|
|
- <?php key_press('ctrl+s', 'down', 'window', null, null, "save(); return false;", false); ?>
|
|
|
+ // Initialize ACE Editor (assumes 'editor' is already created)
|
|
|
+ ace.require("ace/ext/language_tools");
|
|
|
|
|
|
- //open file manager/clip library pane
|
|
|
- <?php key_press('ctrl+q', 'down', 'window', null, null, 'toggle_sidebar(); focus_editor(); return false;', false); ?>
|
|
|
+ // Override the default completions with our custom completer
|
|
|
+ editor.completers = [php_class_completer];
|
|
|
|
|
|
- //remove certain keyboard shortcuts
|
|
|
- editor.commands.bindKey("Ctrl-T", null); //new browser tab
|
|
|
-</script>
|
|
|
+ // Ensure font size is set
|
|
|
+ document.getElementById('editor').style.fontSize='<?=$setting_size?>';
|
|
|
+ focus_editor();
|
|
|
+
|
|
|
+}
|
|
|
|
|
|
+// Run auto-completion setup
|
|
|
+init_ace_completion();
|
|
|
+</script>
|
|
|
</body>
|
|
|
-</html>
|
|
|
+<script>
|
|
|
+ fetch('clip_list.php')
|
|
|
+ .then(response => {
|
|
|
+ if (!response.ok) {
|
|
|
+ throw new Error('Network response was not ok');
|
|
|
+ }
|
|
|
+ return response.text();
|
|
|
+ })
|
|
|
+ .then(html => {
|
|
|
+ document.getElementById('clip_list').innerHTML = html;
|
|
|
+ })
|
|
|
+ .catch(error => {
|
|
|
+ console.error('Error fetching clip_list:', error);
|
|
|
+ });
|
|
|
+
|
|
|
+ async function loadFileList() {
|
|
|
+ try {
|
|
|
+ const response = await fetch('file_list.php');
|
|
|
+ if (!response.ok) {
|
|
|
+ throw new Error('Network response not okay');
|
|
|
+ }
|
|
|
+ const html = await response.text();
|
|
|
+ document.getElementById('file_list').innerHTML = html;
|
|
|
+ } catch (error) {
|
|
|
+ console.error('Error fetching files:', error);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function makeRequest(url, strpost) {
|
|
|
+ var http_request = false;
|
|
|
+
|
|
|
+ if (window.XMLHttpRequest) { // Mozilla, Safari, ...
|
|
|
+ http_request = new XMLHttpRequest();
|
|
|
+ if (http_request.overrideMimeType) {
|
|
|
+ http_request.overrideMimeType('text/xml');
|
|
|
+ // See note below about this line
|
|
|
+ }
|
|
|
+ } else if (window.ActiveXObject) { // IE
|
|
|
+ try {
|
|
|
+ http_request = new ActiveXObject("Msxml2.XMLHTTP");
|
|
|
+ } catch (e) {
|
|
|
+ try {
|
|
|
+ http_request = new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ } catch (e) {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!http_request) {
|
|
|
+ alert('<?=$text['message-give-up']?>');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ http_request.onreadystatechange = function() { returnContent(http_request); };
|
|
|
+ if (http_request.overrideMimeType) {
|
|
|
+ http_request.overrideMimeType('text/html');
|
|
|
+ }
|
|
|
+ http_request.open('POST', url, true);
|
|
|
+
|
|
|
+
|
|
|
+ if (strpost.length == 0) {
|
|
|
+ //http_request.send(null);
|
|
|
+ http_request.send('name=value&foo=bar');
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ http_request.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
|
|
|
+ http_request.send(strpost);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ function returnContent(http_request) {
|
|
|
+
|
|
|
+ if (http_request.readyState === 4) {
|
|
|
+ if (http_request.status === 200) {
|
|
|
+ document.getElementById('editor_source').value=http_request.responseText;
|
|
|
+ editor.getSession().setValue(document.getElementById('editor_source').value);
|
|
|
+ editor.gotoLine(1);
|
|
|
+ editor.scrollToLine(1, true, true, function() {});
|
|
|
+ editor.focus();
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ alert('<?=$text['message-problem']?>');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ // ---------------------------------------------
|
|
|
+ // --- http://www.codeproject.com/jscript/dhtml_treeview.asp
|
|
|
+ // --- Name: Easy DHTML Treeview --
|
|
|
+ // --- Author: D.D. de Kerf --
|
|
|
+ // --- Version: 0.2 Date: 13-6-2001 --
|
|
|
+ // ---------------------------------------------
|
|
|
+ function Toggle(node) {
|
|
|
+ // Unfold the branch if it isn't visible
|
|
|
+ if (node.nextSibling.style.display == 'none') {
|
|
|
+ node.nextSibling.style.display = 'block';
|
|
|
+ }
|
|
|
+ // Collapse the branch if it IS visible
|
|
|
+ else {
|
|
|
+ node.nextSibling.style.display = 'none';
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+// Load files from server
|
|
|
+ loadFileList();
|
|
|
+
|
|
|
+</script>
|
|
|
+</html>
|
Tim Fry