Files
gym-bro/frontend/js/app.js
T

52 lines
1.9 KiB
JavaScript

import { loadState, saveState, state, updateSyncStatus } from './state.js';
import { renderMainScreen } from './render/main-screen.js';
import { sync } from './sync.js';
// Подключаем logic-модули (они регистрируются в window)
import './logic/workout.js';
import './logic/exercise.js';
import './logic/set.js';
import './logic/cardio.js';
import './logic/metrics.js';
import './logic/settings.js';
// Подключаем модалки
import './modals/modal-base.js';
import './modals/exercise-modal.js';
import './modals/set-modal.js';
import './modals/cardio-modal.js';
import './modals/metrics-modal.js';
import './modals/edit-exercise-modal.js';
import './modals/edit-workout-date-modal.js';
function renderHeader() {
document.getElementById('app-header').innerHTML = `
<div>
<h2>Gym Tracker</h2>
<div id="sync-status" class="sync-status">● Локально</div>
</div>
<div class="header-actions">
<button class="icon-btn header-btn" onclick="ML.showBodyMetrics()" title="Замеры">📏</button>
<button class="icon-btn header-btn" onclick="SettingsLogic.show()" title="Настройки">⚙️</button>
<button class="btn btn-small btn-secondary" onclick="AppSync.sync()" title="Синхронизация">🔄</button>
</div>
`;
}
function init() {
loadState();
renderHeader();
renderMainScreen();
updateSyncStatus();
}
// Глобальные хелперы для inline-обработчиков
window.App = {
getWorkout: (id) => state.workouts.find(w => w.id === id),
saveAndRender: () => { saveState(); /* перерисовка не нужна — select не требует */ },
};
window.AppSync = { sync };
window.App.backToMain = () => renderMainScreen();
document.addEventListener('DOMContentLoaded', init);