ai_upgrade_assistant-0.2.0-alpha2/templates/ai-upgrade-dashboard.html.twig

{#
/**
 * @file
 * Default theme implementation for the AI Upgrade Assistant dashboard.
 *
 * Available variables:
 * - dashboard_theme: The current dashboard theme (modern, classic, dark).
 * - show_animations: Boolean indicating if animations should be shown.
 * - compact_view: Boolean indicating if compact view is enabled.
 * - dashboard_attributes: Attributes for the dashboard wrapper.
 * - sections: Array of dashboard sections with their content.
 */
#}

<div{{ dashboard_attributes }}>
  {% if sections %}
    {% for id, section in sections %}
      <div class="dashboard-section {{ section.collapsed ? 'collapsed' : 'expanded' }}" data-section="{{ id }}">
        <div class="section-header">
          <h2>{{ section.title }}</h2>
          <button class="toggle-section" aria-expanded="{{ section.collapsed ? 'false' : 'true' }}">
            <span class="visually-hidden">{{ section.collapsed ? 'Expand'|t : 'Collapse'|t }}</span>
          </button>
        </div>
        
        <div class="section-content">
          {% if id == 'overview' %}
            {{ include('@ai_upgrade_assistant/dashboard/overview.html.twig') }}
          {% elseif id == 'analysis' %}
            {{ include('@ai_upgrade_assistant/dashboard/analysis.html.twig') }}
          {% elseif id == 'patterns' %}
            {{ include('@ai_upgrade_assistant/dashboard/patterns.html.twig') }}
          {% elseif id == 'community' %}
            {{ include('@ai_upgrade_assistant/dashboard/community.html.twig') }}
          {% endif %}
        </div>
      </div>
    {% endfor %}
  {% else %}
    <div class="empty-dashboard">
      <p>{{ 'No dashboard sections are available. Please check your permissions.'|t }}</p>
    </div>
  {% endif %}
  
  <div class="dashboard-footer">
    <div class="dashboard-actions">
      <button class="action-button primary" data-action="run-analysis">
        {{ 'Run Analysis'|t }}
      </button>
      <button class="action-button secondary" data-action="view-patterns">
        {{ 'View Patterns'|t }}
      </button>
    </div>
    
    <div class="dashboard-status">
      <div class="status-indicator {{ status_class }}"></div>
      <span class="status-text">{{ status_text }}</span>
    </div>
  </div>
</div>