83 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="${LANG}">
<head>
<meta charset="UTF-8">
<title>Rule renaming</title>
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css">
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>
<script src="scripts/misc.js?locale=${LANG}&v=${CACHEID}"></script>
<script>
"use strict";
new Keyboard({
defaultEventType: "keydown",
events: {
"Enter": (event) => {
$("renameButton").click();
event.preventDefault();
},
"Escape": (event) => {
window.parent.MochaUI.closeWindow(window.parent.$("renameRulePage"));
event.preventDefault();
},
"Esc": (event) => {
window.parent.MochaUI.closeWindow(window.parent.$("renameRulePage"));
event.preventDefault();
}
}
}).activate();
window.addEventListener("DOMContentLoaded", () => {
const oldName = new URI().getData("rule");
$("rename").value = oldName;
$("rename").focus();
$("rename").setSelectionRange(0, oldName.length);
$("renameButton").addEventListener("click", (e) => {
e.preventDefault();
e.stopPropagation();
// check field
const newName = $("rename").value.trim();
if (newName === "") {
alert("Name cannot be empty");
return;
}
if (newName === oldName) {
alert("Name is unchanged");
return;
}
$("renameButton").disabled = true;
new Request({
url: "api/v2/rss/renameRule",
method: "post",
data: {
ruleName: oldName,
newRuleName: newName
},
onSuccess: (response) => {
window.parent.qBittorrent.RssDownloader.updateRulesList();
window.parent.MochaUI.closeWindow(window.parent.$("renameRulePage"));
}
}).send();
});
});
</script>
</head>
<body>
<div style="padding: 10px 10px 0px 10px;">
<label for="rename">Please type the new rule name</label>
<input type="text" id="rename" style="width: 320px;">
<div style="text-align: center; padding-top: 10px;">
<input type="button" value="Save" id="renameButton">
</div>
</div>
</body>
</html>