Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-12-14 08:06:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update script-terminal-modal.tsx

Browse Source
This commit is contained in:
MacRimi
2025-12-11 18:27:11 +01:00
parent 90fedbf9a2
commit a6e20bd9f0
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
AppImage/components/script-terminal-modal.tsx
View File

@@ -67,6 +67,7 @@ export function ScriptTerminalModal({
const [modalHeight, setModalHeight] = useState(600) const [modalHeight, setModalHeight] = useState(600)
const [isResizing, setIsResizing] = useState(false) const [isResizing, setIsResizing] = useState(false)
const resizeBarRef = useRef<HTMLDivElement>(null) const resizeBarRef = useRef<HTMLDivElement>(null)
const modalHeightRef = useRef(600) // Ref para mantener el valor actualizado
// Debug visual para tablets // Debug visual para tablets
const [debugInfo, setDebugInfo] = useState<string[]>([]) const [debugInfo, setDebugInfo] = useState<string[]>([])
@@ -278,7 +279,9 @@ export function ScriptTerminalModal({
useEffect(() => { useEffect(() => {
const savedHeight = localStorage.getItem("scriptModalHeight") const savedHeight = localStorage.getItem("scriptModalHeight")
if (savedHeight) { if (savedHeight) {
setModalHeight(Number.parseInt(savedHeight, 10)) const height = Number.parseInt(savedHeight, 10)
setModalHeight(height)
modalHeightRef.current = height // Sincronizar el ref
} }
if (isOpen) { if (isOpen) {
@@ -406,7 +409,6 @@ export function ScriptTerminalModal({
console.log(debugMsg2) console.log(debugMsg2)
setDebugInfo(prev => [...prev.slice(-4), debugMsg2]) setDebugInfo(prev => [...prev.slice(-4), debugMsg2])
let lastY = startY
let moveCount = 0 let moveCount = 0
const handleMove = (moveEvent: MouseEvent | TouchEvent) => { const handleMove = (moveEvent: MouseEvent | TouchEvent) => {
@@ -422,7 +424,8 @@ export function ScriptTerminalModal({
console.log(`Move #${moveCount} - currentY: ${currentY}, deltaY: ${deltaY}, newHeight: ${newHeight}`) console.log(`Move #${moveCount} - currentY: ${currentY}, deltaY: ${deltaY}, newHeight: ${newHeight}`)
} }
lastY = currentY // Actualizar tanto el state como el ref
modalHeightRef.current = newHeight
setModalHeight(newHeight) setModalHeight(newHeight)
if (fitAddonRef.current && termRef.current && wsRef.current?.readyState === WebSocket.OPEN) { if (fitAddonRef.current && termRef.current && wsRef.current?.readyState === WebSocket.OPEN) {
@@ -442,7 +445,9 @@ export function ScriptTerminalModal({
} }
const handleEnd = () => { const handleEnd = () => {
const debugMsg3 = `Resize end - Final height: ${modalHeight}, Total moves: ${moveCount}, Last Y: ${lastY}` // Usar el ref que tiene el valor actualizado
const finalHeight = modalHeightRef.current
const debugMsg3 = `Resize end - Final height: ${finalHeight}, Total moves: ${moveCount}`
console.log(debugMsg3) console.log(debugMsg3)
setDebugInfo(prev => [...prev.slice(-4), debugMsg3]) setDebugInfo(prev => [...prev.slice(-4), debugMsg3])
@@ -454,7 +459,8 @@ export function ScriptTerminalModal({
document.removeEventListener("touchend", handleEnd, false) document.removeEventListener("touchend", handleEnd, false)
document.removeEventListener("touchcancel", handleEnd, false) document.removeEventListener("touchcancel", handleEnd, false)
localStorage.setItem("scriptModalHeight", modalHeight.toString()) // Guardar usando el valor del ref
localStorage.setItem("scriptModalHeight", finalHeight.toString())
} }
document.addEventListener("mousemove", handleMove as any, false) document.addEventListener("mousemove", handleMove as any, false)