изменение текущего времени, тест 2

templates/match_workspace.html

@@ -289,7 +289,7 @@
                   <span class="period-badge" id="periodBadge"
                     >Матч не начат</span
                   >
-                  <div class="timer-box" id="matchTimer" onclick="openClockEditor()">00:00</div>
+                  <div class="timer-box timer-box-clickable" id="matchTimer" onclick="openClockEditor()" title="Нажмите, чтобы изменить время">00:00</div>
                   <div class="score-box" id="matchScore">0 : 0</div>
 
                   <div class="extra-time-wrap">
@@ -1114,6 +1114,38 @@ data-role="{{ p.position or '' }}"
       awayCoachPool: []
   };
 </script>
+
+    <div class="formation-modal" id="clockEditorModal">
+      <div class="formation-modal-backdrop" onclick="closeClockEditor()"></div>
+      <div class="formation-modal-content clock-editor-modal-content">
+        <div class="formation-modal-header">
+          <div>
+            <div class="formation-modal-title">Редактировать время</div>
+            <div class="formation-modal-subtitle" id="clockEditorHint"></div>
+          </div>
+          <button type="button" class="modal-close-btn" onclick="closeClockEditor()">×</button>
+        </div>
+
+        <div class="formation-modal-body clock-editor-body">
+          <label class="clock-editor-label" for="clockEditorInput">Текущее матчевое время</label>
+          <input
+            type="text"
+            class="clock-editor-input"
+            id="clockEditorInput"
+            placeholder="12:30"
+            inputmode="numeric"
+            onkeydown="if (event.key === 'Enter') applyClockEditor(); if (event.key === 'Escape') closeClockEditor();"
+          />
+          <div class="clock-editor-note">Можно ввести 12:30, 57:20 или 01:02:03.</div>
+        </div>
+
+        <div class="formation-modal-footer">
+          <button type="button" class="btn btn-secondary" onclick="closeClockEditor()">Отмена</button>
+          <button type="button" class="btn btn-primary" onclick="applyClockEditor()">Применить в интерфейсе и vMix</button>
+        </div>
+      </div>
+    </div>
+
     <div class="formation-modal" id="formationAssignModal">
       <div
         class="formation-modal-backdrop"