41 lines
1.9 KiB
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>© کاری از عصر ارتباطات دهکده</span>
|
|
<span>پنل مدیریت کاتب نسخه ی 0.0.1 (رستم دستان)</span>
|
|
</footer>
|
|
</mat-drawer>
|
|
<mat-drawer-content>
|
|
<router-outlet></router-outlet>
|
|
</mat-drawer-content>
|
|
</mat-drawer-container>
|
|
</main> |