Initial commit: drawNET Alpha v1.0 - Professional Topology Designer with Full i18n and Performance Optimizations

This commit is contained in:
leeyj
2026-03-22 22:37:24 +09:00
commit 5cea93e317
192 changed files with 14449 additions and 0 deletions
+48
View File
@@ -0,0 +1,48 @@
import { t } from '../../i18n.js';
import { getSettings, updateSetting } from '../store.js';
export function renderEngine(container) {
const settings = getSettings();
container.innerHTML = `
<h3>${t('engine') || 'Engine'}</h3>
<div class="setting-row">
<div class="setting-info">
<span class="label">${t('auto_load_last')}</span>
<span class="desc">${t('auto_load_last_desc')}</span>
</div>
<div class="setting-ctrl">
<input type="checkbox" id="auto-load-toggle" ${settings.autoLoadLast ? 'checked' : ''}>
</div>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="label">${t('sync_mode')}</span>
<span class="desc">${t('sync_mode_desc')}</span>
</div>
<div class="setting-ctrl">
<select disabled>
<option selected>Manual (Pro)</option>
<option>Real-time (Legacy)</option>
</select>
</div>
</div>
<div class="setting-row">
<div class="setting-info">
<span class="label">${t('auto_save')}</span>
<span class="desc">${t('auto_save_desc')}</span>
</div>
<div class="setting-ctrl">
<input type="checkbox" checked disabled>
</div>
</div>
`;
}
export function bindEngineEvents(container) {
const autoLoadToggle = container.querySelector('#auto-load-toggle');
if (autoLoadToggle) {
autoLoadToggle.addEventListener('change', (e) => {
updateSetting('autoLoadLast', e.target.checked);
});
}
}