kateb-panel/src/components/view/app/app.component.html

41 lines
1.9 KiB
HTML

<main>
<mat-toolbar class="mat-elevation-z2" color="primary">
<ng-container *ngIf="mobileQuery.matches">
<button mat-icon-button (click)="toggleDrawer()">
<mat-icon>menu</mat-icon>
</button>
</ng-container>
<div class="app-info">
<app-logo primary="rgba(255, 255, 255, 0.5)" secondary="rgba(255, 255, 255, 0.3)"></app-logo>
<span>کـــاتـــبـــ</span>
</div>
</mat-toolbar>
<mat-drawer-container>
<mat-drawer [mode]="mobileQuery.matches ? 'over' : 'side'" [opened]="opened" (closedStart)="opened = false">
<section [ngClass]="{'show': rayconnect.profile}">
<ng-container *ngIf="rayconnect.profile">
<div class="avatar"></div>
<div class="column">
<span class="title">{{rayconnect.profile.profile.name}} {{rayconnect.profile.profile.family}}</span>
<span class="sub">دسترسی کاربر : {{rayconnect.profile.level.level}}</span>
</div>
</ng-container>
</section>
<mat-list>
<ng-container *ngFor="let item of items">
<mat-list-item matRipple [ngClass]="{'active': path.includes(item.path)}" [routerLink]="item.path">
<mat-icon fontSet="material-icons-outlined">{{item.icon}}</mat-icon>
<span>{{item.title}}</span>
</mat-list-item>
</ng-container>
</mat-list>
<footer>
<span>&copy; کاری از عصر ارتباطات دهکده</span>
<span>پنل مدیریت کاتب نسخه ی 0.0.1 (رستم دستان)</span>
</footer>
</mat-drawer>
<mat-drawer-content>
<router-outlet></router-outlet>
</mat-drawer-content>
</mat-drawer-container>
</main>