stub out channel mapper popup

dashboard-ui/components/channelmapper/channelmapper.js

@@ -0,0 +1,74 @@
+define(['dialogHelper', 'loading', 'connectionManager', 'globalize', 'paper-checkbox', 'emby-input', 'paper-icon-button-light', 'emby-select', 'emby-button'],
+function (dialogHelper, loading, connectionManager, globalize) {
+
+    var currentServerId;
+
+    function getEditorHtml() {
+
+        var html = '';
+
+        html += '<div class="dialogContent">';
+        html += '<div class="dialogContentInner centeredContent">';
+        html += 'coming soon';
+        html += '</div>';
+        html += '</div>';
+
+        return html;
+    }
+
+    function initEditor(content, items) {
+
+    }
+
+    return function () {
+
+        var self = this;
+
+        self.show = function (options) {
+
+            var items = options.items || {};
+            currentServerId = options.serverId;
+
+            var dialogOptions = {
+                removeOnClose: true
+            };
+
+            dialogOptions.size = 'small';
+
+            var dlg = dialogHelper.createDialog(dialogOptions);
+
+            dlg.classList.add('formDialog');
+            dlg.classList.add('ui-body-a');
+            dlg.classList.add('background-theme-a');
+
+            var html = '';
+            var title = globalize.translate('MapChannels');
+
+            html += '<div class="dialogHeader" style="margin:0 0 2em;">';
+            html += '<button is="paper-icon-button-light" class="btnCancel" tabindex="-1"><iron-icon icon="nav:arrow-back"></iron-icon></button>';
+            html += '<div class="dialogHeaderTitle">';
+            html += title;
+            html += '</div>';
+
+            html += '</div>';
+
+            html += getEditorHtml();
+
+            dlg.innerHTML = html;
+            document.body.appendChild(dlg);
+
+            initEditor(dlg, items);
+
+            dlg.querySelector('.btnCancel').addEventListener('click', function () {
+
+                dialogHelper.close(dlg);
+            });
+
+            return new Promise(function (resolve, reject) {
+
+                dlg.addEventListener('close', resolve);
+                dialogHelper.open(dlg);
+            });
+        };
+    };
+});

dashboard-ui/devices/ios/ios.css

@@ -175,3 +175,8 @@ h1, h1 a {
 .alphabetPicker {
     right: 5px !important;
 }
+
+.alphaPickerButton.selected {
+    background-color: transparent !important;
+    color: #52B54B !important;
+}

dashboard-ui/scripts/librarylist.js

@@ -242,7 +242,9 @@
                     });
 
                     Dashboard.hideLoadingMsg();
-                    itemsContainer.dispatchEvent(new CustomEvent('timercancelled', {}));
+                    itemsContainer.dispatchEvent(new CustomEvent('timercancelled', {
+                        bubbles: true
+                    }));
                 });
             });
         });

dashboard-ui/scripts/livetvstatus.js

@@ -361,7 +361,7 @@
                         deleteProvider(page, id);
                         break;
                     case 'map':
-                        alert('coming soon');
+                        mapChannels(page, id);
                         break;
                     default:
                         break;
@@ -371,6 +371,16 @@
         });
     }
 
+    function mapChannels(page, providerId) {
+
+        require(['components/channelmapper/channelmapper'], function (channelmapper) {
+            new channelmapper().show({
+                serverId: ApiClient.serverInfo().Id,
+                providerId: providerId
+            });
+        });
+    }
+
     function deleteProvider(page, id) {
 
         var message = Globalize.translate('MessageConfirmDeleteGuideProvider');