diff --git a/README.md b/README.md index f8e051a..ad671de 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ Control은 라즈베리파이/리눅스 호스트의 팬과 시스템 상태를 - 팬 모드 `auto`, `manual`, `off` 제어 - PWM slider 기반 수동 팬 제어 - 오버레이 설정 모달에서 보안 정책, 팬 자동곡선, 이벤트 판정, 팬 이상감지 파라미터 조정 -- 설정 모달에서 라즈베리파이 정품 7인치 DSI 터치 디스플레이 상태 확인, 콘솔 회전, 터치 좌표 보정, LCD/터치 비활성화 부팅 설정 조정 +- 설정 모달에서 라즈베리파이 정품 7인치 DSI 터치 디스플레이 상태 확인, 밝기/백라이트 즉시 적용, 콘솔 회전, 터치 좌표 보정, LCD/터치 비활성화 부팅 설정 조정 - CPU 온도, 팬 RPM 핵심 차트 - RP1 온도, 팬 효율, CPU 전력 상세 차트는 접힘 영역에서 확인 - UPS/배터리 잔여 시간 기능은 장치 제거 후 비활성 상태로 두고, 배터리 센서 조회와 장기 학습 계산은 돌리지 않음 @@ -48,6 +48,7 @@ Control은 라즈베리파이/리눅스 호스트의 팬과 시스템 상태를 - `public/api.php?action=settings_save`: 설정 모달 값 저장 - `public/api.php?action=settings_reset`: 설정 모달 값을 기본값으로 초기화 - `public/api.php?action=touch_display_save`: `/boot/firmware/config.txt`, `/boot/firmware/cmdline.txt`에 DSI 터치 디스플레이 부팅 설정 저장 +- `public/api.php?action=touch_display_runtime_save`: DSI 터치 디스플레이 백라이트 밝기와 백라이트 전원 즉시 적용 - `public/api.php?action=dmesg`: dmesg 로그 조회 - `public/api.php?action=reboot`: 확인 단어와 관리자 암호 재검증 후 sudo reboot 실행 @@ -98,12 +99,12 @@ API 응답의 `battery.enabled`는 false, `battery.removed`는 true로 내려가 - 팬 자동 제어: 팬 시작 온도, 최대 온도, 즉시 최대 PWM 온도, RP1 온도 반영 비율, 팬 판단 온도 여유, 자동 상승/하강 PWM step - 보안 정책: 자동 로그인 유지 기간, remember 쿠키 Secure/SameSite, CSRF 길이, remember 토큰 길이, User-Agent/IP 접두사 검증, 로그인 실패 잠금, 재부팅 허용 여부, 재부팅 확인 문구, 명령 timeout, WiFi 조작 허용 여부 - 화면/진단 표시: 프로세스 후보 수, 사용자 서비스 로그 줄 수, 사용자 서비스 캐시 시간, 팬 이상 이력 수 -- 터치 디스플레이: 현재 DSI 연결 상태, `800x480` 모드, framebuffer, 자동감지/수동 overlay 상태 표시와 콘솔 회전, LCD 출력, 터치 입력, `invx`/`invy`/`swapxy`, 터치 좌표 크기 저장 +- 터치 디스플레이: 현재 DSI 연결 상태, `800x480` 모드, framebuffer, 백라이트 밝기, 자동감지/수동 overlay 상태 표시와 밝기 즉시 적용, 콘솔 회전, LCD 출력, 터치 입력, `invx`/`invy`/`swapxy`, 터치 좌표 크기 저장 - 저전압/스로틀링: 최근 판정창, 복구 중 유지 시간, 반복 발생 기준 횟수 - 팬 이상감지: 기준 표본 수, 최신 표본 제외 수, RPM/온도 이상 감지 차이, RPM/온도 복구 차이, RPM 감시 시작 PWM, alert 유지 중 반복 기록, 반복 기록 간격, 하강 변화 원인 후보 표시 여부 - UPS/배터리 설정: 현재 UPS 제거 상태에서는 설정 모달에서 숨겨지고, `battery.enabled=true`일 때만 배터리 예측 항목을 노출합니다. -디스플레이 설정은 DB가 아니라 라즈베리파이 부팅 파일에 저장합니다. 저장 전 기존 파일을 `.control-YYYYMMDD-HHMMSS.bak` 형식으로 백업하고, 변경 사항은 재부팅 후 적용됩니다. 구형 정품 7인치 Touch Display의 콘솔 회전은 `cmdline.txt`의 `video=DSI-1:800x480@60,rotate=...`를 사용하며, 터치 좌표 보정이 필요하면 `config.txt`의 `vc4-kms-dsi-7inch` overlay로 전환합니다. +디스플레이 회전/터치 좌표 설정은 DB가 아니라 라즈베리파이 부팅 파일에 저장합니다. 저장 전 기존 파일을 `.control-YYYYMMDD-HHMMSS.bak` 형식으로 백업하고, 변경 사항은 재부팅 후 적용됩니다. 구형 정품 7인치 Touch Display의 콘솔 회전은 `cmdline.txt`의 `video=DSI-1:800x480@60,rotate=...`를 사용하며, 터치 좌표 보정이 필요하면 `config.txt`의 `vc4-kms-dsi-7inch` overlay로 전환합니다. 백라이트 밝기와 백라이트 전원은 `/sys/class/backlight` 장치를 통해 즉시 적용되며 재부팅이 필요 없습니다. 설정 모달이 열려 있는 동안 1초 상태 갱신은 폼 DOM을 다시 만들지 않습니다. 입력 중인 값은 저장, 기본값 초기화, 닫기 전까지 유지되며, 백그라운드 snapshot은 내부 설정 payload만 갱신합니다. 단순 boolean 설정은 `켜기`/`끄기` 세그먼트로 표시합니다. diff --git a/public/api.php b/public/api.php index 0f54288..d7e5049 100644 --- a/public/api.php +++ b/public/api.php @@ -3488,6 +3488,29 @@ function touch_display_file(string $kind): string return $kind === 'cmdline' ? '/boot/firmware/cmdline.txt' : '/boot/firmware/config.txt'; } +function touch_display_backlight_path(): ?string +{ + $candidates = glob('/sys/class/backlight/*') ?: []; + foreach ($candidates as $path) { + if (is_readable($path . '/brightness') && is_readable($path . '/max_brightness')) { + return $path; + } + } + + $fallback = '/sys/devices/platform/axi/1000120000.pcie/1f00088000.i2c/i2c-10/10-0045/backlight/10-0045'; + return is_readable($fallback . '/brightness') && is_readable($fallback . '/max_brightness') ? $fallback : null; +} + +function touch_display_read_int(?string $path): ?int +{ + if ($path === null || !is_readable($path)) { + return null; + } + + $raw = trim((string)@file_get_contents($path)); + return is_numeric($raw) ? (int)$raw : null; +} + function touch_display_read_file(string $kind): string { $path = touch_display_file($kind); @@ -3532,6 +3555,21 @@ function touch_display_write_file(string $path, string $content): void } } +function touch_display_write_value(string $path, string $value): void +{ + if (function_exists('posix_geteuid') && posix_geteuid() === 0) { + if (@file_put_contents($path, $value) === false) { + throw new RuntimeException(basename($path) . ' 저장에 실패했습니다.'); + } + return; + } + + $result = sh(['/bin/sh', '-c', 'printf %s ' . escapeshellarg($value) . ' > ' . escapeshellarg($path)], true, 5); + if ($result['code'] !== 0) { + throw new RuntimeException(trim($result['out']) !== '' ? trim($result['out']) : basename($path) . ' 저장에 실패했습니다.'); + } +} + function touch_display_active_config_lines(string $config): array { return array_values(array_filter( @@ -3606,6 +3644,11 @@ function touch_display_status(): array $modes = is_readable($modesPath) ? array_values(array_filter(array_map('trim', file($modesPath, FILE_IGNORE_NEW_LINES) ?: []))) : []; + $backlightPath = touch_display_backlight_path(); + $brightness = touch_display_read_int($backlightPath !== null ? $backlightPath . '/brightness' : null); + $actualBrightness = touch_display_read_int($backlightPath !== null ? $backlightPath . '/actual_brightness' : null); + $maxBrightness = touch_display_read_int($backlightPath !== null ? $backlightPath . '/max_brightness' : null); + $blPower = touch_display_read_int($backlightPath !== null ? $backlightPath . '/bl_power' : null); return [ 'connector' => 'DSI-1', @@ -3618,6 +3661,16 @@ function touch_display_status(): array 'current_mode' => $modes[0] ?? '800x480', 'framebuffer' => is_dir('/sys/class/graphics/fb0') ? 'fb0' : '-', 'touch_input' => trim((string)shell_exec("for e in /sys/class/input/event*/device/name; do cat \"\$e\" 2>/dev/null; done | grep -i 'ft5x06' | head -n 1")) ?: '-', + 'backlight' => [ + 'available' => $backlightPath !== null, + 'path' => $backlightPath, + 'brightness' => $brightness, + 'actual_brightness' => $actualBrightness, + 'max_brightness' => $maxBrightness, + 'percent' => $maxBrightness !== null && $maxBrightness > 0 && $brightness !== null ? round($brightness / $maxBrightness * 100, 1) : null, + 'power' => $blPower, + 'enabled' => $blPower === null || $blPower === 0, + ], 'config' => [ 'display_auto_detect' => touch_display_config_flag($lines, 'display_auto_detect'), 'manual_overlay' => (bool)$overlay['enabled'], @@ -3637,6 +3690,36 @@ function touch_display_status(): array ]; } +function touch_display_set_runtime(array $input): array +{ + $backlightPath = touch_display_backlight_path(); + if ($backlightPath === null) { + throw new RuntimeException('백라이트 제어 장치를 찾을 수 없습니다.'); + } + + $maxBrightness = touch_display_read_int($backlightPath . '/max_brightness') ?? 255; + $brightness = max(0, min($maxBrightness, (int)($input['brightness'] ?? $maxBrightness))); + $enabled = touch_display_bool($input['backlight_enabled'] ?? '1'); + + touch_display_write_value($backlightPath . '/brightness', (string)$brightness); + if (is_writable($backlightPath . '/bl_power') || is_readable($backlightPath . '/bl_power')) { + touch_display_write_value($backlightPath . '/bl_power', $enabled ? '0' : '4'); + } + + add_fan_action( + 'touch_display_runtime', + null, + null, + 'brightness=' . $brightness . '/' . $maxBrightness . ', backlight_enabled=' . ($enabled ? '1' : '0'), + true + ); + + return [ + 'reboot_required' => false, + 'display' => touch_display_status(), + ]; +} + function touch_display_comment_directives(string $config, array $patterns): string { $lines = preg_split('/\R/', $config) ?: []; @@ -4043,6 +4126,25 @@ function control_api_dispatch(): void ]); } + if ($action === 'touch_display_runtime_save') { + $raw = (string)($_POST['runtime'] ?? '{}'); + $runtime = json_decode($raw, true); + if (!is_array($runtime)) { + json_out([ + 'ok' => false, + 'error' => 'bad_display_runtime', + ], 400); + } + + $result = touch_display_set_runtime($runtime); + $data = collect_snapshot(false); + $data['touch_display_runtime_save'] = $result; + json_out([ + 'ok' => true, + 'data' => $data, + ]); + } + if ($action === 'fan') { $mode = (string)($_POST['mode'] ?? 'auto'); $pwm = max(0, min(255, (int)($_POST['pwm'] ?? 120))); diff --git a/public/assets/app.js b/public/assets/app.js index a8a4021..4084247 100644 --- a/public/assets/app.js +++ b/public/assets/app.js @@ -205,6 +205,11 @@ touchDisplayConnected: 'Connected', touchDisplayMode: 'Mode', touchDisplayFramebuffer: 'Framebuffer', + touchBacklight: 'Backlight', + touchBrightness: 'Brightness', + touchBacklightEnabled: 'Backlight power', + touchRuntimeSave: 'Apply brightness now', + touchRuntimeSaved: 'Brightness applied.', touchDisplayOverlay: 'Manual overlay', touchDisplayAutoDetect: 'Auto detect', touchDisplayEnabled: 'LCD output', @@ -376,6 +381,11 @@ touchDisplayConnected: '연결', touchDisplayMode: '모드', touchDisplayFramebuffer: '프레임버퍼', + touchBacklight: '백라이트', + touchBrightness: '밝기', + touchBacklightEnabled: '백라이트 전원', + touchRuntimeSave: '밝기 즉시 적용', + touchRuntimeSaved: '밝기를 적용했습니다.', touchDisplayOverlay: '수동 overlay', touchDisplayAutoDetect: '자동 감지', touchDisplayEnabled: 'LCD 출력', @@ -699,6 +709,7 @@ [t('touchDisplayConnected'), `${display.status || 'unknown'} / ${display.enabled_state || 'unknown'} / ${display.dpms || 'unknown'}`], [t('touchDisplayMode'), display.current_mode || '-'], [t('touchDisplayFramebuffer'), display.framebuffer || '-'], + [t('touchBacklight'), display.backlight?.available ? `${display.backlight.brightness ?? '-'} / ${display.backlight.max_brightness ?? '-'} (${display.backlight.percent ?? '-'}%)` : '-'], [t('touchDisplayAutoDetect'), boolLabel(!!config.display_auto_detect)], [t('touchDisplayOverlay'), boolLabel(!!config.manual_overlay)], ]; @@ -725,6 +736,9 @@ `; + const backlight = display.backlight || {}; + const maxBrightness = Number(backlight.max_brightness || 255); + const brightness = Number(backlight.brightness ?? maxBrightness); return `
@@ -758,6 +772,24 @@ /boot/firmware/config.txt, /boot/firmware/cmdline.txt + ${backlight.available ? ` +
+

${escapeHtml(t('touchBacklight'))}

+
+
+ ${escapeHtml(t('touchBrightness'))}${escapeHtml(brightness)} / ${escapeHtml(maxBrightness)} + + + +
+ ${checkboxField('backlight_enabled', t('touchBacklightEnabled'), backlight.enabled !== false).replaceAll('data-display-key', 'data-display-runtime-key')} +
+
+ + ${escapeHtml(backlight.path || '')} +
+
+ ` : ''}
`; } @@ -875,6 +907,14 @@ }); }); $('#touchDisplaySave', els.settingsBody)?.addEventListener('click', saveTouchDisplaySettings); + $('#touchRuntimeSave', els.settingsBody)?.addEventListener('click', saveTouchDisplayRuntime); + const brightnessSlider = els.settingsBody.querySelector('[data-display-runtime-key="brightness"]'); + const brightnessValue = $('#touchBrightnessValue', els.settingsBody); + brightnessSlider?.addEventListener('input', () => { + if (brightnessValue) { + brightnessValue.textContent = `${brightnessSlider.value} / ${brightnessSlider.max}`; + } + }); } function settingByKey(key, fallback = null) { @@ -925,6 +965,16 @@ return values; } + function currentTouchDisplayRuntimeValues() { + const values = {}; + els.settingsBody?.querySelectorAll('[data-display-runtime-key]').forEach(input => { + values[input.dataset.displayRuntimeKey] = input.type === 'checkbox' + ? (input.checked ? '1' : '0') + : input.value; + }); + return values; + } + async function saveTouchDisplaySettings() { if (!await window.customConfirm('디스플레이 부팅 설정을 저장할까요? 저장 후 재부팅해야 적용됩니다.', { title: t('touchDisplaySettings') })) { return; @@ -944,6 +994,21 @@ } } + async function saveTouchDisplayRuntime() { + try { + const data = await api('touch_display_runtime_save', { + runtime: JSON.stringify(currentTouchDisplayRuntimeValues()), + }); + state.settingsDirty = false; + render(data); + renderSettings(data.settings, { force: true }); + notice(t('touchRuntimeSaved'), 'success'); + } catch (e) { + console.error(e); + notice(e.message || t('settingsSaveFailed'), 'error'); + } + } + async function saveSettings() { try { const data = await api('settings_save', { diff --git a/public/index.php b/public/index.php index 91fc027..b676a16 100644 --- a/public/index.php +++ b/public/index.php @@ -146,6 +146,7 @@ html[data-theme="light"] .details-panel{background:#edf3fa;border-color:#b8c7da} .dialog-layer{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(4,7,12,.68);backdrop-filter:blur(8px);z-index:120}.dialog-layer[data-open="1"]{display:flex}.dialog-box{width:min(430px,100%);border:1px solid rgba(84,101,128,.78);border-radius:20px;background:var(--card);box-shadow:0 24px 70px rgba(0,0,0,.42);padding:20px}.dialog-box h3{margin:0 0 8px;font-size:19px;font-weight:500}.dialog-message{margin:0 0 16px;color:var(--sub);line-height:1.5;white-space:pre-wrap}.dialog-input{width:100%;height:48px;margin-bottom:14px;border-radius:14px;border:1px solid var(--line);background:var(--input);color:var(--text);padding:0 14px;outline:none}.dialog-input:focus{outline:2px solid rgba(59,130,246,.65);outline-offset:2px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions .btn{min-width:84px}.dialog-actions .btn.red{background:#c62828} .settings-layer{align-items:stretch}.settings-box{width:min(980px,100%);max-height:calc(100vh - 44px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0;overflow:hidden}.settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.settings-sub{margin:0;color:var(--sub);font-size:13px}.settings-body{overflow:auto;padding:16px 20px;display:grid;gap:14px}.settings-group{border:1px solid var(--line);border-radius:16px;background:var(--card2);padding:14px}.settings-group h4{margin:0 0 12px;font-size:15px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-field{display:grid;gap:7px;min-width:0}.settings-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--sub);font-size:13px}.settings-label span:last-child{white-space:nowrap;color:var(--sub)}.settings-control{display:flex;align-items:center;gap:9px}.settings-control input,.settings-select{width:100%;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--input);color:var(--text);padding:0 12px;outline:none}.settings-control input:focus,.settings-select:focus{outline:2px solid rgba(59,130,246,.65);outline-offset:2px}.settings-toggle{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--input);padding:4px;cursor:pointer;gap:4px}.settings-toggle input{position:absolute;opacity:0;pointer-events:none}.settings-toggle span{display:grid;place-items:center;min-width:0;height:32px;border-radius:10px;color:var(--sub);font-weight:700;font-size:12px;transition:background .12s ease,color .12s ease}.settings-toggle[data-checked="1"] .settings-toggle-on,.settings-toggle[data-checked="0"] .settings-toggle-off{background:var(--blue);color:#fff}.settings-toggle[data-checked="0"] .settings-toggle-off{background:#64748b}.settings-default{font-size:12px;color:var(--sub);white-space:nowrap}.settings-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line)} .touch-display-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.touch-display-status div{display:grid;gap:4px;border:1px solid rgba(128,145,170,.28);border-radius:12px;background:var(--input);padding:10px 12px;min-width:0}.touch-display-status span{color:var(--sub);font-size:12px}.touch-display-status strong{font-size:13px;font-weight:500;word-break:break-word}.settings-inline-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.settings-note{color:var(--sub);font-size:12px;word-break:break-all} +.touch-runtime-box{margin-top:14px;padding-top:14px;border-top:1px solid rgba(128,145,170,.24)}.touch-runtime-box h4{margin:0 0 12px;font-size:15px;color:var(--text)} @media(max-width:900px){.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1100px){.layout{grid-template-columns:1fr}.resource-grid,.wifi-scan-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.topbar-right{width:100%}.topbar-right .btn{flex:1}.stat-grid{grid-template-columns:1fr}.resource-head{align-items:flex-start;flex-direction:column}.baseline-pill{text-align:left;white-space:normal}} @media(max-width:720px){.chart-grid{grid-template-columns:1fr}.settings-grid,.touch-display-status{grid-template-columns:1fr}.settings-head{align-items:stretch;flex-direction:column}.settings-actions{display:grid;grid-template-columns:1fr 1fr}.settings-box{max-height:calc(100vh - 24px)}} @@ -364,7 +365,7 @@ html[data-theme="light"] .details-panel{background:#edf3fa;border-color:#b8c7da} - +