ngx-schema-forms
Version:
New features: - Ajv schema validator. - Angular forms compatible: Property tree is created using FormGroup, FormArray and FormControl classes. - Array now properly loads initial data from model. - WidgetTyep: WidgetRegistry now supports WidgetType, now wo
59 lines (57 loc) • 3.81 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
import { FieldsetWidget } from '../../base/fieldset.widget';
/**
* @record
*/
export function Tab() { }
/** @type {?} */
Tab.prototype.title;
/** @type {?} */
Tab.prototype.fields;
/**
* @record
*/
export function Tabs() { }
/** @type {?} */
Tabs.prototype.tabs;
export class TabsComponent extends FieldsetWidget {
constructor() {
super(...arguments);
this.selectedTab = 0;
}
}
TabsComponent.decorators = [
{ type: Component, args: [{
selector: 'sf-form-tabs',
template: `
<div class="panel panel-default">
<div class="panel-body" style="min-height: 420px;">
<ul class="nav nav-tabs" style="margin-bottom: 10px">
<li *ngFor="let tab of widget.tabs; let index=index"
(click)="selectedTab = index"
[class.active]="selectedTab === index"
style="cursor: pointer">
<a>{{ tab.title }}</a>
</li>
</ul>
<div *ngFor="let tab of widget.tabs; let index=index" >
<ng-container *ngIf="selectedTab === index">
<div *ngFor="let field of tab.fields">
<sf-form-field [formProperty]="formProperty.get(field)"> </sf-form-field>
</div>
</ng-container>
</div>
</div>
</div>
`
}] }
];
if (false) {
/** @type {?} */
TabsComponent.prototype.selectedTab;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtc2NoZW1hLWZvcm1zLyIsInNvdXJjZXMiOlsibGliL3dpZGdldHMvZGVmYXVsdHMvdGFicy90YWJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7Ozs7Ozs7OztBQXFDNUQsTUFBTSxvQkFBcUIsU0FBUSxjQUFvQjs7OzJCQUN2QyxDQUFDOzs7O1lBMUJoQixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJUO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRmllbGRzZXRXaWRnZXQgfSBmcm9tICcuLi8uLi9iYXNlL2ZpZWxkc2V0LndpZGdldCc7XG5pbXBvcnQgeyBXaWRnZXQgfSBmcm9tICcuLi8uLi9iYXNlL3dpZGdldCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZmllbGRzOiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBUYWJzIGV4dGVuZHMgV2lkZ2V0IHtcbiAgdGFiczogVGFiW107XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NmLWZvcm0tdGFicycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInBhbmVsIHBhbmVsLWRlZmF1bHRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwYW5lbC1ib2R5XCIgc3R5bGU9XCJtaW4taGVpZ2h0OiA0MjBweDtcIj5cbiAgICAgICAgPHVsIGNsYXNzPVwibmF2IG5hdi10YWJzXCIgc3R5bGU9XCJtYXJnaW4tYm90dG9tOiAxMHB4XCI+XG4gICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCB0YWIgb2Ygd2lkZ2V0LnRhYnM7IGxldCBpbmRleD1pbmRleFwiXG4gICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0ZWRUYWIgPSBpbmRleFwiXG4gICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cInNlbGVjdGVkVGFiID09PSBpbmRleFwiXG4gICAgICAgICAgICBzdHlsZT1cImN1cnNvcjogcG9pbnRlclwiPlxuICAgICAgICAgICAgPGE+e3sgdGFiLnRpdGxlIH19PC9hPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgIDwvdWw+XG5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgdGFiIG9mIHdpZGdldC50YWJzOyBsZXQgaW5kZXg9aW5kZXhcIiA+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNlbGVjdGVkVGFiID09PSBpbmRleFwiPlxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZmllbGQgb2YgdGFiLmZpZWxkc1wiPlxuICAgICAgICAgICAgICA8c2YtZm9ybS1maWVsZCBbZm9ybVByb3BlcnR5XT1cImZvcm1Qcm9wZXJ0eS5nZXQoZmllbGQpXCI+IDwvc2YtZm9ybS1maWVsZD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIFRhYnNDb21wb25lbnQgZXh0ZW5kcyBGaWVsZHNldFdpZGdldDxUYWJzPiB7XG4gIHNlbGVjdGVkVGFiID0gMDtcbn1cbiJdfQ==