Options
All
  • Public
  • Public/Protected
  • All
Menu

JSON Forms Angular Material Renderers

Index

Classes

Interfaces

Variables

Functions

Object literals

Variables

Const ArrayLayoutRendererTester

ArrayLayoutRendererTester: RankedTester = rankWith(4,isObjectArrayWithNesting)

Const DateControlRendererTester

DateControlRendererTester: RankedTester = rankWith(2,isDateControl)

Const LabelRendererTester

LabelRendererTester: RankedTester = rankWith(4, uiTypeIs('Label'))

Const NumberControlRendererTester

NumberControlRendererTester: RankedTester = rankWith(2,or(isNumberControl, isIntegerControl))

Const ObjectControlRendererTester

ObjectControlRendererTester: RankedTester = rankWith(2,isObjectControl)

Const RangeControlRendererTester

RangeControlRendererTester: RankedTester = rankWith(4,isRangeControl)

Const TableRendererTester

TableRendererTester: RankedTester = rankWith(3,or(isObjectArrayControl, isPrimitiveArrayControl))

Const TextAreaRendererTester

TextAreaRendererTester: RankedTester = rankWith(2,isMultiLineControl)

Const TextControlRendererTester

TextControlRendererTester: RankedTester = rankWith(1,isStringControl)

Const ToggleControlRendererTester

ToggleControlRendererTester: RankedTester = rankWith(3,and(isBooleanControl, optionIs('toggle', true)))

Const angularMaterialRenderers

angularMaterialRenderers: object[] = [// controls{ tester: booleanControlTester, renderer: BooleanControlRenderer },{ tester: TextControlRendererTester, renderer: TextControlRenderer },{ tester: TextAreaRendererTester, renderer: TextAreaRenderer },{ tester: NumberControlRendererTester, renderer: NumberControlRenderer },{ tester: RangeControlRendererTester, renderer: RangeControlRenderer },{ tester: DateControlRendererTester, renderer: DateControlRenderer },{ tester: ToggleControlRendererTester, renderer: ToggleControlRenderer },{ tester: enumControlTester, renderer: AutocompleteControlRenderer },{ tester: ObjectControlRendererTester, renderer: ObjectControlRenderer },// layouts{ tester: verticalLayoutTester, renderer: VerticalLayoutRenderer },{ tester: groupLayoutTester, renderer: GroupLayoutRenderer },{ tester: horizontalLayoutTester, renderer: HorizontalLayoutRenderer },{ tester: categorizationTester, renderer: CategorizationTabLayoutRenderer },{ tester: LabelRendererTester, renderer: LabelRenderer },{ tester: ArrayLayoutRendererTester, renderer: ArrayLayoutRenderer },// other{ tester: masterDetailTester, renderer: MasterListComponent },{ tester: TableRendererTester, renderer: TableRenderer }]

Const booleanControlTester

booleanControlTester: RankedTester = rankWith(2, isBooleanControl)

Const categorizationTester

categorizationTester: RankedTester = rankWith(2,and(uiTypeIs('Categorization'), categorizationHasCategory))

Const enumControlTester

enumControlTester: RankedTester = rankWith(2, isEnumControl)

Const groupLayoutTester

groupLayoutTester: RankedTester = rankWith(1, uiTypeIs('Group'))

Const horizontalLayoutTester

horizontalLayoutTester: RankedTester = rankWith(1,uiTypeIs('HorizontalLayout'))

Const keywords

keywords: string[] = ['#', 'properties', 'items']

Const masterDetailTester

masterDetailTester: RankedTester = rankWith(4,uiTypeIs('ListWithDetail'))

Const verticalLayoutTester

verticalLayoutTester: RankedTester = rankWith(1,uiTypeIs('VerticalLayout'))

Functions

Const controlWithoutLabel

  • controlWithoutLabel(scope: string): ControlElement

Const mapStateToProps

  • mapStateToProps(state: JsonFormsState, ownProps: OwnPropsOfRenderer): object

Const removeSchemaKeywords

  • removeSchemaKeywords(path: string): string

Object literals

Const ArrayLayoutRendererComponent

ArrayLayoutRendererComponent: object

changeDetection

changeDetection: ChangeDetectionStrategy = ChangeDetectionStrategy.OnPush

selector

selector: string = "app-array-layout-renderer"

styles

styles: string[] = [`.array-layout-toolbar {display: flex;align-items: center;}.array-layout-title {margin: 0;}::ng-deep .error-message-tooltip {white-space: pre-line;}`]

template

template: string = `<div fxLayout="column" fxLayoutGap="16px" [fxHide]="hidden"><div [ngClass]="'array-layout-toolbar'"><h2 [ngClass]="['mat-h2', 'array-layout-title']">{{ label }}</h2><span fxFlex></span><mat-icon*ngIf="this.error?.length"color="warn"matBadge="{{ this.error.split('\n').length }}"matBadgeColor="warn"matTooltip="{{ this.error }}"matTooltipClass="error-message-tooltip">error_outline</mat-icon><span fxFlex></span><buttonmat-buttonmatTooltip="{{ this.addTooltip }}"[disabled]="!isEnabled()"(click)="add()"attr.aria-label="{{ this.addAriaLabel }}"><mat-icon>add</mat-icon></button></div><p *ngIf="noData">{{ this.noDataMessage }}</p><div*ngFor="let item of [].constructor(data);let idx = index;trackBy: trackByFn;last as last"><mat-card><mat-card-content><jsonforms-outlet [renderProps]="getProps(idx)"></jsonforms-outlet></mat-card-content><mat-card-actions *ngIf="isEnabled()"><buttonmat-buttoncolor="warn"(click)="remove(idx)"attr.aria-label="{{ this.removeAriaLabel }}"matTooltip="{{ this.removeTooltip }}"matTooltipPosition="right"><mat-icon>delete</mat-icon></button></mat-card-actions></mat-card></div></div>`

Generated using TypeDoc