move emby-webcomponents to components and reflect paths

src/components/tabbedview/tabbedview.js

@@ -0,0 +1,124 @@
+define(['backdrop', 'mainTabsManager', 'layoutManager', 'emby-tabs'], function (backdrop, mainTabsManager, layoutManager) {
+    'use strict';
+
+    function onViewDestroy(e) {
+
+        var tabControllers = this.tabControllers;
+
+        if (tabControllers) {
+            tabControllers.forEach(function (t) {
+                if (t.destroy) {
+                    t.destroy();
+                }
+            });
+
+            this.tabControllers = null;
+        }
+
+        this.view = null;
+        this.params = null;
+        this.currentTabController = null;
+        this.initialTabIndex = null;
+    }
+
+    function onBeforeTabChange() {
+
+    }
+
+    function TabbedView(view, params) {
+
+        this.tabControllers = [];
+        this.view = view;
+        this.params = params;
+
+        var self = this;
+
+        var currentTabIndex = parseInt(params.tab || this.getDefaultTabIndex(params.parentId));
+        this.initialTabIndex = currentTabIndex;
+
+        function validateTabLoad(index) {
+
+            return self.validateTabLoad ? self.validateTabLoad(index) : Promise.resolve();
+        }
+
+        function loadTab(index, previousIndex) {
+
+            validateTabLoad(index).then(function () {
+                self.getTabController(index).then(function (controller) {
+
+                    var refresh = !controller.refreshed;
+
+                    controller.onResume({
+                        autoFocus: previousIndex == null && layoutManager.tv,
+                        refresh: refresh
+                    });
+
+                    controller.refreshed = true;
+
+                    currentTabIndex = index;
+                    self.currentTabController = controller;
+                });
+            });
+        }
+
+        function getTabContainers() {
+            return view.querySelectorAll('.tabContent');
+        }
+
+        function onTabChange(e) {
+            var newIndex = parseInt(e.detail.selectedTabIndex);
+            var previousIndex = e.detail.previousIndex;
+
+            var previousTabController = previousIndex == null ? null : self.tabControllers[previousIndex];
+            if (previousTabController && previousTabController.onPause) {
+                previousTabController.onPause();
+            }
+
+            loadTab(newIndex, previousIndex);
+        }
+
+        view.addEventListener('viewbeforehide', this.onPause.bind(this));
+
+        view.addEventListener('viewbeforeshow', function (e) {
+
+            mainTabsManager.setTabs(view, currentTabIndex, self.getTabs, getTabContainers, onBeforeTabChange, onTabChange, false);
+        });
+
+        view.addEventListener('viewshow', function (e) {
+
+            self.onResume(e.detail);
+        });
+
+        view.addEventListener('viewdestroy', onViewDestroy.bind(this));
+    }
+
+    TabbedView.prototype.onResume = function (options) {
+
+        this.setTitle();
+        backdrop.clear();
+
+        var currentTabController = this.currentTabController;
+
+        if (!currentTabController) {
+            mainTabsManager.selectedTabIndex(this.initialTabIndex);
+        }
+        else if (currentTabController && currentTabController.onResume) {
+            currentTabController.onResume({});
+        }
+    };
+
+    TabbedView.prototype.onPause = function () {
+
+        var currentTabController = this.currentTabController;
+
+        if (currentTabController && currentTabController.onPause) {
+            currentTabController.onPause();
+        }
+    };
+
+    TabbedView.prototype.setTitle = function () {
+        Emby.Page.setTitle('');
+    };
+
+    return TabbedView;
+});