Ace Editor icon change, remove old icon files.

app_languages.php

@@ -240,6 +240,54 @@ $text['label-selected-clip']['zh-cn'] = "选定的剪辑";
 $text['label-selected-clip']['ja-jp'] = "選択したクリップ";
 $text['label-selected-clip']['ko-kr'] = "선택한 클립";
 
+$text['label-save_changes']['en-us'] = "Save Changes [Ctrl+S]";
+$text['label-save_changes']['en-gb'] = "Save Changes [Ctrl+S]";
+$text['label-save_changes']['ar-eg'] = "حفظ التغييرات";
+$text['label-save_changes']['de-at'] = "Änderungen speichern";
+$text['label-save_changes']['de-ch'] = "Änderungen speichern";
+$text['label-save_changes']['de-de'] = "Änderungen speichern";
+$text['label-save_changes']['es-cl'] = "Guardar cambios";
+$text['label-save_changes']['es-mx'] = "Guardar cambios";
+$text['label-save_changes']['fr-ca'] = "Sauvegarder les modifications";
+$text['label-save_changes']['fr-fr'] = "Sauvegarder les modifications";
+$text['label-save_changes']['he-il'] = "שמור שינויים";
+$text['label-save_changes']['it-it'] = "Salvare le modifiche";
+$text['label-save_changes']['nl-nl'] = "Wijzigingen opslaan";
+$text['label-save_changes']['pl-pl'] = "Zapisz zmiany";
+$text['label-save_changes']['pt-br'] = "Salvar alterações";
+$text['label-save_changes']['pt-pt'] = "Salvar alterações";
+$text['label-save_changes']['ro-ro'] = "Salvează modificările";
+$text['label-save_changes']['ru-ru'] = "Сохранить изменения";
+$text['label-save_changes']['sv-se'] = "Spara ändringar";
+$text['label-save_changes']['uk-ua'] = "Зберегти зміни";
+$text['label-save_changes']['zh-cn'] = "保存更改";
+$text['label-save_changes']['ja-jp'] = "変更内容を保存";
+$text['label-save_changes']['ko-kr'] = "변경 사항을 저장하다";
+
+$text['label-toggle_side_bar']['en-us'] = "Toggle Side Bar [Ctrl+Q]";
+$text['label-toggle_side_bar']['en-gb'] = "Toggle Side Bar [Ctrl+Q]";
+$text['label-toggle_side_bar']['ar-eg'] = "تبديل الشريط الجانبي";
+$text['label-toggle_side_bar']['de-at'] = "Schalten Sie die Seitenleiste um";
+$text['label-toggle_side_bar']['de-ch'] = "Schalten Sie die Seitenleiste um";
+$text['label-toggle_side_bar']['de-de'] = "Schalten Sie die Seitenleiste um";
+$text['label-toggle_side_bar']['es-cl'] = "Alternar la barra lateral";
+$text['label-toggle_side_bar']['es-mx'] = "Alternar la barra lateral";
+$text['label-toggle_side_bar']['fr-ca'] = "Basculer la barre latérale";
+$text['label-toggle_side_bar']['fr-fr'] = "Basculer la barre latérale";
+$text['label-toggle_side_bar']['he-il'] = "החלף את סרגל הצד";
+$text['label-toggle_side_bar']['it-it'] = "Attiva/disattiva la barra laterale";
+$text['label-toggle_side_bar']['nl-nl'] = "Schakel de zijbalk in of uit";
+$text['label-toggle_side_bar']['pl-pl'] = "Przełącz pasek boczny";
+$text['label-toggle_side_bar']['pt-br'] = "Alternar a barra lateral";
+$text['label-toggle_side_bar']['pt-pt'] = "Alternar a barra lateral";
+$text['label-toggle_side_bar']['ro-ro'] = "Comutați bara laterală";
+$text['label-toggle_side_bar']['ru-ru'] = "Переключить боковую панель";
+$text['label-toggle_side_bar']['sv-se'] = "Växla sidofältet";
+$text['label-toggle_side_bar']['uk-ua'] = "Перемкніть бічну панель";
+$text['label-toggle_side_bar']['zh-cn'] = "切换侧边栏";
+$text['label-toggle_side_bar']['ja-jp'] = "サイドバーの切り替え";
+$text['label-toggle_side_bar']['ko-kr'] = "사이드바 전환";
+
 $text['button-edit-clip']['en-us'] = "Edit Clip";
 $text['button-edit-clip']['en-gb'] = "Edit Clip";
 $text['button-edit-clip']['ar-eg'] = "مشبك التحرير";

index.php

@@ -17,7 +17,7 @@
 
 	The Initial Developer of the Original Code is
 	Mark J Crane <[email protected]>
-	Portions created by the Initial Developer are Copyright (C) 2008-2023
+	Portions created by the Initial Developer are Copyright (C) 2008-2024
 	the Initial Developer. All Rights Reserved.
 
 	Contributor(s):
@@ -102,8 +102,10 @@
 	<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' 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 != '') {
@@ -130,7 +132,14 @@
 
 		function toggle_sidebar() {
 			var td_sidebar = document.getElementById('sidebar');
-			td_sidebar.style.display = (td_sidebar.style.display == '') ? 'none' : '';
+			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();
 		}
 
@@ -173,21 +182,19 @@
 
 	</script>
 	<style>
-		img.control {
+		div#editor {
+			box-shadow: 0 5px 15px #333;
+			}
+
+		i.ace_control {
 			cursor: pointer;
-			width: auto;
-			height: 23px;
-			border: none;
+			margin-right: 5px;
 			opacity: 0.5;
 			}
 
-		img.control:hover {
+		i.ace_control:hover {
 			opacity: 1.0;
 			}
-
-		div#editor {
-			box-shadow: 0 5px 15px #333;
-			}
 	</style>
 </head>
 <body style='padding: 0; margin: 0; overflow: hidden;'>
@@ -204,20 +211,16 @@
 			<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'><img src='resources/images/icon_save.png' title='Save Changes [Ctrl+S]' class='control' onclick="save();";></td>
-					<td align='left' valign='middle' width='100%' style='padding: 0 15px 0 6px;'><input id='current_file' type='text' style='height: 23px; width: 100%;'></td>
-					<!--
-					<td style='padding: 0;'><img src="data:image/png;base64, <?php echo $image_base64; ?>" /></td>
-					<td align='left' valign='middle' width='80' style='padding: 0 6px 0 0;'><input type='text' class='txt' style='width: 80px; text-align: center;' name='code' id='code' value='' placeholder='CAPTCHA'></td>
-					-->
+					<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;'><img src='resources/images/icon_sidebar.png' title='Toggle Side Bar [Ctrl+Q]' class='control' onclick="toggle_sidebar();"></td>
-					<td valign='middle' style='padding-left: 6px;'><img src='resources/images/icon_numbering.png' title='Toggle Line Numbers' class='control' onclick="toggle_option('numbering');"></td>
-					<td valign='middle' style='padding-left: 6px;'><img src='resources/images/icon_invisibles.png' title='Toggle Invisibles' class='control' onclick="toggle_option('invisibles');"></td>
-					<td valign='middle' style='padding-left: 6px;'><img src='resources/images/icon_indenting.png' title='Toggle Indent Guides' class='control' onclick="toggle_option('indenting');"></td>
-					<td valign='middle' style='padding-left: 6px;'><img src='resources/images/icon_replace.png' title='Show Find/Replace [Ctrl+H]' class='control' onclick="editor.execCommand('replace');"></td>
-					<td valign='middle' style='padding-left: 6px;'><img src='resources/images/icon_goto.png' title='Show Go To Line' class='control' onclick="editor.execCommand('gotoline');"></td>
-					<td valign='middle' style='padding-left: 10px;'>
+					<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';
@@ -351,4 +354,4 @@
 </script>
 
 </body>
-</html>
+</html>