mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-01-27 19:56:10 +01:00
refactor(@theme): refactor style system
This commit is contained in:
parent
e0f79206bb
commit
0992b52b24
14 changed files with 214 additions and 113 deletions
|
|
@ -1,33 +1,11 @@
|
|||
/*
|
||||
* TODO
|
||||
* I think we need to store our header, footer,
|
||||
* sedibars and etc. separetly, each in it's own
|
||||
* component.
|
||||
*
|
||||
* And of course we need to make this layout part
|
||||
* reusable.
|
||||
* */
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
import { NgaSidebarService } from '@nga/theme/components/sidebar/sidebar.service';
|
||||
|
||||
@Component({
|
||||
selector: 'one-coll-layout',
|
||||
styleUrls: ['./one-coll.layout.scss'],
|
||||
template: `
|
||||
<nga-layout>
|
||||
<nga-layout-header fixed>
|
||||
<div class="left">
|
||||
<i class="control-icon ion ion-navicon" (click)="toggleSidebar()"></i>
|
||||
<a href="/#/pages/dashboard" class="logo">NgX <span>Admin</span></a>
|
||||
</div>
|
||||
<div class="right">
|
||||
<i class="control-icon ion ion-ios-search"></i>
|
||||
<i class="control-icon ion ion-ios-email-outline"></i>
|
||||
<i class="control-icon ion ion-ios-bell-outline"></i>
|
||||
<nga-user></nga-user>
|
||||
<i class="control-icon ion ion-ios-gear-outline"></i>
|
||||
</div>
|
||||
<base-header></base-header>
|
||||
</nga-layout-header>
|
||||
|
||||
<nga-sidebar>
|
||||
|
|
@ -46,10 +24,4 @@ import { NgaSidebarService } from '@nga/theme/components/sidebar/sidebar.service
|
|||
`,
|
||||
})
|
||||
export class OneCollLayoutComponent {
|
||||
constructor(private sidebarService: NgaSidebarService) {
|
||||
}
|
||||
|
||||
toggleSidebar() {
|
||||
this.sidebarService.toggle(true);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue