diff --git a/dashboard-ui/livetvtunerprovider-satip.html b/dashboard-ui/livetvtunerprovider-satip.html index ab15665f6a..c9748d8e2d 100644 --- a/dashboard-ui/livetvtunerprovider-satip.html +++ b/dashboard-ui/livetvtunerprovider-satip.html @@ -1,4 +1,4 @@ -
+
diff --git a/dashboard-ui/scripts/livetvtunerprovider-satip.js b/dashboard-ui/scripts/livetvtunerprovider-satip.js index eb5488fb1b..cbeb6a39a8 100644 --- a/dashboard-ui/scripts/livetvtunerprovider-satip.js +++ b/dashboard-ui/scripts/livetvtunerprovider-satip.js @@ -72,44 +72,59 @@ }); } - function onSelectDiseqCChange(e) { + function populateMappings(view) { - var select = e.target; - var value = select.value; - var page = $(select).parents('.page')[0]; + ApiClient.getJSON(ApiClient.getUrl('LiveTv/TunerHosts/Satip/IniMappings')).then(function (mappings) { - if (value) { - page.querySelector('.fldSourceB').classList.remove('hide'); - } else { - page.querySelector('.fldSourceB').classList.add('hide'); - } + var optionsHtml = mappings.map(function (m) { + return ''; + }).join(''); - if (value == 'diseqc1') { + optionsHtml = '' + optionsHtml; - page.querySelector('.fldSourceC').classList.remove('hide'); - page.querySelector('.fldSourceD').classList.remove('hide'); - } else { - page.querySelector('.fldSourceC').classList.add('hide'); - page.querySelector('.fldSourceD').classList.add('hide'); - } + view.querySelector('.selectSourceA').innerHTML = optionsHtml; + view.querySelector('.selectSourceB').innerHTML = optionsHtml; + view.querySelector('.selectSourceC').innerHTML = optionsHtml; + view.querySelector('.selectSourceD').innerHTML = optionsHtml; + }); } - $(document).on('pageinit', "#liveTvTunerProviderSatPage", function () { + return function (view, params) { - var page = this; + function onSelectDiseqCChange(e) { - $('form', page).on('submit', function () { - submitForm(page); + var select = e.target; + var value = select.value; + + if (value) { + view.querySelector('.fldSourceB').classList.remove('hide'); + } else { + view.querySelector('.fldSourceB').classList.add('hide'); + } + + if (value == 'diseqc1') { + + view.querySelector('.fldSourceC').classList.remove('hide'); + view.querySelector('.fldSourceD').classList.remove('hide'); + } else { + view.querySelector('.fldSourceC').classList.add('hide'); + view.querySelector('.fldSourceD').classList.add('hide'); + } + } + + view.querySelector('form').addEventListener('submit', function (e) { + submitForm(view); + e.preventDefault(); return false; }); - page.querySelector('.selectDiseqC').addEventListener('change', onSelectDiseqCChange); + view.querySelector('.selectDiseqC').addEventListener('change', onSelectDiseqCChange); - }).on('pageshow', "#liveTvTunerProviderSatPage", function () { - - var providerId = getParameterByName('id'); - var page = this; - reload(page, providerId); - }); + populateMappings(view); + view.addEventListener('viewshow', function (e) { + var providerId = params.id; + reload(view, providerId); + }); + } }); \ No newline at end of file diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js index a9d78dad05..8194fb9e49 100644 --- a/dashboard-ui/scripts/site.js +++ b/dashboard-ui/scripts/site.js @@ -2544,9 +2544,10 @@ var AppInfo = {}; defineRoute({ path: '/livetvtunerprovider-satip.html', - dependencies: ['jQuery'], + dependencies: ['paper-input', 'paper-checkbox'], autoFocus: false, - roles: 'admin' + roles: 'admin', + controller: 'scripts/livetvtunerprovider-satip' }); defineRoute({