rework live stream handling

dashboard-ui/components/accessschedule/accessschedule.js

@@ -0,0 +1,113 @@
+define(['dialogHelper', 'datetime', 'emby-select', 'paper-icon-button-light', 'formDialogStyle'], function (dialogHelper, datetime) {
+
+    function getDisplayTime(hours) {
+
+        var minutes = 0;
+
+        var pct = hours % 1;
+
+        if (pct) {
+            minutes = parseInt(pct * 60);
+        }
+
+        return datetime.getDisplayTime(new Date(2000, 1, 1, hours, minutes, 0, 0));
+    }
+
+    function populateHours(context) {
+
+        var html = '';
+
+        for (var i = 0; i < 24; i++) {
+
+            html += '<option value="' + i + '">' + getDisplayTime(i) + '</option>';
+        }
+
+        html += '<option value="24">' + getDisplayTime(0) + '</option>';
+
+        context.querySelector('#selectStart').innerHTML = html;
+        context.querySelector('#selectEnd').innerHTML = html;
+    }
+
+    function loadSchedule(context, schedule) {
+
+        context.querySelector('#selectDay').value = schedule.DayOfWeek || 'Sunday';
+        context.querySelector('#selectStart').value = schedule.StartHour || 0;
+        context.querySelector('#selectEnd').value = schedule.EndHour || 0;
+    }
+
+    function submitSchedule(context, options) {
+
+        var updatedSchedule = {
+            DayOfWeek: context.querySelector('#selectDay').value,
+            StartHour: context.querySelector('#selectStart').value,
+            EndHour: context.querySelector('#selectEnd').value
+        };
+
+        if (parseFloat(updatedSchedule.StartHour) >= parseFloat(updatedSchedule.EndHour)) {
+
+            alert(Globalize.translate('ErrorMessageStartHourGreaterThanEnd'));
+
+            return;
+        }
+
+        context.submitted = true;
+        options.schedule = Object.assign(options.schedule, updatedSchedule);
+        dialogHelper.close(context);
+    }
+
+    return {
+        show: function (options) {
+            return new Promise(function (resolve, reject) {
+
+                var xhr = new XMLHttpRequest();
+                xhr.open('GET', 'components/accessschedule/accessschedule.template.html', true);
+
+                xhr.onload = function (e) {
+
+                    var template = this.response;
+                    var dlg = dialogHelper.createDialog({
+                        removeOnClose: true,
+                        size: 'small'
+                    });
+
+                    dlg.classList.add('formDialog');
+
+                    var html = '';
+
+                    html += Globalize.translateDocument(template);
+
+                    dlg.innerHTML = html;
+
+                    populateHours(dlg);
+                    loadSchedule(dlg, options.schedule);
+
+                    dialogHelper.open(dlg);
+
+                    dlg.addEventListener('close', function () {
+
+                        if (dlg.submitted) {
+                            resolve(options.schedule);
+                        } else {
+                            reject();
+                        }
+                    });
+
+                    dlg.querySelector('.btnCancel').addEventListener('click', function (e) {
+
+                        dialogHelper.close(dlg);
+                    });
+
+                    dlg.querySelector('form').addEventListener('submit', function (e) {
+
+                        submitSchedule(dlg, options);
+
+                        e.preventDefault();
+                        return false;
+                    });
+                }
+
+                xhr.send();
+            });
+        }
+    };
+});

dashboard-ui/components/accessschedule/accessschedule.template.html

@@ -0,0 +1,39 @@
+<div class="formDialogHeader">
+    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
+    <h3 class="formDialogHeaderTitle">
+        ${HeaderAccessSchedule}
+    </h3>
+</div>
+<div class="formDialogContent smoothScrollY" style="padding-top:2em;">
+    <div class="dialogContentInner dialog-content-centered">
+        <form class="scheduleForm" style="margin:auto;">
+
+            <div class="selectContainer">
+                <select is="emby-select" id="selectDay" label="${LabelAccessDay}">
+                    <option value="Sunday">${OptionSunday}</option>
+                    <option value="Monday">${OptionMonday}</option>
+                    <option value="Tuesday">${OptionTuesday}</option>
+                    <option value="Wednesday">${OptionWednesday}</option>
+                    <option value="Thursday">${OptionThursday}</option>
+                    <option value="Friday">${OptionFriday}</option>
+                    <option value="Saturday">${OptionSaturday}</option>
+                    <option value="Everyday">${OptionEveryday}</option>
+                    <option value="Weekday">${OptionWeekdays}</option>
+                    <option value="Weekend">${OptionWeekends}</option>
+                </select>
+            </div>
+            <div class="selectContainer">
+                <select is="emby-select" class="selectHour" id="selectStart" label="${LabelAccessStart}"></select>
+            </div>
+            <div class="selectContainer">
+                <select is="emby-select" class="selectHour" id="selectEnd" label="${LabelAccessEnd}"></select>
+            </div>
+
+            <div class="formDialogFooter">
+                <button is="emby-button" type="submit" class="raised button-submit block formDialogFooterItem">
+                    <span>${ButtonAdd}</span>
+                </button>
+            </div>
+        </form>
+    </div>
+</div>

dashboard-ui/components/viewcontainer-lite.js

@@ -45,10 +45,8 @@ define(['browser'], function (browser) {
 
         if (isPluginpage) {
             dependencies.push('jqmpopup');
-            dependencies.push('jqmcollapsible');
             dependencies.push('legacy/dashboard');
             dependencies.push('legacy/selectmenu');
-            dependencies.push('jqmcontrolgroup');
             dependencies.push('jqmlistview');
             dependencies.push('fnchecked');
         }