if (!ko.components.isRegistered('search-video-component')) {
    ko.components.register('search-video-component', {
        viewModel: function (params) {

            this.data = params.data;
            
            let self = this;

            self.description = ko.observable(params.data.description.replaceAll("\n", "<br>"));
            self.videoSource = ko.observable(1);

            let vidId = params.data.recordId;

            self.externalVideoId = ko.observable();
            axios.get(APIURL + "LiveStream/GetVideo", {
                params: {
                    videoId: vidId
                }
            }).then(function (resp) {
                var id = self.videoId;
                var data = resp.data;
                if (!data.collection) {
                    data.collection = "";
                }
                self.externalVideoId(data.externalVideoId);
                self.videoSource(data.videoSourceTypeId);
                if (data.videoSourceTypeId == 1) {
                    self.data.searchResultTypeName("Vimeo Video");
                }

                if (data.videoSourceTypeId == 2) {
                    self.data.searchResultTypeName("YouTube Video");
                    self.data.searchResultTypeColor("#FF6355");
                }

                if (data.videoSourceTypeId == 3) {
                    self.data.searchResultTypeName("Live Stream");
                }




            });


        },
        template: { element: "search-video-template" }
    });
}