Журнал изменений

Delete email-noscript.html fragment and anti_spam() which relied on the deprecated "mysi".AddMail() JS trick. Replace all 3 callers with htmlspecialchars() — required because view templates use {{{ email }}} raw output. The JS obfuscation provided no real protection in 2026.

Remove sl-i-fav link from layouts, Bookmark() JS function, _S_FAVORITEN constant from all lang files, and template variable from access/security exit handlers. Feature relied on deprecated browser APIs (window.sidebar, window.external.AddFavorite) that no longer work in modern browsers.

Reformatted all templates/*/.html files (layouts, pages, partials, fragments) in both lite and admin template sets. Only whitespace and line breaks changed — no logic, conditions, CSS classes, or HTML semantics were altered.

Replaces all sl-X_Y modifier class names with hyphen-separated sl-X-Y form across layouts, fragments, partials, and theme.css to establish consistent BEM naming, and adds sidebar/content grid structure to home layout.

Core changes:

1. Templates (layouts/app.html, home.html, fragments, partials):

2. Rename ~25 class patterns: sl-top_contact → sl-top-contact, sl-d_pane → sl-d-pane, sl-i_yt/-tw/-vk/-rss → sl-i-yt/-tw/-vk/-rss, sl-f_title → sl-f-title, sl-grid_1_4 → sl-grid-1-4

3. home.html: add #head-content wrapper and left/main/right sidebar grid inside sl-wrp
4. CSS (theme.css, base.css):
5. Update selectors to match renamed classes
6. Add inline-flex + align-items to .sl-meta li and card meta elements
7. Refine .sl-navi-lower-action to use token-based color/border overrides
8. Config:
9. global.php: switch default module from changelog to news; rotate sitekey
10. local.php: reset to minimal defaults

Benefits: - Consistent hyphen-only BEM convention eliminates underscore/hyphen mixing - Sidebar grid in home layout enables left/right block slot rendering - Card meta elements vertically aligned via flexbox

Record the completed responsive baseline work for lite/admin and add release notes for the verified browser audit. This keeps the current responsive changes, documents the closed baseline, and preserves the remaining non-blocking component backlog for future follow-up.

Core changes:

1. Responsive baseline:
2. lite mobile/tablet layout, menus, tables, comments, cards, media, and admin shells were verified in the browser
3. authenticated admin pages were verified after login
4. component-specific backlog remains outside the baseline scope
5. Release notes:
6. add docs/VERSIONS.md with the baseline closure note and verification summary

Benefits: - documents the verified responsive state - keeps the release history aligned with the audited browser result

Technical notes: - no PHP logic changes - no JS changes - no AI attribution

Standalone HTML demo showcasing all .sl-loading variants (default, drift, and colour overrides) for visual reference during development.

Converts .sl-loading to a CSS-variable-driven component so colour and size variants require only token overrides, adds a four-dot drift animation variant, and modernises the monitor chart and stats CSS to match the new server-rendered SVG structure.

Core changes:

1. Loading component (templates/admin/assets/css/theme.css):
2. Introduce --sl-loading-core/soft/center/width/height/size/shadows-* tokens
3. Re-base dot colour from --sl-color-primary-hover to --sl-color-success
4. Add .sl-loading-drift variant — four dots, vertical float, 1.1 s ease-in-out
5. Monitor widget styles (templates/admin/assets/css/theme.css):
6. Tokenise font stack via --sl-monitor-font and size scale sm/md/lg/kpi/xl
7. Swap .sl-t-label span dot to .sl-t-icon flex column with 50 px Bootstrap Icon
8. Add .sl-t-content, .sl-t-sub for the new icon + content card structure
9. Replace .sl-chart-path with .sl-chart-gridline (solid) and .sl-chart-vgrid (dashed)

10. Add .sl-chart-value-label, .sl-chart-axis-label, .sl-chart-tip, .sl-chart-day/.sl-chart-dayline/.sl-chart-focus/.sl-chart-hover-zone rules

11. Set chart height 220 → 285 px, correct --sl-monitor-blue to --sl-color-primary

Benefits: - Loading variants need only CSS token overrides — no duplicate animation keyframes - Monitor font sizes are now a consistent token scale, easy to adjust globally

Swaps the hardcoded SVG block for the PHP-generated {{{ chartsvg }}} variable and restructures the four traffic stat cards to use icon + content columns aligned with the new CSS layout tokens.

Core changes:

1. Monitor template (templates/admin/partials/basic-monitor.html):
2. Replace inline SVG (paths, defs, gradients) with {{{ chartsvg }}} mustache triple
3. Replace plain "Loading..." text with animated .sl-loading.sl-loading-drift spinner

4. Restructure .sl-t-item cards: add .sl-t-icon (Bootstrap Icon) + .sl-t-content wrapper * Reorder stats: CPU · RAM · Upstream · Downstream (system metrics first) * Add .sl-t-sub for secondary value line (freq, MB used, rate)

Eliminates duplicated point-calculation logic, adds a parametric SVG chart builder with hover zones and tooltips rendered server-side so the template becomes a single variable substitution.

Core changes:

1. Chart path helpers (admin/modules/monitor.php):

2. Extract getHistoryPoints() — shared normalised point array used by line and area paths * Accepts width/padding params so charts are no longer hardcoded to 100 px viewport * Attaches raw value to each point for tooltip rendering

3. Add getHistoryBucketPoints() — evenly samples N points for hover marker alignment
4. Add getHistoryMarkerPoint() — returns nearest point for a given bucket index
5. Add getMonitorChartTimeLabel() — localised time label using _MONITOR_TIME_AGO/_NOW
6. Server-rendered SVG (admin/modules/monitor.php):

7. Add getMonitorChartSvg() — builds full 900×285 SVG with defs, gradient fills, grid lines, vertical bucket lines, hover zones, and floating tooltip groups

8. Expose hist_down/hist_up/hist_cpu/hist_ram arrays in getMonitorPanelSnapshot()
9. Add chartsvg key to getTrafficPanelVars() output

Benefits: - Single source of truth for chart geometry; template contains no SVG logic - Hover and tooltip state is structural (CSS :has / pointer-events) not JS-driven - Width/padding now configurable per chart without touching templates