Fix indentation issues

2023-04-19 01:56:05 -04:00
parent 52c8cffc82
commit f2726653ae
120 changed files with 30271 additions and 30631 deletions
@@ -2,101 +2,98 @@ import './emby-collapse.scss';
 import 'webcomponents.js/webcomponents-lite';
 import '../emby-button/emby-button';

-/* eslint-disable indent */
+const EmbyButtonPrototype = Object.create(HTMLDivElement.prototype);

-    const EmbyButtonPrototype = Object.create(HTMLDivElement.prototype);
+function slideDownToShow(button, elem) {
+    requestAnimationFrame(() => {
+        elem.classList.remove('hide');
+        elem.classList.add('expanded');
+        elem.style.height = 'auto';
+        const height = elem.offsetHeight + 'px';
+        elem.style.height = '0';
+        // trigger reflow
+        // TODO: Find a better way to do this
+        const newHeight = elem.offsetHeight; /* eslint-disable-line no-unused-vars */
+        elem.style.height = height;

-    function slideDownToShow(button, elem) {
-        requestAnimationFrame(() => {
-            elem.classList.remove('hide');
-            elem.classList.add('expanded');
+        setTimeout(function () {
+            if (elem.classList.contains('expanded')) {
+                elem.classList.remove('hide');
+            } else {
+                elem.classList.add('hide');
+            }
            elem.style.height = 'auto';
-            const height = elem.offsetHeight + 'px';
-            elem.style.height = '0';
-            // trigger reflow
-            // TODO: Find a better way to do this
-            const newHeight = elem.offsetHeight; /* eslint-disable-line no-unused-vars */
-            elem.style.height = height;
+        }, 300);

-            setTimeout(function () {
-                if (elem.classList.contains('expanded')) {
-                    elem.classList.remove('hide');
-                } else {
-                    elem.classList.add('hide');
-                }
-                elem.style.height = 'auto';
-            }, 300);
-
-            const icon = button.querySelector('.material-icons');
-            icon.classList.add('emby-collapse-expandIconExpanded');
-        });
-    }
-
-    function slideUpToHide(button, elem) {
-        requestAnimationFrame(() => {
-            elem.style.height = elem.offsetHeight + 'px';
-            // trigger reflow
-            // TODO: Find a better way to do this
-            const newHeight = elem.offsetHeight; /* eslint-disable-line no-unused-vars */
-            elem.classList.remove('expanded');
-            elem.style.height = '0';
-
-            setTimeout(function () {
-                if (elem.classList.contains('expanded')) {
-                    elem.classList.remove('hide');
-                } else {
-                    elem.classList.add('hide');
-                }
-            }, 300);
-
-            const icon = button.querySelector('.material-icons');
-            icon.classList.remove('emby-collapse-expandIconExpanded');
-        });
-    }
-
-    function onButtonClick() {
-        const button = this;
-        const collapseContent = button.parentNode.querySelector('.collapseContent');
-
-        if (collapseContent.expanded) {
-            collapseContent.expanded = false;
-            slideUpToHide(button, collapseContent);
-        } else {
-            collapseContent.expanded = true;
-            slideDownToShow(button, collapseContent);
-        }
-    }
-
-    EmbyButtonPrototype.attachedCallback = function () {
-        if (this.classList.contains('emby-collapse')) {
-            return;
-        }
-
-        this.classList.add('emby-collapse');
-
-        const collapseContent = this.querySelector('.collapseContent');
-        if (collapseContent) {
-            collapseContent.classList.add('hide');
-        }
-
-        const title = this.getAttribute('title');
-
-        const html = '<button is="emby-button" type="button" on-click="toggleExpand" id="expandButton" class="emby-collapsible-button iconRight"><h3 class="emby-collapsible-title" title="' + title + '">' + title + '</h3><span class="material-icons emby-collapse-expandIcon expand_more" aria-hidden="true"></span></button>';
-
-        this.insertAdjacentHTML('afterbegin', html);
-
-        const button = this.querySelector('.emby-collapsible-button');
-
-        button.addEventListener('click', onButtonClick);
-
-        if (this.getAttribute('data-expanded') === 'true') {
-            onButtonClick.call(button);
-        }
-    };
-
-    document.registerElement('emby-collapse', {
-        prototype: EmbyButtonPrototype,
-        extends: 'div'
+        const icon = button.querySelector('.material-icons');
+        icon.classList.add('emby-collapse-expandIconExpanded');
    });
+}
+
+function slideUpToHide(button, elem) {
+    requestAnimationFrame(() => {
+        elem.style.height = elem.offsetHeight + 'px';
+        // trigger reflow
+        // TODO: Find a better way to do this
+        const newHeight = elem.offsetHeight; /* eslint-disable-line no-unused-vars */
+        elem.classList.remove('expanded');
+        elem.style.height = '0';
+
+        setTimeout(function () {
+            if (elem.classList.contains('expanded')) {
+                elem.classList.remove('hide');
+            } else {
+                elem.classList.add('hide');
+            }
+        }, 300);
+
+        const icon = button.querySelector('.material-icons');
+        icon.classList.remove('emby-collapse-expandIconExpanded');
+    });
+}
+
+function onButtonClick() {
+    const button = this;
+    const collapseContent = button.parentNode.querySelector('.collapseContent');
+
+    if (collapseContent.expanded) {
+        collapseContent.expanded = false;
+        slideUpToHide(button, collapseContent);
+    } else {
+        collapseContent.expanded = true;
+        slideDownToShow(button, collapseContent);
+    }
+}
+
+EmbyButtonPrototype.attachedCallback = function () {
+    if (this.classList.contains('emby-collapse')) {
+        return;
+    }
+
+    this.classList.add('emby-collapse');
+
+    const collapseContent = this.querySelector('.collapseContent');
+    if (collapseContent) {
+        collapseContent.classList.add('hide');
+    }
+
+    const title = this.getAttribute('title');
+
+    const html = '<button is="emby-button" type="button" on-click="toggleExpand" id="expandButton" class="emby-collapsible-button iconRight"><h3 class="emby-collapsible-title" title="' + title + '">' + title + '</h3><span class="material-icons emby-collapse-expandIcon expand_more" aria-hidden="true"></span></button>';
+
+    this.insertAdjacentHTML('afterbegin', html);
+
+    const button = this.querySelector('.emby-collapsible-button');
+
+    button.addEventListener('click', onButtonClick);
+
+    if (this.getAttribute('data-expanded') === 'true') {
+        onButtonClick.call(button);
+    }
+};
+
+document.registerElement('emby-collapse', {
+    prototype: EmbyButtonPrototype,
+    extends: 'div'
+});

-/* eslint-enable indent */