jellyfin-web/src/components/tvproviders/schedulesdirect.js

import $ from 'jQuery';
import loading from 'loading';
import globalize from 'globalize';
import 'emby-checkbox';
import 'emby-input';
import 'listViewStyle';
import 'paper-icon-button-light';
import 'emby-select';
import 'emby-button';
import 'flexStyles';

export default function (page, providerId, options) {
    function reload() {
        loading.show();
        ApiClient.getNamedConfiguration('livetv').then(function (config) {
            var info = config.ListingProviders.filter(function (i) {
                return i.Id === providerId;
            })[0] || {};
            listingsId = info.ListingsId;
            $('#selectListing', page).val(info.ListingsId || '');
            page.querySelector('.txtUser').value = info.Username || '';
            page.querySelector('.txtPass').value = '';
            page.querySelector('.txtZipCode').value = info.ZipCode || '';

            if (info.Username && info.Password) {
                page.querySelector('.listingsSection').classList.remove('hide');
            } else {
                page.querySelector('.listingsSection').classList.add('hide');
            }

            page.querySelector('.chkAllTuners').checked = info.EnableAllTuners;

            if (info.EnableAllTuners) {
                page.querySelector('.selectTunersSection').classList.add('hide');
            } else {
                page.querySelector('.selectTunersSection').classList.remove('hide');
            }

            setCountry(info);
            refreshTunerDevices(page, info, config.TunerHosts);
        });
    }

    function setCountry(info) {
        ApiClient.getJSON(ApiClient.getUrl('LiveTv/ListingProviders/SchedulesDirect/Countries')).then(function (result) {
            var i;
            var length;
            var countryList = [];

            for (var region in result) {
                var countries = result[region];

                if (countries.length && region !== 'ZZZ') {
                    for (i = 0, length = countries.length; i < length; i++) {
                        countryList.push({
                            name: countries[i].fullName,
                            value: countries[i].shortName
                        });
                    }
                }
            }

            countryList.sort(function (a, b) {
                if (a.name > b.name) {
                    return 1;
                }

                if (a.name < b.name) {
                    return -1;
                }

                return 0;
            });
            $('#selectCountry', page).html(countryList.map(function (c) {
                return '<option value="' + c.value + '">' + c.name + '</option>';
            }).join('')).val(info.Country || '');
            $(page.querySelector('.txtZipCode')).trigger('change');
        }, function () { // ApiClient.getJSON() error handler
            Dashboard.alert({
                message: globalize.translate('ErrorGettingTvLineups')
            });
        });
        loading.hide();
    }

    function sha256(str) {
        if (!self.TextEncoder) {
            return Promise.resolve('');
        }

        var buffer = new TextEncoder('utf-8').encode(str);
        return crypto.subtle.digest('SHA-256', buffer).then(function (hash) {
            return hex(hash);
        });
    }

    function hex(buffer) {
        var hexCodes = [];
        var view = new DataView(buffer);

        for (var i = 0; i < view.byteLength; i += 4) {
            var value = view.getUint32(i);
            var stringValue = value.toString(16);
            var paddedValue = ('00000000' + stringValue).slice(-'00000000'.length);
            hexCodes.push(paddedValue);
        }

        return hexCodes.join('');
    }

    function submitLoginForm() {
        loading.show();
        sha256(page.querySelector('.txtPass').value).then(function (passwordHash) {
            var info = {
                Type: 'SchedulesDirect',
                Username: page.querySelector('.txtUser').value,
                EnableAllTuners: true,
                Password: passwordHash,
                Pw: page.querySelector('.txtPass').value
            };
            var id = providerId;

            if (id) {
                info.Id = id;
            }

            ApiClient.ajax({
                type: 'POST',
                url: ApiClient.getUrl('LiveTv/ListingProviders', {
                    ValidateLogin: true
                }),
                data: JSON.stringify(info),
                contentType: 'application/json',
                dataType: 'json'
            }).then(function (result) {
                Dashboard.processServerConfigurationUpdateResult();
                providerId = result.Id;
                reload();
            }, function () {
                Dashboard.alert({ // ApiClient.ajax() error handler
                    message: globalize.translate('ErrorSavingTvProvider')
                });
            });
        });
    }

    function submitListingsForm() {
        var selectedListingsId = $('#selectListing', page).val();

        if (!selectedListingsId) {
            return void Dashboard.alert({
                message: globalize.translate('ErrorPleaseSelectLineup')
            });
        }

        loading.show();
        var id = providerId;
        ApiClient.getNamedConfiguration('livetv').then(function (config) {
            var info = config.ListingProviders.filter(function (i) {
                return i.Id === id;
            })[0];
            info.ZipCode = page.querySelector('.txtZipCode').value;
            info.Country = $('#selectCountry', page).val();
            info.ListingsId = selectedListingsId;
            info.EnableAllTuners = page.querySelector('.chkAllTuners').checked;
            info.EnabledTuners = info.EnableAllTuners ? [] : $('.chkTuner', page).get().filter(function (i) {
                return i.checked;
            }).map(function (i) {
                return i.getAttribute('data-id');
            });
            ApiClient.ajax({
                type: 'POST',
                url: ApiClient.getUrl('LiveTv/ListingProviders', {
                    ValidateListings: true
                }),
                data: JSON.stringify(info),
                contentType: 'application/json'
            }).then(function (result) {
                loading.hide();

                if (options.showConfirmation) {
                    Dashboard.processServerConfigurationUpdateResult();
                }

                Events.trigger(self, 'submitted');
            }, function () {
                loading.hide();
                Dashboard.alert({
                    message: globalize.translate('ErrorAddingListingsToSchedulesDirect')
                });
            });
        });
    }

    function refreshListings(value) {
        if (!value) {
            return void $('#selectListing', page).html('');
        }

        loading.show();
        ApiClient.ajax({
            type: 'GET',
            url: ApiClient.getUrl('LiveTv/ListingProviders/Lineups', {
                Id: providerId,
                Location: value,
                Country: $('#selectCountry', page).val()
            }),
            dataType: 'json'
        }).then(function (result) {
            $('#selectListing', page).html(result.map(function (o) {
                return '<option value="' + o.Id + '">' + o.Name + '</option>';
            }));

            if (listingsId) {
                $('#selectListing', page).val(listingsId);
            }

            loading.hide();
        }, function (result) {
            Dashboard.alert({
                message: globalize.translate('ErrorGettingTvLineups')
            });
            refreshListings('');
            loading.hide();
        });
    }

    function getTunerName(providerId) {
        switch (providerId = providerId.toLowerCase()) {
            case 'm3u':
                return 'M3U Playlist';
            case 'hdhomerun':
                return 'HDHomerun';
            case 'satip':
                return 'DVB';
            default:
                return 'Unknown';
        }
    }

    function refreshTunerDevices(page, providerInfo, devices) {
        var html = '';

        for (var i = 0, length = devices.length; i < length; i++) {
            var device = devices[i];
            html += '<div class="listItem">';
            var enabledTuners = providerInfo.EnabledTuners || [];
            var isChecked = providerInfo.EnableAllTuners || enabledTuners.indexOf(device.Id) !== -1;
            var checkedAttribute = isChecked ? ' checked' : '';
            html += '<label class="checkboxContainer listItemCheckboxContainer"><input type="checkbox" is="emby-checkbox" data-id="' + device.Id + '" class="chkTuner" ' + checkedAttribute + '/><span></span></label>';
            html += '<div class="listItemBody two-line">';
            html += '<div class="listItemBodyText">';
            html += device.FriendlyName || getTunerName(device.Type);
            html += '</div>';
            html += '<div class="listItemBodyText secondary">';
            html += device.Url;
            html += '</div>';
            html += '</div>';
            html += '</div>';
        }

        page.querySelector('.tunerList').innerHTML = html;
    }

    var listingsId;
    var self = this;

    self.submit = function () {
        page.querySelector('.btnSubmitListingsContainer').click();
    };

    self.init = function () {
        options = options || {};

        // Only hide the buttons if explicitly set to false; default to showing if undefined or null
        // FIXME: rename this option to clarify logic
        var hideCancelButton = options.showCancelButton === false;
        page.querySelector('.btnCancel').classList.toggle('hide', hideCancelButton);

        var hideSubmitButton = options.showSubmitButton === false;
        page.querySelector('.btnSubmitListings').classList.toggle('hide', hideSubmitButton);

        $('.formLogin', page).on('submit', function () {
            submitLoginForm();
            return false;
        });
        $('.formListings', page).on('submit', function () {
            submitListingsForm();
            return false;
        });
        $('.txtZipCode', page).on('change', function () {
            refreshListings(this.value);
        });
        page.querySelector('.chkAllTuners').addEventListener('change', function (e) {
            if (e.target.checked) {
                page.querySelector('.selectTunersSection').classList.add('hide');
            } else {
                page.querySelector('.selectTunersSection').classList.remove('hide');
            }
        });
        $('.createAccountHelp', page).html(globalize.translate('MessageCreateAccountAt', '<a is="emby-linkbutton" class="button-link" href="http://www.schedulesdirect.org" target="_blank">http://www.schedulesdirect.org</a>'));
        reload();
    };
};