Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-22 02:10:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'develop/docs'

Browse source
This commit is contained in:
nixa 2016-05-24 13:54:42 +03:00
commit 3605a811b4
31 changed files with 1772 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/app/app.menu.ts
View file

@ -128,5 +128,14 @@ export const menuItems = [
}]
}
]
},
{
title: 'External Link',
url: 'http://akveo.com',
icon: 'ion-android-exit',
selected: false,
expanded: false,
order: 800,
target: '_blank'
}
];

18
src/app/theme/components/baSidebar/baSidebar.html
View file

@ -3,7 +3,11 @@
<li *ngFor="let item of menuItems" class="al-sidebar-list-item"
[ngClass]="{'selected': item.selected && !item.expanded, 'with-sub-menu': item.subMenu, 'ba-sidebar-item-expanded': item.expanded}">
<a *ngIf="!item.subMenu" [routerLink]="[item.component]" class="al-sidebar-list-link">
<a *ngIf="!item.component && !item.subMenu" [attr.href]="item.url || ''" [attr.target]="item.target || ''" class="al-sidebar-list-link">
<i class="{{ item.icon }}"></i><span>{{ item.title }}</span>
</a>
<a *ngIf="item.component && !item.subMenu" [routerLink]="[item.component]" [attr.target]="item.target || ''" class="al-sidebar-list-link">
<i class="{{ item.icon }}"></i><span>{{ item.title }}</span>
</a>
@ -27,12 +31,18 @@
[ngClass]="{expanded: subitem.expanded, 'slide-right': subitem.slideRight}">
<li *ngFor="let subSubitem of subitem.subMenu" (mouseenter)="hoverItem($event, item)"
[ngClass]="{selected: subitem.selected}">
<a (mouseenter)="hoverItem($event, item)" [routerLink]="[item.component, subitem.component, subSubitem.component]">
<a *ngIf="!item.component" (mouseenter)="hoverItem($event, item)" [attr.href]="subSubitem.url || ''" [attr.target]="subSubitem.target || ''">
{{ subSubitem.title }}</a>
<a *ngIf="item.component" (mouseenter)="hoverItem($event, item)" [attr.target]="subSubitem.target || ''" [routerLink]="[item.component, subitem.component, subSubitem.component]">
{{ subSubitem.title }}</a>
</li>
</ul>
<a *ngIf="!subitem.subMenu" [routerLink]="[item.component, subitem.component]"
(mouseenter)="hoverItem($event, item)" target="{{subitem.blank ? '_blank' : '_self'}}">
<a *ngIf="!item.component && !subitem.subMenu" [attr.href]="subitem.url || ''"
(mouseenter)="hoverItem($event, item)" [attr.target]="subitem.target || ''">
{{ subitem.title}}
</a>
<a *ngIf="item.component && !subitem.subMenu" [routerLink]="[item.component, subitem.component]"
(mouseenter)="hoverItem($event, item)" [attr.target]="subitem.target || ''">
{{ subitem.title}}
</a>
</li>

43
src/app/theme/theme.config.ts
View file

@ -1,5 +1,6 @@
import {Injectable} from '@angular/core';
import {BaThemeConfigProvider} from './theme.configProvider';
import {colorHelper} from './theme.constants';
@Injectable()
export class BaThemeConfig {
@ -9,13 +10,45 @@ export class BaThemeConfig {
}
private _config() {
// this._baConfig.changeTheme({blur: true});
//
// this._baConfig.changeTheme({name: 'my-theme'});
// let colorScheme = {
// primary: '#209e91',
// info: '#2dacd1',
// success: '#90b900',
// warning: '#dfb81c',
// danger: '#e85656',
// };
// this._baConfig.changeColors({
// default: 'rgba(#000000, 0.2)',
// defaultText: '#ffffff',
// default: '#4e4e55',
// defaultText: '#e2e2e2',
// border: '#dddddd',
// borderDark: '#aaaaaa',
//
// primary: colorScheme.primary,
// info: colorScheme.info,
// success: colorScheme.success,
// warning: colorScheme.warning,
// danger: colorScheme.danger,
//
// primaryLight: colorHelper.tint(colorScheme.primary, 30),
// infoLight: colorHelper.tint(colorScheme.info, 30),
// successLight: colorHelper.tint(colorScheme.success, 30),
// warningLight: colorHelper.tint(colorScheme.warning, 30),
// dangerLight: colorHelper.tint(colorScheme.danger, 30),
//
// primaryDark: colorHelper.shade(colorScheme.primary, 15),
// infoDark: colorHelper.shade(colorScheme.info, 15),
// successDark: colorHelper.shade(colorScheme.success, 15),
// warningDark: colorHelper.shade(colorScheme.warning, 15),
// dangerDark: colorHelper.shade(colorScheme.danger, 15),
//
// dashboard: {
// white: '#ffffff',
// blueStone: '#005562',
// surfieGreen: '#0e8174',
// silverTree: '#6eba8c',
// gossip: '#b9f2a1',
// white: '#10c4b5',
// },
// });
}