redoc/lib/components/JsonSchema/json-schema-lazy.ts

93 lines
2.5 KiB
TypeScript
Raw Normal View History

'use strict';
2016-05-06 12:46:41 +03:00
import { Component, ElementRef, ViewContainerRef } from '@angular/core';
import { CORE_DIRECTIVES } from '@angular/common';
import { DynamicComponentLoader, Input } from '@angular/core';
2016-05-06 12:46:41 +03:00
import { JsonSchema } from './json-schema';
import { OptionsService } from '../../services/options.service';
import { SchemaManager } from '../../utils/SchemaManager';
2016-02-07 17:11:15 +03:00
var cache = {};
@Component({
selector: 'json-schema-lazy',
template: '',
directives: [CORE_DIRECTIVES]
})
2016-05-06 00:48:41 +03:00
export class JsonSchemaLazy {
@Input() pointer: string;
@Input() auto: boolean;
@Input() isRequestSchema: boolean;
loaded: boolean = false;
constructor(private schemaMgr:SchemaManager, private viewRef:ViewContainerRef, private elementRef:ElementRef,
private dcl:DynamicComponentLoader, private optionsService:OptionsService) {
}
2016-02-07 17:11:15 +03:00
normalizePointer() {
let schema = this.schemaMgr.byPointer(this.pointer);
2016-02-07 17:11:15 +03:00
return schema && schema.$ref || this.pointer;
}
2016-05-20 19:28:16 +03:00
_loadAfterSelf() {
return this.dcl.loadNextToLocation(JsonSchema, this.viewRef).then((compRef) => {
this.initComponent(compRef);
if (compRef.changeDetectorRef) {
compRef.changeDetectorRef.detectChanges();
}
return compRef;
});
}
load() {
2016-05-06 12:46:41 +03:00
if (this.optionsService.options.disableLazySchemas) return;
if (this.loaded) return;
if (this.pointer) {
2016-05-20 19:28:16 +03:00
this._loadAfterSelf();
}
this.loaded = true;
}
2016-02-07 17:11:15 +03:00
// cache JsonSchema view
loadCached() {
this.pointer = this.normalizePointer();
2016-02-07 17:11:15 +03:00
if (cache[this.pointer]) {
cache[this.pointer].then((compRef) => {
setTimeout( ()=> {
let $element = compRef.location.nativeElement;
2016-02-07 17:11:15 +03:00
// skip caching view with tabs inside (discriminator) as it needs attached controller
2016-03-27 01:37:56 +03:00
// FIXME: get rid of dependency on selector
if ($element.querySelector('.discriminator-wrap')) {
2016-02-07 17:11:15 +03:00
return;
}
insertAfter($element.cloneNode(true), this.elementRef.nativeElement);
2016-02-07 17:11:15 +03:00
} );
});
} else {
2016-05-20 19:28:16 +03:00
cache[this.pointer] = this._loadAfterSelf();
2016-02-07 17:11:15 +03:00
}
}
initComponent(compRef) {
compRef.instance.pointer = this.pointer;
2016-05-16 23:02:23 +03:00
compRef.instance.isRequestSchema = this.isRequestSchema;
}
2016-02-07 17:11:15 +03:00
ngAfterViewInit() {
if (!this.auto) return;
this.loadCached();
}
ngOnDestroy() {
// clear cache
cache = {};
}
2016-02-07 17:11:15 +03:00
}
function insertAfter(newNode, referenceNode) {
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}