fusionpbx
/
fusionpbx-app-edit
zrkadlo https://github.com/fusionpbx/fusionpbx-app-edit.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571
							<?php
/*
	FusionPBX
	Version: MPL 1.1

	The contents of this file are subject to the Mozilla Public License Version
	1.1 (the "License"); you may not use this file except in compliance with
	the License. You may obtain a copy of the License at
	http://www.mozilla.org/MPL/

	Software distributed under the License is distributed on an "AS IS" basis,
	WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
	for the specific language governing rights and limitations under the
	License.

	The Original Code is FusionPBX

	The Initial Developer of the Original Code is
	Mark J Crane <[email protected]>
	Portions created by the Initial Developer are Copyright (C) 2008-2024
	the Initial Developer. All Rights Reserved.

	Contributor(s):
	Mark J Crane <[email protected]>
	James Rose <[email protected]>
*/

//includes files
	require_once dirname(__DIR__, 2) . "/resources/require.php";
	require_once "resources/check_auth.php";

//check permissions
	if (permission_exists('edit_view')) {
		//access granted
	}
	else {
		echo "access denied";
		exit;
	}

//add multi-lingual support
	$language = new text;
	$text = $language->get();

//set the directory title and mode
	$_SESSION["app"]["edit"]["dir"] = $_GET["dir"];
	$title = escape($_GET["dir"]);
	unset($mode);
	switch ($_GET["dir"]) {
		case 'xml':
			$title = 'XML';
			$mode = 'xml';
			break;
		case 'provision':
			$title = 'Provision';
			$mode = 'xml';
			break;
		case 'php':
			$title = 'PHP';
			$mode = 'php';
			break;
		case 'scripts':
			$title = 'Scripts';
			$mode = 'lua';
			break;
		case 'grammar':
			$title = 'Grammar';
			$mode = 'xml';
		default: $mode = 'text';
	}

//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 = 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'])){
		$favicon = $_SESSION['theme']['favicon']['text'];
	}
	else {
		$favicon = PROJECT_ROOT .'/themes/default/favicon.ico';
	}

//create a token
	$key_name = '/app/edit/'.$mode;
	$_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' />
	<title><?php echo $title; ?></title>
	<link rel="icon" type="image/x-icon" href="<?php echo $favicon; ?>">
	<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">
		function submit_check() {
			if (document.getElementById('filepath').value != '') {
				document.getElementById('editor_source').value = editor.getSession().getValue();
				return true;
			}
			focus_editor();
			return false;
		}

		function toggle_option(opt) {
			switch (opt) {
				case 'numbering': 	toggle_option_do('showLineNumbers'); toggle_option_do('fadeFoldWidgets'); break;
				case 'invisibles':	toggle_option_do('showInvisibles'); break;
				case 'indenting':	toggle_option_do('displayIndentGuides'); break;
			}
			focus_editor();
		}

		function toggle_option_do(opt_name) {
			var opt_val = editor.getOption(opt_name);
			editor.setOption(opt_name, ((opt_val) ? false : true));
		}

		function toggle_sidebar() {
			var td_sidebar = document.getElementById('sidebar');
			if (td_sidebar.style.display == '') {
				document.getElementById('td_save').style.paddingLeft = '12px';
				td_sidebar.style.display = 'none';
			}
			else {
				document.getElementById('td_save').style.paddingLeft = '0';
				td_sidebar.style.display = '';
			}
			focus_editor();
		}

		function insert_clip(before, after) {
			var selected_text = editor.session.getTextRange(editor.getSelectionRange());
			editor.insert(before + selected_text + after);
			focus_editor();
		}

		function focus_editor() {
			editor.focus();
		}

		function http_request(url, form_data) {
			var http = new XMLHttpRequest();
			http.open('POST', url, true);
			//http.onload = function(e) { ... };
			http.onload = function(e) {
				if (this.status == 200) {
					//data sent successfully
					alert(this.responseText);
				}
				else {
					alert('<?php echo $text['message-problem']; ?>');
				}
			};
			http.send(form_data);
		}

		function save() {
			var form_data = new FormData();
			form_data.append('filepath', document.getElementById('filepath').value);
			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);
		}

	</script>
	<style>
		div#editor {
			box-shadow: 0 5px 15px #333;
			}

		i.ace_control {
			cursor: pointer;
			margin-right: 5px;
			opacity: 0.5;
			}

		i.ace_control:hover {
			opacity: 1.0;
			}
	</style>
</head>
<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
			const objectMatch = line.match(/(\w+)\s*->\s*\w*$/);
			const 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) {
				if (staticMatch !== null) {
					if (method.static) {
						return {
							caption: method.name + method.params,
							snippet: method.name + method.params.replace(/\$/g, "\\$"),
							meta: matched_class,
							docHTML: method.doc ? method.doc : "No Documentation"
						};
					} else {
						return {};
					}
				}
				//you can call a static method on an object instance because php is like that
				return {
					caption: method.name + method.params,
					snippet: method.name + method.params.replace(/\$/g, "\\$"),
					meta: matched_class,
					docHTML: method.doc ? method.doc : "No Documentation"
				};
			});

			callback(null, completions);
		}
	};

	// Initialize ACE Editor (assumes 'editor' is already created)
	ace.require("ace/ext/language_tools");

	// Override the default completions with our custom completer
	editor.completers = [php_class_completer];

	// Ensure font size is set
    document.getElementById('editor').style.fontSize='<?=$setting_size?>';
    focus_editor();

}

// Run auto-completion setup
init_ace_completion();
</script>
</body>
<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>