You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { Component } from '@angular/core';
|
|
import { SettingsService, User } from '@delon/theme';
|
|
import { LayoutDefaultOptions } from '@delon/theme/layout-default';
|
|
import { environment } from '@env/environment';
|
|
|
|
@Component({
|
|
selector: 'layout-basic',
|
|
template: `
|
|
<layout-default [options]="options" [content]="contentTpl">
|
|
<layout-default-header-item direction="left">
|
|
<a layout-default-header-item-trigger href="//github.com/go-micro/dashboard" target="_blank">
|
|
<i nz-icon nzType="github"></i>
|
|
</a>
|
|
</layout-default-header-item>
|
|
<layout-default-header-item direction="right">
|
|
<header-user></header-user>
|
|
</layout-default-header-item>
|
|
<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.png`,
|
|
logoCollapsed: `./assets/logo.png`,
|
|
};
|
|
searchToggleStatus = false;
|
|
showSettingDrawer = !environment.production;
|
|
get user(): User {
|
|
return this.settings.user;
|
|
}
|
|
|
|
constructor(private settings: SettingsService) { }
|
|
}
|