[{"__symbolic":"module","version":4,"metadata":{"CreateVideoComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":18,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"create-video","styles":[".configure-video { min-width: 630px; .header-line { border-bottom: 1px solid #f4f4f4; } .fe-option-body-transverse { width: 100%; } .video-content, .video-name { input { height: 30px; padding-left: 8px; width: 100%; } label { margin-top: 5px; } } .create-video-tooltip { font-weight: 400; color: #7b7e8a; font-size: 14px; padding-top: 6px; padding-bottom: 15px; } .is-default-url { margin-top: 10px; margin-bottom: 10px; } .video-url { margin-bottom: 10px; } .flaticon-questions-circular-button{ color: #C4C6CF; font-size: 16px; } .flex-y-center{ display: flex; justify-content: flex-start; align-items: center; } } "],"template":"<div class=\"fe-modal-container configure-video\"> <form bs-modal-drag *ngIf=\"active\" #saveForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"modal-header fe-modal-header header-line\"> <h4 class=\"fe-modal-header-title\"> {{lc(\"AddVideo\")}} </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"fe-modal-middle clearfix\"> <div class=\"fe-option-body-transverse float-left video-name\"> <label> {{lc(\"VideoName\")}}： </label> <input type=\"text\" name=\"VideoName\" #VideoName=\"ngModel\" class=\"recode-input\" [(ngModel)]=\"configureVideo.name\" maxlength=\"60\" required /> <validation-messages [formCtrl]=\"VideoName\"></validation-messages> </div> <div class=\"fe-option-head\"> <label for=\"isDefaultUrl\" class=\"is-default-url\"> <input type=\"checkbox\" id=\"isDefaultUrl\" [checked]=\"configureVideo.isDefaultUrl\" (change)=\"changeUseDefaultUrl()\" /> <span>{{lc('IsDefaultUrl')}}</span> </label> </div> <div class=\"fe-modal-content video-content\" *ngIf=\"configureVideo.isDefaultUrl\"> <div class=\"fe-option-body-transverse float-left\"> <label> {{lc(\"VideoServiceProvider\")}}： </label> <ng-select [items]=\"videoTypes\" bindLabel=\"name\" name=\"SelectVideoType\" [(ngModel)]=\"configureVideo.videoType\" [clearable]=\"false\" selectOnTab=\"false\" [placeholder]=\"\" [loadingText]=\"l('LoadWithThreeDot')\" bindValue=\"key\" [notFoundText]=\"l('NoData')\"> <ng-template ng-label-tmp let-item=\"item\" let-index=\"index\"> {{lc(item.name)}} </ng-template> <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\"> {{lc(item.name)}} </ng-template> </ng-select> </div> <div class=\"fe-option-body-transverse float-left video-url\"> <label class=\"flex-y-center\"> <span> {{lc(\"VideoUrl\")}}： </span> <a href=\"{{appRootUrl()+'assets/help/articles/select_adress.html'}}\" title=\"{{lc('SeeHowToConfigureVideo')}}\" target=\"_blank\" style=\"text-decoration: none;\"> <i class=\"flaticon-questions-circular-button\"></i> </a> </label> <input type=\"text\" name=\"VideoUrl\" #VideoUrl=\"ngModel\" class=\"recode-input\" [(ngModel)]=\"configureVideo.videoUrl\" maxlength=\"2083\" /> </div> <div class=\"create-video-tooltip\">{{lc('CreateVideoTooltip')}}</div> </div> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"!saveForm.form.valid || saving\"> {{l(\"Save\")}} </button> <button type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"close()\" [disabled]=\"saving\"> {{l(\"Cancel\")}} </button> </div> </div> </form> </div> "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":30,"character":26},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":31,"character":37},{"__symbolic":"reference","module":"../../../../shared/service-proxies/service-proxies","name":"ConfigureVideoServiceProxy","line":32,"character":48}]}],"ngOnInit":[{"__symbolic":"method"}],"changeUseDefaultUrl":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}}}}]