134 lines
4.2 KiB
HTML
134 lines
4.2 KiB
HTML
<header
|
|
class="header-container"
|
|
[class.header-scrolled]="isScrolled"
|
|
>
|
|
<div class="header-top">
|
|
<!-- ESQUERDA: HAMBURGUER (logado) + LOGO -->
|
|
<div class="left-area">
|
|
<button
|
|
*ngIf="isLoggedHeader"
|
|
type="button"
|
|
class="hamburger-btn"
|
|
aria-label="Abrir menu"
|
|
(click)="toggleMenu()"
|
|
>
|
|
<i class="bi bi-list"></i>
|
|
</button>
|
|
|
|
<!-- ✅ Logo SEMPRE aparece no header -->
|
|
<a class="logo-area" routerLink="/">
|
|
<img src="logo.png" alt="Logo" class="logo" />
|
|
<div class="logo-text ms-2">
|
|
<span class="line">Line</span><span class="gestao">Gestão</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- ✅ MENU HOME: só aparece fora do logado -->
|
|
<nav class="menu" *ngIf="!isLoggedHeader">
|
|
<a href="https://www.linemovel.com.br/sobrenos" class="menu-item" target="_blank">O que é a Line Móvel?</a>
|
|
<a href="https://www.linemovel.com.br/empresas" class="menu-item" target="_blank">Para sua empresa</a>
|
|
<a href="https://www.linemovel.com.br/proposta" class="menu-item" target="_blank">Solicite sua Proposta</a>
|
|
<a href="https://www.linemovel.com.br/indique" class="menu-item" target="_blank">Indique um amigo</a>
|
|
</nav>
|
|
|
|
<!-- ✅ BOTÕES: só aparecem fora do logado -->
|
|
<div class="btn-area" *ngIf="!isLoggedHeader">
|
|
<button type="button" class="btn btn-cadastrar" [routerLink]="['/register']">
|
|
Cadastre-se
|
|
</button>
|
|
|
|
<button type="button" class="btn btn-login" [routerLink]="['/login']">
|
|
Login
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ✅ FAIXA (SÓ NA HOME) -->
|
|
<div class="header-bar footer-gradient" *ngIf="isHome">
|
|
<span class="header-bar-text">
|
|
Somos a escolha certa para estar sempre conectado!
|
|
</span>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- ✅ OVERLAY (logado) -->
|
|
<div
|
|
class="menu-overlay"
|
|
*ngIf="isLoggedHeader && menuOpen"
|
|
(click)="closeMenu()"
|
|
></div>
|
|
|
|
<!-- ✅ MENU LATERAL (logado) -->
|
|
<aside
|
|
*ngIf="isLoggedHeader"
|
|
class="side-menu"
|
|
[class.open]="menuOpen"
|
|
(click)="$event.stopPropagation()"
|
|
>
|
|
<div class="side-menu-header">
|
|
<!-- ✅ Logo DENTRO do menu lateral -->
|
|
<a class="logo-area" routerLink="/" (click)="closeMenu()">
|
|
<img src="logo.png" alt="Logo" class="logo" />
|
|
<div class="logo-text ms-2">
|
|
<span class="line">Line</span><span class="gestao">Gestão</span>
|
|
</div>
|
|
</a>
|
|
|
|
<button
|
|
type="button"
|
|
class="close-btn"
|
|
aria-label="Fechar menu"
|
|
(click)="closeMenu()"
|
|
>
|
|
<i class="bi bi-x-lg"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="side-menu-body">
|
|
|
|
<a routerLink="/geral" class="side-item" (click)="closeMenu()">
|
|
<i class="bi bi-sim me-2"></i> Gerenciar Linhas
|
|
</a>
|
|
|
|
<!-- ✅ NOVO: FATURAMENTO -->
|
|
<a routerLink="/faturamento" class="side-item" (click)="closeMenu()">
|
|
<i class="bi bi-receipt me-2"></i> Faturamento
|
|
</a>
|
|
|
|
<a routerLink="/mureg" class="side-item" (click)="closeMenu()">
|
|
<i class="bi bi-table me-2"></i> Mureg
|
|
</a>
|
|
|
|
<a routerLink="/geral" class="side-item" (click)="closeMenu()">
|
|
<i class="bi bi-clipboard-data me-2"></i> Controle de Contratos
|
|
</a>
|
|
|
|
<a routerLink="/geral" class="side-item" (click)="closeMenu()">
|
|
<i class="bi bi-people me-2"></i> Gerenciar Clientes
|
|
</a>
|
|
|
|
<a routerLink="/geral" class="side-item" (click)="closeMenu()">
|
|
<i class="bi bi-bar-chart me-2"></i> Relatórios
|
|
</a>
|
|
|
|
<hr class="my-2" />
|
|
|
|
<a href="https://www.linemovel.com.br/sobrenos" target="_blank" class="side-item" (click)="closeMenu()">
|
|
<i class="bi bi-info-circle me-2"></i> O que é a Line Móvel?
|
|
</a>
|
|
|
|
<a href="https://www.linemovel.com.br/empresas" target="_blank" class="side-item" (click)="closeMenu()">
|
|
<i class="bi bi-building me-2"></i> Para sua empresa
|
|
</a>
|
|
|
|
<a href="https://www.linemovel.com.br/proposta" target="_blank" class="side-item" (click)="closeMenu()">
|
|
<i class="bi bi-file-earmark-text me-2"></i> Solicite sua Proposta
|
|
</a>
|
|
|
|
<a href="https://www.linemovel.com.br/indique" target="_blank" class="side-item" (click)="closeMenu()">
|
|
<i class="bi bi-megaphone me-2"></i> Indique um amigo
|
|
</a>
|
|
</div>
|
|
</aside>
|