Introduction

{
  "name": "p.flex",
  "dependencies": {
    "@angular/core": "19.0.0",
    "@angular/forms": "19.0.0",
    "@angular/router": "19.0.0",
    "rxjs": "^7.8.2",
    "xlsx": "0.18.5",
    "jspdf": "2.5.1",
    "d3": "7.9.0",
    "tailwindcss": "latest"
  }
}

import { Component, inject } from '@angular/core';
import { RouterOutlet, Router } from '@angular/router';
import { SidebarComponent } from './core/layout/sidebar.component';
import { StateService } from './services/state.service';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet, SidebarComponent, CommonModule],
  template: `
    <div class="flex h-screen overflow-hidden">
      @if (state.isLoggedIn() && showSidebar) {
        <app-sidebar></app-sidebar>
      }
      <main class="flex-1 overflow-auto">
        <router-outlet></router-outlet>
      </main>
    </div>
  `
})
export class AppComponent {
  state = inject(StateService);
  router = inject(Router);
  showSidebar = true;
}

@Injectable({ providedIn: 'root' })
export class StateService {
  // Authentication State
  readonly currentUser = signal<User | null>(null);
  readonly currentShift = signal<Shift>(null);
  
  // System Configuration
  readonly config = signal<SystemConfig>({
    shiftName1: 'Turno Día',
    shiftTime1: '06:00',
    shiftName2: 'Turno Noche',
    shiftTime2: '18:00',
    passwordExpiryWarningDays: 15,
    autoLogoutMinutes: 30
  });
  
  // Machine Registry
  readonly adminMachines = signal<Machine[]>([...]);
  
  // Computed Values
  readonly isLoggedIn = computed(() => !!this.currentUser());
  readonly userName = computed(() => this.currentUser()?.name || 'Guest');
}