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

Update demo links

Browse source
This commit is contained in:
eugene-sinitsyn 2020-03-12 18:09:23 +03:00
parent 9fb7640516
commit d2cb5ced5c
4 changed files with 57 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/app/pages/home/main-info-section/main-info-section.component.ts
View file

@ -25,9 +25,9 @@ export class MainInfoSectionComponent implements OnDestroy {
}
private alive = true;
private forMaterialTheme: boolean = false;
public readonly breakpoints: any;
public breakpoint: NbMediaBreakpoint;
public forMaterialTheme: boolean = false;
@Input() public set material(value: any) {
this.forMaterialTheme = coerceBooleanProperty(value);

1
docs/app/pages/home/material-landing/material-landing.component.html
View file

@ -5,6 +5,7 @@
<nb-layout-column>
<ngx-landing-main-info material></ngx-landing-main-info>
<ngx-landing-theme-section material></ngx-landing-theme-section>
</nb-layout-column>
<nb-layout-footer class="footer" fixed>

40
docs/app/pages/home/theme-section/theme-section.component.html
View file

@ -7,11 +7,7 @@
[swiper]="swiperConfig"
[(index)]="sliderIndex">
<div class="swiper-wrapper">
<a
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=material-light&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_material_light"
target="_blank"
class="image-container swiper-slide"
>
<a [href]="materialLightDemoUrl" target="_blank" class="image-container swiper-slide">
<img *ngIf="breakpoint.width <= breakpoints.sm"
data-src="assets/img/material-light-theme.png"
class="swiper-lazy"
@ -21,11 +17,7 @@
defaultImage="assets/img/default.png"
alt="Material Light Theme" />
</a>
<a
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=material-dark&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_material_dark"
target="_blank"
class="image-container swiper-slide"
>
<a [href]="materialDarkDemoUrl" target="_blank" class="image-container swiper-slide">
<img *ngIf="breakpoint.width <= breakpoints.sm"
data-src="assets/img/material-dark-theme.png"
class="swiper-lazy"
@ -35,11 +27,7 @@
defaultImage="assets/img/default.png"
alt="Material Dark Theme" />
</a>
<a
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=default&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_default"
target="_blank"
class="image-container swiper-slide"
>
<a [href]="lightDemoUrl" target="_blank" class="image-container swiper-slide">
<img *ngIf="breakpoint.width <= breakpoints.sm"
data-src="assets/img/light-theme.png"
class="swiper-lazy"
@ -49,11 +37,7 @@
defaultImage="assets/img/default.png"
alt="Eva Light Theme" />
</a>
<a
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=dark&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_dark"
target="_blank"
class="image-container swiper-slide"
>
<a [href]="darkDemoUrl" target="_blank" class="image-container swiper-slide">
<img *ngIf="breakpoint.width <= breakpoints.sm"
data-src="assets/img/dark-theme.png"
class="swiper-lazy"
@ -63,11 +47,7 @@
alt="Eva Dark Theme"
class="ng-lazyloaded" />
</a>
<a
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=cosmic&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_cosmic"
target="_blank"
class="image-container swiper-slide"
>
<a [href]="cosmicDemoUrl" target="_blank" class="image-container swiper-slide">
<img *ngIf="breakpoint.width <= breakpoints.sm"
data-src="assets/img/cosmic-theme.png"
class="swiper-lazy"
@ -77,11 +57,7 @@
alt="Cosmic Theme"
class="ng-lazyloaded"/>
</a>
<a
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=corporate&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_corporate"
target="_blank"
class="image-container swiper-slide"
>
<a [href]="corporateDemoUrl" target="_blank" class="image-container swiper-slide">
<img *ngIf="breakpoint.width <= breakpoints.sm"
data-src="assets/img/corporate-theme.png"
class="swiper-lazy"
@ -96,10 +72,10 @@
<div class="swiper-pagination"></div>
<div class="swiper-button-prev">
<i [innerHTML]="'arrow-ios-back' | eva: { width: 36, height: 36, fill: '#00db92' }"></i>
<i [innerHTML]="'arrow-ios-back' | eva: { width: 36, height: 36, fill: iconColor }"></i>
</div>
<div class="swiper-button-next">
<i [innerHTML]="'arrow-ios-forward' | eva: { width: 36, height: 36, fill: '#00db92' }"></i>
<i [innerHTML]="'arrow-ios-forward' | eva: { width: 36, height: 36, fill: iconColor }"></i>
</div>
</div>
</div>

48
docs/app/pages/home/theme-section/theme-section.component.ts
View file

@ -4,7 +4,8 @@
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { Component, OnDestroy } from '@angular/core';
import { Component, OnDestroy, Input } from '@angular/core';
import { coerceBooleanProperty } from '@angular/cdk/coercion';
import { SwiperConfigInterface } from 'ngx-swiper-wrapper';
import { takeWhile } from 'rxjs/operators';
import {
@ -21,6 +22,7 @@ import {
export class ThemeSectionComponent implements OnDestroy {
private alive = true;
private forMaterialTheme: boolean = false;
private themes: string[] = [
'Material\nLight',
'Material\nDark',
@ -67,6 +69,50 @@ export class ThemeSectionComponent implements OnDestroy {
...this.initialSwiperConfig,
};
@Input() public set material(value: any) {
this.forMaterialTheme = coerceBooleanProperty(value);
}
public get iconColor(): string {
return this.forMaterialTheme ? '#6200ee' : '#00db92';
}
public get materialLightDemoUrl(): string {
return this.forMaterialTheme
? 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=material-light&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_material_themes_material_light'
: 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=material-light&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_material_light';
}
public get materialDarkDemoUrl(): string {
return this.forMaterialTheme
? 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=material-dark&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_material_themes_material_dark'
: 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=material-dark&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_material_dark';
}
public get lightDemoUrl(): string {
return this.forMaterialTheme
? 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=default&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_material_themes_default'
: 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=default&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_default';
}
public get darkDemoUrl(): string {
return this.forMaterialTheme
? 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=dark&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_material_themes_dark'
: 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=dark&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_dark';
}
public get cosmicDemoUrl(): string {
return this.forMaterialTheme
? 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=cosmic&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_material_themes_cosmic'
: 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=cosmic&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_cosmic';
}
public get corporateDemoUrl(): string {
return this.forMaterialTheme
? 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=corporate&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_material_themes_corporate'
: 'https://www.akveo.com/ngx-admin/pages/dashboard?theme=corporate&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_corporate';
}
constructor(
private themeService: NbThemeService,
private breakpointService: NbMediaBreakpointsService,