[{"__symbolic":"module","version":4,"metadata":{"VideoSettingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/element-setting-modal-base","name":"ElementSettingModalBase","line":19,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"video-setting","styles":[".video-setting { .select-video-name { float: left; width: calc(100% - 90px); } .create-video { width: 62px; } } "],"template":"<div class=\"video-setting fe-modal-container\"> <form name='videoSettingModal' bs-modal-drag id=\"videoSettingModal\" class=\"configure\" *ngIf=\"active\" #videoForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" (onHidden)=\"onHidden()\"> <div class=\"modal-header fe-modal-header\"> <div class=\"fe-modal-header-title\"> {{lc(\"Video\")}} </div> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"closeModal()\">×</div> </div> <div class=\"top-line\"></div> <div class=\"fe-modal-middle valueShow\"> <tabset #staticTabs class=\"tab-container tabbable-line\"> <tab heading=\"{{lc('GeneralProperty')}}\" customClass=\"m-tabs__item\"> <div class=\"fe-modal-content\"> <div class=\"fe-vertical-label\"> <label class=\"fe-vertical-title\">{{lc(\"VideoName\")}}:</label> <div class=\"fe-vertical-component\"> <ng-select class=\"select-video-name\" [items]=\"videoNames\" bindLabel=\"name\" name=\"SelectVideoName\" [(ngModel)]=\"selectVideoName\" [clearable]=\"false\" [placeholder]=\"lc('SelectVideoName')\" [loading]=\"loading\" [loadingText]=\"l('LoadWithThreeDot')\" [notFoundText]=\"l('NoData')\"> <ng-template ng-label-tmp let-item=\"item\"> {{item.name}} </ng-template> </ng-select> <button type=\"button\" class=\"fe-btn fe-btn-small fe-btn-operate fe-btn-manage float-left left-margin create-video\" (click)=\"createVideo()\"> {{l(\"Add\")}} </button> </div> </div> </div> </tab> <tab heading=\"{{lc('Display')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\"> <display-setting #displaySettingCmp [isFixedPositionVisible]='false'></display-setting> </tab> </tabset> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"!videoForm.form.valid\" [buttonBusy]=\"saving\" [busyText]=\"l('SavingWithThreeDot')\"> {{l(\"Save\")}} </button> <button [disabled]=\"saving\" type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"closeModal()\"> {{l(\"Cancel\")}} </button> </div> </div> </form> </div> "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":22,"character":35},{"__symbolic":"reference","module":"../../../../shared/service-proxies/service-proxies","name":"ConfigureVideoServiceProxy","line":23,"character":48},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalService","line":24,"character":39}]}],"displaySettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":5},"arguments":["displaySettingCmp",{"static":false}]}]}],"staticTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":5},"arguments":["staticTabs",{"static":false}]}]}],"ngOnInit":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"getConfigureVideoNames":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"createVideo":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}]}}}}]