diff --git a/VERSION b/VERSION
index 674d109..5a05f0a 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-0.0.121
+0.0.122
diff --git a/frontend/static/app.js b/frontend/static/app.js
index 842a3c6..67e561e 100644
--- a/frontend/static/app.js
+++ b/frontend/static/app.js
@@ -20,6 +20,7 @@ const TR_PRESETS = {
MEDIUM: { codec: "h264", profile: "baseline", bitrate: "8000k", keyint: 2, preset: "ultrafast" },
HARD: { codec: "h264", profile: "main", bitrate: "16000k", keyint: 1, preset: "superfast" },
};
+const TR_PRESET_COLORS = { SOFT: "#e03131", MEDIUM: "#e9c46a", HARD: "#ffffff" }; // цветомаркировка профилей
function matchPreset(pr) { // имя пресета, совпадающего с параметрами
return Object.keys(TR_PRESETS).find((k) => {
const p = TR_PRESETS[k];
@@ -1479,9 +1480,10 @@ const Settings = {
``).join("") + ``;
// «Готовый профиль» SOFT/MEDIUM/HARD — выпадающее меню; выставляет все параметры разом
const qmatch = matchPreset(pr);
- const qpresetSel = ``;
return (
`` +
`` +
@@ -1490,7 +1492,7 @@ const Settings = {
`` +
`` +
`` +
- ``
+ ``
);
},
@@ -1528,8 +1530,10 @@ const Settings = {
const syncQuality = () => {
qpreset.value = matchPreset({ codec: codec.value, profile: prof.value, bitrate: brSel.value,
keyint: row.querySelector('[data-f="keyint"]').value, preset: row.querySelector('[data-f="preset"]').value });
+ qpreset.style.color = TR_PRESET_COLORS[qpreset.value] || "";
};
qpreset.onchange = () => {
+ qpreset.style.color = TR_PRESET_COLORS[qpreset.value] || "";
const p = TR_PRESETS[qpreset.value];
if (!p) return;
const put = (f, v) => { const s = row.querySelector(`[data-f="${f}"]`); if (s) s.value = String(v); };
diff --git a/frontend/static/style.css b/frontend/static/style.css
index 25cf225..30e9d04 100644
--- a/frontend/static/style.css
+++ b/frontend/static/style.css
@@ -345,6 +345,7 @@ input[type="date"], input[type="number"], select {
.tr-row select { display: block; }
.tr-row input[type="number"] { display: block; width: 80px; }
.tr-row select:disabled, .tr-row input:disabled { opacity: .4; cursor: not-allowed; }
+.tr-row label.qpreset-lbl { margin-left: auto; } /* «Готовый профиль» — прижат к правому краю */
/* общие пресеты перекодирования (SOFT / MEDIUM / HARD) */
.tr-presets { flex-basis: 100%; display: flex; align-items: center; gap: 8px; padding-left: 28px; }
.tr-preset {