Documentation / Core Concepts / Admin Interface

Admin Interface

📅 Updated: May 23, 2025
👤 Author: LebCit
⏱️ Reading time: 1 min

Technology Stack

  • Vanilla JavaScript: No framework dependencies
  • Modular Architecture: Component-based organization
  • CSS Grid/Flexbox: Modern responsive design

Key Components

1. Dashboard

Reference: core/admin/views/contents/dashboard.html

  • Quick overview of content statistics
  • Recent activity
  • Quick actions

2. Content Editor

Reference: core/admin/static/js/editor/

  • Markdown Editor: Real-time preview
  • Media Selector: Integrated file browser
  • Metadata Forms: Dynamic form generation
  • Auto-save: Prevent data loss

3. Media Library

Reference: core/admin/static/js/media-library/

  • Grid View: Flexible display options
  • Upload Handler: Drag-and-drop support
  • Metadata Editor: In-place editing
  • Reference Checking: Prevent accidental deletions

4. Theme Manager

Reference: core/admin/static/js/themes-manager/

  • Theme Installation: Upload and marketplace
  • Theme Switching: Live preview
  • Update Management: Automatic update checking

5. Users Management

Reference: core/admin/static/js/users/

  • CRUD Operations: Manage users

6. Settings Panel

Reference: core/admin/static/js/settings/

  • Tabbed Interface: Organized configuration
  • Form Validation: Client-side validation
  • Appearance: Theme activation and site customization
  • Content: Number of posts to display and default posts author
  • Advanced: Performance and custom header/footer code
  • Menu: Global Menu Editor (Drag and drop, Hierarchies, CRUD)
  • Static Generation: One-click site generation

Admin Bar Integration

For logged-in users, Aether includes an admin bar on the frontend:

TXT
// Aether Bar Features
- Quick edit buttons for content
- User information display
- Performance indicators
- Environment badges
- Direct admin access