61 lines
2.0 KiB
TypeScript
61 lines
2.0 KiB
TypeScript
|
import {Directive, EventEmitter, Input, OnDestroy, Output} from '@angular/core';
|
||
|
|
import {Plugin} from "../../../utils/entities/adminTool/plugin";
|
||
|
|
import {PluginTemplate} from "../../../utils/entities/adminTool/pluginTemplate";
|
||
|
|
import {EnvProperties} from "../../../utils/properties/env-properties";
|
||
|
|
import {properties} from 'src/environments/environment';
|
||
|
|
import {Subscriber} from "rxjs";
|
||
|
|
|
||
|
|
export class PluginEditEvent {
|
||
|
|
field:string;
|
||
|
|
type:"text" | "HTML" | "boolean";
|
||
|
|
value?:any;
|
||
|
|
}
|
||
|
|
@Directive()
|
||
|
|
export abstract class PluginBaseComponent implements OnDestroy {
|
||
|
|
public properties: EnvProperties = properties;
|
||
|
|
@Input() editMode =false;
|
||
|
|
@Input() plugin:Plugin;
|
||
|
|
@Input() pluginTemplate:PluginTemplate;
|
||
|
|
@Input() editTemplate:boolean = false;
|
||
|
|
@Output() valuesChanged:EventEmitter<PluginEditEvent> = new EventEmitter<any>();
|
||
|
|
subscriptions = [];
|
||
|
|
pluginEditEvent:PluginEditEvent;
|
||
|
|
constructor() {
|
||
|
|
|
||
|
|
}
|
||
|
|
ngOnInit(): void {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
ngOnDestroy() {
|
||
|
|
this.subscriptions.forEach(subscription => {
|
||
|
|
if (subscription instanceof Subscriber) {
|
||
|
|
subscription.unsubscribe()
|
||
|
|
} else if (subscription instanceof Function) {
|
||
|
|
subscription();
|
||
|
|
} else if (typeof IntersectionObserver !== 'undefined' && subscription instanceof IntersectionObserver) {
|
||
|
|
subscription.disconnect();
|
||
|
|
} else if (typeof ResizeObserver !== 'undefined' && subscription instanceof ResizeObserver) {
|
||
|
|
subscription.disconnect();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
valueChanged($event:PluginEditEvent){
|
||
|
|
if(this.editTemplate){
|
||
|
|
this.pluginTemplate.object[$event.field]=$event.value;
|
||
|
|
}else{
|
||
|
|
this.plugin.object[$event.field]=$event.value;
|
||
|
|
}
|
||
|
|
this.valuesChanged.emit($event)
|
||
|
|
}
|
||
|
|
|
||
|
|
showOnOffBlock(field){
|
||
|
|
return (this.editTemplate /* edit template*/
|
||
|
|
|| (this.editMode && !this.editTemplate) /* edit plugin*/
|
||
|
|
|| (this.plugin && this.plugin.object && this.plugin.object[field] == true) /* is on anyway */
|
||
|
|
|| (!this.plugin)) /* is not plugin view */
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|