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

feat: docs app

Browse source
This commit is contained in:
Sergey Andrievskiy 2019-07-16 08:38:11 +03:00
parent 62e6828680
commit 165e64eaca
203 changed files with 15928 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

59
docs/app/blocks/components/component-block/component-block.component.ts Normal file
View file

@ -0,0 +1,59 @@
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { NgxTabbedService } from '../../../@theme/services/tabbed.service';
@Component({
selector: 'ngx-component-block',
template: `
<nb-card [ngxFragment]="source.slag">
<nb-card-body>
<ng-container class="description" *ngFor="let node of overview">
<ng-container *ngIf="node.type === 'text'">
<div *ngFor="let section of node.content" [innerHtml]="section.html"></div>
</ng-container>
<ngx-live-example-block *ngIf="node.type === 'live-example'" [id]="node.content" [title]="'example'"
class="widget-block">
</ngx-live-example-block>
<ngx-inline-example-block *ngIf="node.type === 'inline-example'" [content]="node.content"
class="widget-block">
</ngx-inline-example-block>
<ngx-stacked-example-block *ngIf="node.type === 'example'" [content]="node.content"
class="widget-block">
</ngx-stacked-example-block>
</ng-container>
<ngx-props-block [source]="source" *ngIf="hasProps(source)"></ngx-props-block>
<ngx-methods-block [source]="source" *ngIf="hasMethods(source)"></ngx-methods-block>
<ng-container *ngIf="hasTheme(source)">
<h3>Theme</h3>
<ngx-styles-table-block [source]="source"></ngx-styles-table-block>
</ng-container>
</nb-card-body>
</nb-card>
`,
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NgxComponentBlockComponent {
source: any;
overview: any[] = [];
@Input('source')
set setSource(source: any) {
this.source = source;
this.overview = source.overview;
}
constructor(private tabbedService: NgxTabbedService) {
}
hasTheme(component) {
return this.tabbedService.componentHasTheme(component);
}
hasMethods(component) {
return this.tabbedService.componentHasMethods(component);
}
hasProps(component) {
return this.tabbedService.componentHasProps(component);
}
}