Skip to content

Commit

Permalink
add ctrl + s to save
Browse files Browse the repository at this point in the history
  • Loading branch information
@linh0804
linh0804 committed Jun 7, 2024
1 parent 3fcd533 commit 801067d
Show file tree
Hide file tree
Showing 3 changed files with 198 additions and 180 deletions.
19 changes: 14 additions & 5 deletions edit_code.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,9 +154,9 @@
echo '<script>
const codeCheckMessageElement = document.getElementById("code_check_message");
const codeCheckPHPElement = document.getElementById("code_check_php");
const codeFormElement = document.getElementById("code_form");
var codeFormElement = document.getElementById("code_form");
codeFormElement.addEventListener("submit", function (event) {
function save() {
var data = new FormData();
data.append("requestApi", 1);
data.append("content", editor.state.doc.toString());
Expand Down Expand Up @@ -186,10 +186,19 @@
codeCheckMessageElement.innerHTML = data.error;
}
});
}
codeFormElement.addEventListener("submit", function (event) {
event.preventDefault();
return false;
});
save()
})
document.addEventListener("keydown", function(event) {
if (event.ctrlKey && event.key === "s") {
event.preventDefault()
save()
}
})
// format code
Expand Down
357 changes: 183 additions & 174 deletions edit_text.php
View file
Original file line number Diff line number Diff line change
@@ -1,174 +1,183 @@
<?php define('ACCESS', true);

include_once 'function.php';

if (IS_LOGIN) {
$title = 'Sửa tập tin';
$page = isset($_GET['page']) ? intval($_GET['page']) : 1;
$page = $page <= 0 ? 1 : $page;

include_once 'header.php';

echo '<div class="title">' . $title . '</div>';

if ($dir == null || $name == null || !is_file(processDirectory($dir . '/' . $name))) {
echo '<div class="list"><span>Đường dẫn không tồn tại</span></div>
<div class="title">Chức năng</div>
<ul class="list">
<li><img src="icon/list.png"/> <a href="index.php' . $pages['paramater_0'] . '">Danh sách</a></li>
</ul>';
} else if (!isFormatText($name) && !isFormatUnknown($name)) {
echo '<div class="list"><span>Tập tin này không phải dạng văn bản</span></div>
<div class="title">Chức năng</div>
<ul class="list">
<li><img src="icon/list.png"/> <a href="index.php?dir=' . $dirEncode . $pages['paramater_1'] . '">Danh sách</a></li>
</ul>';
} else {
$total = 0;
$dir = processDirectory($dir);
$path = $dir . '/' . $name;
$content = file_get_contents($path);
$isExecute = isFunctionExecEnable();
$actionEdit = 'edit_api.php?dir=' . $dirEncode . '&name=' . $name;

echo '<div class="list">
<span class="bull">&bull; </span><span>' . printPath($dir, true) . '</span><hr/>
<div class="ellipsis break-word">
<span class="bull">&bull; </span>Tập tin: <strong class="file_name_edit">' . $name . '</strong><hr/>
</div>
<div>
<a href="edit_code.php?dir=' . $dirEncode . '&name=' . $name . '">
<button class="button">Chế độ sửa code</button>
</a><hr />
</div>
<form action="javascript:void(0)" id="code_form" method="post">
<span class="bull">&bull; </span>Nội dung:
<div style="display: inline-block; float: right">
<input type="button" id="code_highlight" value="Format" />
<input type="checkbox" id="code_wrap" /> Wrap
</div>
<div class="parent_box_edit">
<textarea id="editor" wrap="off" style="white-space: pre;" class="box_edit" name="content">'. PHP_EOL . htmlspecialchars($content) . '</textarea>
</div>
<div class="search_replace search">
<span class="bull">&bull; </span>Tìm kiếm:<br/>
<input type="text" name="search" value=""/>
</div>
<div class="search_replace replace">
<span class="bull">&bull; </span>Thay thế:<br/>
<input type="text" name="replace" value=""/>
</div>
<div class="input_action">
<input type="submit" name="s_save" value="Lưu lại"/>
<span style="margin-right: 12px"></span>'.
($isExecute && strtolower(getFormat($name)) == 'php' ? '<input type="checkbox" id="code_check_php"/> Kiểm tra lỗi' : '') . '
</div>
</form>';
echo '</div>'.
'<div id="code_check_message" class="list"></div>';


echo '<script>
const codeCheckMessageElement = document.getElementById("code_check_message");
const codeCheckPHPElement = document.getElementById("code_check_php");
var editorElement = document.getElementById("editor");
var codeWrapElement = document.getElementById("code_wrap");
var codeHighLightElement = document.getElementById("code_highlight");
var codeFormElement = document.getElementById("code_form");
codeFormElement.addEventListener("submit", function (event) {
var data = new FormData();
data.append("requestApi", 1);
data.append("content", editorElement.value);
codeCheckMessageElement.style.display = "none";
codeCheckMessageElement.innerHTML = "";
if (codeCheckPHPElement && codeCheckPHPElement.checked) {
data.append("check", 1);
} else {
data.append("check", 0);
}
fetch("' . $actionEdit . '", {
method: "POST",
body: data,
cache: "no-cache"
}).then(function (response) {
if (response.status != 200) {
alert("Lỗi kết nối!");
return false;
}
return response.json();
}).then((data) => {
alert(data.message)
if (data.error) {
codeCheckMessageElement.innerHTML = data.error;
codeCheckMessageElement.style.display = "block";
}
});
event.preventDefault();
return false;
});
codeHighLightElement.addEventListener("click", function () {
if(!window.confirm("Chức năng có thể thay đổi cấu trúc code, xác nhận dùng!")) {
return;
}
var data = new FormData();
data.append("requestApi", 1);
data.append("format_php", 1);
data.append("content", editorElement.value);
fetch("'. $actionEdit .'", {
method: "POST",
body: data,
cache: "no-cache"
}).then(function (response) {
if (response.status != 200) {
alert("Lỗi kết nối!");
return false;
}
return response.json();
}).then((data) => {
if (!data.error) {
editorElement.value = data.format;
} else {
alert(data.error);
}
});
});
codeWrapElement.addEventListener("change", function () {
if (codeWrapElement.checked) {
editorElement.removeAttribute("wrap");
editorElement.removeAttribute("style");
} else {
editorElement.setAttribute("wrap", "off");
editorElement.setAttribute("style", "white-space: nowrap");
}
});
</script>';
echo '<style>
#code_check_message, #code_check_highlight {
display:none;
}
</style>';
echo '<div class="title">Chức năng</div>
<ul class="list">
<li><img src="icon/info.png"/> <a href="file.php?dir=' . $dirEncode . '&name=' . $name . $pages['paramater_1'] . '">Thông tin</a></li>
</ul>';
}

include_once 'footer.php';
} else {
goURL('login.php');
}
<?php define('ACCESS', true);

include_once 'function.php';

if (IS_LOGIN) {
$title = 'Sửa tập tin';
$page = isset($_GET['page']) ? intval($_GET['page']) : 1;
$page = $page <= 0 ? 1 : $page;

include_once 'header.php';

echo '<div class="title">' . $title . '</div>';

if ($dir == null || $name == null || !is_file(processDirectory($dir . '/' . $name))) {
echo '<div class="list"><span>Đường dẫn không tồn tại</span></div>
<div class="title">Chức năng</div>
<ul class="list">
<li><img src="icon/list.png"/> <a href="index.php' . $pages['paramater_0'] . '">Danh sách</a></li>
</ul>';
} else if (!isFormatText($name) && !isFormatUnknown($name)) {
echo '<div class="list"><span>Tập tin này không phải dạng văn bản</span></div>
<div class="title">Chức năng</div>
<ul class="list">
<li><img src="icon/list.png"/> <a href="index.php?dir=' . $dirEncode . $pages['paramater_1'] . '">Danh sách</a></li>
</ul>';
} else {
$total = 0;
$dir = processDirectory($dir);
$path = $dir . '/' . $name;
$content = file_get_contents($path);
$isExecute = isFunctionExecEnable();
$actionEdit = 'edit_api.php?dir=' . $dirEncode . '&name=' . $name;

echo '<div class="list">
<span class="bull">&bull; </span><span>' . printPath($dir, true) . '</span><hr/>
<div class="ellipsis break-word">
<span class="bull">&bull; </span>Tập tin: <strong class="file_name_edit">' . $name . '</strong><hr/>
</div>
<div>
<a href="edit_code.php?dir=' . $dirEncode . '&name=' . $name . '">
<button class="button">Chế độ sửa code</button>
</a><hr />
</div>
<form action="javascript:void(0)" id="code_form" method="post">
<span class="bull">&bull; </span>Nội dung:
<div style="display: inline-block; float: right">
<input type="button" id="code_highlight" value="Format" />
<input type="checkbox" id="code_wrap" /> Wrap
</div>
<div class="parent_box_edit">
<textarea id="editor" wrap="off" style="white-space: pre;" class="box_edit" name="content">'. PHP_EOL . htmlspecialchars($content) . '</textarea>
</div>
<div class="search_replace search">
<span class="bull">&bull; </span>Tìm kiếm:<br/>
<input type="text" name="search" value=""/>
</div>
<div class="search_replace replace">
<span class="bull">&bull; </span>Thay thế:<br/>
<input type="text" name="replace" value=""/>
</div>
<div class="input_action">
<input type="submit" name="s_save" value="Lưu lại"/>
<span style="margin-right: 12px"></span>'.
($isExecute && strtolower(getFormat($name)) == 'php' ? '<input type="checkbox" id="code_check_php"/> Kiểm tra lỗi' : '') . '
</div>
</form>';
echo '</div>'.
'<div id="code_check_message" class="list"></div>';


echo '<script>
const codeCheckMessageElement = document.getElementById("code_check_message");
const codeCheckPHPElement = document.getElementById("code_check_php");
var editorElement = document.getElementById("editor");
var codeWrapElement = document.getElementById("code_wrap");
var codeHighLightElement = document.getElementById("code_highlight");
var codeFormElement = document.getElementById("code_form");
function save() {
var data = new FormData();
data.append("requestApi", 1);
data.append("content", editorElement.value);
codeCheckMessageElement.style.display = "none";
codeCheckMessageElement.innerHTML = "";
if (codeCheckPHPElement && codeCheckPHPElement.checked) {
data.append("check", 1);
} else {
data.append("check", 0);
}
fetch("' . $actionEdit . '", {
method: "POST",
body: data,
cache: "no-cache"
}).then(function (response) {
if (response.status != 200) {
alert("Lỗi kết nối!");
return false;
}
return response.json();
}).then((data) => {
alert(data.message)
if (data.error) {
codeCheckMessageElement.innerHTML = data.error;
codeCheckMessageElement.style.display = "block";
}
})
}
codeFormElement.addEventListener("submit", function (event) {
event.preventDefault()
save()
})
codeHighLightElement.addEventListener("click", function () {
if(!window.confirm("Chức năng có thể thay đổi cấu trúc code, xác nhận dùng!")) {
return;
}
var data = new FormData();
data.append("requestApi", 1);
data.append("format_php", 1);
data.append("content", editorElement.value);
fetch("'. $actionEdit .'", {
method: "POST",
body: data,
cache: "no-cache"
}).then(function (response) {
if (response.status != 200) {
alert("Lỗi kết nối!");
return false;
}
return response.json();
}).then((data) => {
if (!data.error) {
editorElement.value = data.format;
} else {
alert(data.error);
}
});
});
codeWrapElement.addEventListener("change", function () {
if (codeWrapElement.checked) {
editorElement.removeAttribute("wrap");
editorElement.removeAttribute("style");
} else {
editorElement.setAttribute("wrap", "off");
editorElement.setAttribute("style", "white-space: nowrap");
}
});
document.addEventListener("keydown", function(event) {
if (event.ctrlKey && event.key === "s") {
event.preventDefault()
save()
}
})
</script>';
echo '<style>
#code_check_message, #code_check_highlight {
display:none;
}
</style>';
echo '<div class="title">Chức năng</div>
<ul class="list">
<li><img src="icon/info.png"/> <a href="file.php?dir=' . $dirEncode . '&name=' . $name . $pages['paramater_1'] . '">Thông tin</a></li>
</ul>';
}

include_once 'footer.php';
} else {
goURL('login.php');
}
Loading

0 comments on commit 801067d

Please sign in to comment.