EchoTex_Payroll/HRM.UI/ClientApp/src/app/app.main.component.html
2024-10-14 10:01:49 +06:00

47 lines
1.8 KiB
HTML

<div class="layout-wrapper" [hidden]="isLoginForm() || forgotpassword()" (click)="onLayoutClick()"
[ngClass]="{'layout-static': isStatic(),
'layout-overlay': isOverlay(),
'layout-overlay-active': overlayMenuActive,
'layout-horizontal': isHorizontal(),
'layout-slim': isSlim(),
'layout-static-inactive': staticMenuDesktopInactive,
'layout-mobile-active': staticMenuMobileActive,
'layout-menu-dark':app.darkMenu,
'layout-menu-light':!app.darkMenu, 'p-input-filled': app.inputStyle === 'filled', 'p-ripple-disabled': !app.ripple}">
<app-topbar></app-topbar>
<div class="layout-menu-container" (click)="onMenuClick($event)">
<div class="layout-menu-logo">
<a href="#" style="display: flex; justify-content: center; align-items: center;">
<img id="layout-menu-logo" [src]="getImagePath()" alt="Logo" library="babylon-layout" style="margin: 0; width: fit-content; height: inherit; padding: 0.5rem;" />
</a>
</div>
<div class="layout-menu-wrapper">
<div class="menu-scroll-content">
<app-inline-profile *ngIf="app.profileMode=='inline'&&!isHorizontal()"></app-inline-profile>
<app-menu></app-menu>
</div>
</div>
</div>
<div class="layout-main">
<!--<app-breadcrumb></app-breadcrumb>-->
<div class="layout-content">
<router-outlet></router-outlet>
</div>
<app-footer></app-footer>
</div>
<!--<app-config></app-config>-->
<div class="layout-mask"></div>
</div>
<app-login [hidden]="!isLoginForm()"></app-login>
<app-forgot-password [hidden]="!forgotpassword()"></app-forgot-password>