b437547501
Custom structural directives have been added for improving the components customization. These improvements now allow add custom child components inside of a custom parent component. Besides, the conditional logic has been moved from view to model for improving maintainability
51 lines
1.2 KiB
TypeScript
51 lines
1.2 KiB
TypeScript
import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
|
|
@Directive({
|
|
selector: '[ovToolbar]'
|
|
})
|
|
export class ToolbarDirective {
|
|
constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
|
|
}
|
|
|
|
@Directive({
|
|
selector: '[ovPanel]'
|
|
})
|
|
export class PanelDirective {
|
|
constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
|
|
}
|
|
|
|
@Directive({
|
|
selector: '[ovChatPanel]'
|
|
})
|
|
export class ChatPanelDirective {
|
|
constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
|
|
}
|
|
|
|
@Directive({
|
|
selector: '[ovParticipantsPanel]'
|
|
})
|
|
export class ParticipantsPanelDirective {
|
|
constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
|
|
}
|
|
|
|
@Directive({
|
|
selector: '[ovParticipantPanelItem]'
|
|
})
|
|
export class ParticipantPanelItemDirective {
|
|
constructor(public template: TemplateRef<any>, public viewContainer: ViewContainerRef) {}
|
|
}
|
|
|
|
@Directive({
|
|
selector: '[ovLayout]'
|
|
})
|
|
export class LayoutDirective {
|
|
constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
|
|
}
|
|
|
|
@Directive({
|
|
selector: '[ovStream]'
|
|
})
|
|
export class StreamDirective {
|
|
constructor(public template: TemplateRef<any>, public container: ViewContainerRef) {}
|
|
}
|