@orion-front/docs

Appearance

Core Features ​

Panel Architecture ​

The core of the application is built around a flexible panel system:

  • Panel Renderers: Support for multiple content types (Table, Tree, Tabs, Gantt)
  • Dynamic Panels: Runtime panel configuration and layout management
  • Panel Events: Event-driven communication between panels
  • Conditional Panels: Show/hide panels based on conditions

Object Management System ​

The application provides comprehensive object lifecycle management:

  • Object Creation: Dynamic form generation for creating new objects
  • Object Editing: In-place and modal editing capabilities
  • Object Selection: Multi-selection and single-selection modes
  • Object Deletion: Delete functionality
  • Object Filtering: Advanced filtering capabilities with custom conditions

See the Object and Link API contract for projection, filtering, creation, update, and editor integration details.

Attribute Value System ​

Supports various data types with specialized renderers:

  • Primitive Types: String, Integer, Double, Boolean, Date, DateTime
  • Complex Types: JSON, Object, Binary, Color, Guid, Interval
  • Text Types: Multi-line text with rich formatting support
  • Undefined Handling: Graceful handling of undefined values

Application Management ​

  • Application Cards: Visual representation of available applications
  • Application Sidebar: Navigation and quick access to features
  • Breadcrumb Navigation: Hierarchical navigation support
  • Application Editing: Configuration and customization capabilities

UI Components ​

Forms and Inputs ​

  • Dynamic Forms: Auto-generated forms based on object definitions
  • Entity Forms: Specialized forms for entity creation and editing
  • Action Forms: Forms for executing actions on objects
  • Gantt Forms: Timeline and scheduling interfaces

Modals and Dialogs ​

  • Dynamic Modals: Runtime modal generation
  • Confirmation Dialogs: User action confirmations
  • Selection Modals: Object selection interfaces
  • Sidebar: Collapsible navigation with categorized sections
  • Drawer: Slide-out panels for additional content
  • Breadcrumbs: Hierarchical path navigation

Technical Architecture ​

State Management ​

The application uses Pinia for state management with specialized stores:

  • Application Store: Application-level state and configuration
  • Objects Store: Object data and CRUD operations
  • Panel Events Store: Inter-panel communication
  • Auth Store: Authentication and user session management
  • Sidebar Store: Navigation state management

Event System ​

A sophisticated event system enables:

  • Panel-to-Panel Communication: Coordinated updates across panels
  • Object Selection Events: Synchronized selection state
  • Action Events: Centralized action handling
  • Method Execution: Remote method invocation

Internationalization ​

Full i18n support including:

  • Localized Strings: Multi-language text content
  • Date/Time Formatting: Locale-specific formatting
  • Number Formatting: Currency and numeric formatting