(function ($, document, apiClient) { function getChannelHtml(channel) { var html = ''; html += ''; var imgUrl = "css/images/items/list/collection.png"; var isDefault = true; var cssClass = isDefault ? "tileImage defaultTileImage" : "tileImage"; html += '
'; html += '
'; html += '
' + channel.Name + '
'; html += '

' + channel.Number + '

'; html += '
'; html += "
"; return html; } function getChannelsHtml(channels) { var html = []; for (var i = 0, length = channels.length; i < length; i++) { html.push(getChannelHtml(channels[i])); } return html.join(''); } function renderChannels(page, channels) { var pagingHtml = LibraryBrowser.getPagingHtml({ StartIndex: 0, Limit: channels.length }, channels.length, true); $('.listTopPaging', page).html(pagingHtml).trigger('create'); $('#items', page).html(getChannelsHtml(channels)).trigger('create'); } $(document).on('pagebeforeshow', "#liveTvChannelsPage", function () { var page = this; apiClient.getLiveTvChannels().done(function (result) { renderChannels(page, result); }); }); })(jQuery, document, ApiClient);