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

Add "material theme link" component

Browse source
This commit is contained in:
eugene-sinitsyn 2020-03-12 13:31:36 +03:00 • committed by Sergey Andrievskiy
parent d0b58820be
commit f39f10c12d
18 changed files with 135 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

5
docs/app/pages/home/landing-home-routing.module.ts
View file

@ -7,6 +7,7 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { LandingHomeComponent } from './landing-home.component';
import { MaterialLandingComponent } from './material-landing/material-landing.component';
export const routes: Routes = [
@ -14,6 +15,10 @@ export const routes: Routes = [
path: '',
component: LandingHomeComponent,
},
{
path: 'material',
component: MaterialLandingComponent,
},
];
@NgModule({

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

@ -1,6 +1,8 @@
<nb-layout>
<nb-layout-header fixed>
<ngx-landing-header></ngx-landing-header>
<ngx-landing-header>
<ngx-material-theme-link withPopover></ngx-material-theme-link>
</ngx-landing-header>
</nb-layout-header>
<nb-layout-column>

4
docs/app/pages/home/landing-home.module.ts
View file

@ -26,12 +26,15 @@ import { NgxLandingSectionsContainerComponent } from './sections-container/ngx-l
import { BackendBundlesSectionComponent } from './backend-bundles-section/backend-bundles-section.component';
import { LicensePipe } from './backend-bundles-section/license.pipe';
import { BackgroundImagePipe } from './backend-bundles-section/background-image.pipe';
import { MaterialLandingComponent } from './material-landing/material-landing.component';
import { LandingSharedModule } from '../../shared/landing-shared.module';
// components
const PIPES = [LicensePipe, BackgroundImagePipe];
const COMPONENTS = [
LandingHomeComponent,
MaterialLandingComponent,
NgxLandingSectionsContainerComponent,
MainInfoSectionComponent,
DescriptionSectionComponent,
@ -53,6 +56,7 @@ const COMPONENTS = [
NgxLandingThemeModule,
SwiperModule,
LandingHomeRoutingModule,
LandingSharedModule,
],
providers: [
...PIPES,

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

@ -0,0 +1,9 @@
<nb-layout>
<nb-layout-header fixed>
<ngx-landing-header></ngx-landing-header>
</nb-layout-header>
<nb-layout-footer class="footer" fixed>
<ngx-landing-footer></ngx-landing-footer>
</nb-layout-footer>
</nb-layout>

0
docs/app/pages/home/material-landing/material-landing.component.scss Normal file
View file

11
docs/app/pages/home/material-landing/material-landing.component.ts Normal file
View file

@ -0,0 +1,11 @@
import { Component } from '@angular/core';
@Component({
selector: 'ngx-material-landing',
templateUrl: './material-landing.component.html',
styleUrls: [
'./material-landing.component.scss',
'../landing-home.component.scss'
]
})
export class MaterialLandingComponent {}

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

@ -7,7 +7,7 @@
[swiper]="swiperConfig"
[(index)]="sliderIndex">
<div class="swiper-wrapper">
<a href="https://hubs.ly/" target="_blank" class="image-container swiper-slide">
<a href="https://hubs.ly/todo" target="_blank" class="image-container swiper-slide">
<img *ngIf="breakpoint.width <= breakpoints.sm"
data-src="assets/img/material-light-theme.png"
class="swiper-lazy"
@ -17,15 +17,15 @@
defaultImage="assets/img/default.png"
alt="Material Light Theme" />
</a>
<a href="https://hubs.ly/" target="_blank" class="image-container swiper-slide">
<a href="https://hubs.ly/todo" target="_blank" class="image-container swiper-slide">
<img *ngIf="breakpoint.width <= breakpoints.sm"
data-src="assets/img/material-dark-theme.png"
class="swiper-lazy"
alt="Material Dark Theme" />
<img *ngIf="!(breakpoint.width <= breakpoints.sm)"
lazyLoad="assets/img/material-dark-theme.png"
alt="Material Dark Theme"
defaultImage="assets/img/default.png" />
defaultImage="assets/img/default.png"
alt="Material Dark Theme" />
</a>
<a href="https://hubs.ly/H0n54_z0" target="_blank" class="image-container swiper-slide">
<img *ngIf="breakpoint.width <= breakpoints.sm"