public/MaxKey
1
0
Fork 0
mirror of https://gitee.com/dromara/MaxKey.git synced 2026-05-22 22:08:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

frontend

Browse Source
This commit is contained in:
MaxKey
2022-04-23 10:08:40 +08:00
parent b6d30a8730
commit ba518828f8
1024 changed files with 142635 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
maxkey-web-frontend/maxkey-web-app/src/app/layout/basic/basic.component.ts Normal file
View File

@@ -0,0 +1,115 @@
import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { SettingsService, User } from '@delon/theme';
import { environment } from '@env/environment';
import { LayoutDefaultOptions } from '../../theme/layout-default';
@Component({
selector: 'layout-basic',
styles: [
`
.alain-default__collapsed .alain-default__aside-user {
width: 64px;
margin-left: 16px;
}
`
],
template: `
<layout-default [options]="options" [asideUser]="asideUserTpl" [content]="contentTpl" [customError]="null">
<layout-default-header-item direction="left">
<a href="#">
<img src="../assets/logo.jpg" alt="logo" style="height: 50px;height: 50px;float: left;" />
<div
style="letter-spacing: 2px;
font-size: 20px;
font-weight: bolder;
color:white;
width: 450px;
margin-top: 12px;"
>
Max<span style="color: #FFD700;">Key</span>{{ 'mxk.title' | i18n }}
</div>
</a>
</layout-default-header-item>
<layout-default-header-item direction="right" hidden="mobile">
<div layout-default-header-item-trigger (click)="profile()"> {{ user.name }}</div>
</layout-default-header-item>
<layout-default-header-item direction="right" hidden="mobile">
<div layout-default-header-item-trigger nz-dropdown [nzDropdownMenu]="settingsMenu" nzTrigger="click" nzPlacement="bottomRight">
<i nz-icon nzType="setting"></i>
</div>
<nz-dropdown-menu #settingsMenu="nzDropdownMenu">
<div nz-menu style="width: 200px;">
<div nz-menu-item (click)="changePassword()">
<i nz-icon nzType="key" nzTheme="outline"></i>
{{ 'mxk.menu.config.password' | i18n }}
</div>
<div nz-menu-item>
<header-rtl></header-rtl>
</div>
<div nz-menu-item>
<header-fullscreen></header-fullscreen>
</div>
<div nz-menu-item>
<header-clear-storage></header-clear-storage>
</div>
<div nz-menu-item>
<header-i18n></header-i18n>
</div>
</div>
</nz-dropdown-menu>
</layout-default-header-item>
<layout-default-header-item direction="right">
<header-user></header-user>
</layout-default-header-item>
<ng-template #asideUserTpl>
<div nz-dropdown nzTrigger="click" [nzDropdownMenu]="userMenu" class="alain-default__aside-user">
<div class="alain-default__aside-user-info">
<!--<strong>{{ user.name }}</strong>
<p class="mb0">{{ user.email }}</p>-->
</div>
<!--
<nz-avatar class="alain-default__aside-user-avatar" [nzSrc]="user.avatar"></nz-avatar>
-->
</div>
<nz-dropdown-menu #userMenu="nzDropdownMenu">
<ul nz-menu>
<!--
<li nz-menu-item routerLink="/pro/account/center">{{ 'menu.account.center' | i18n }}</li>
<li nz-menu-item routerLink="/pro/account/settings">{{ 'menu.account.settings' | i18n }}</li>
-->
</ul>
</nz-dropdown-menu>
</ng-template>
<ng-template #contentTpl>
<router-outlet></router-outlet>
</ng-template>
</layout-default>
<setting-drawer *ngIf="showSettingDrawer"></setting-drawer>
<theme-btn></theme-btn>
`
})
export class LayoutBasicComponent {
options: LayoutDefaultOptions = {
logoExpanded: `./assets/logo-full.svg`,
logoCollapsed: `./assets/logo.svg`,
hideAside: false
};
searchToggleStatus = false;
showSettingDrawer = !environment.production;
get user(): User {
return this.settingsService.user;
}
profile(): void {
this.router.navigateByUrl('/config/profile');
}
changePassword(): void {
this.router.navigateByUrl('/config/password');
}
constructor(private settingsService: SettingsService, private router: Router) { }
}