]> BookStack Code Mirror - bookstack/blobdiff - resources/js/components/tri-layout.js
Opensearch: Fixed XML declaration when php short tags enabled
[bookstack] / resources / js / components / tri-layout.js
index ead2ac3d0dae85d4f865cd191d6ff768307eaa76..be9388e8d4615f5919a81068ff57915bc9d52ae9 100644 (file)
@@ -1,4 +1,4 @@
-import {Component} from "./component";
+import {Component} from './component';
 
 export class TriLayout extends Component {
 
@@ -9,8 +9,8 @@ export class TriLayout extends Component {
         this.lastLayoutType = 'none';
         this.onDestroy = null;
         this.scrollCache = {
-            'content': 0,
-            'info': 0,
+            content: 0,
+            info: 0,
         };
         this.lastTabShown = 'content';
 
@@ -19,15 +19,15 @@ export class TriLayout extends Component {
 
         // Watch layout changes
         this.updateLayout();
-        window.addEventListener('resize', event => {
+        window.addEventListener('resize', () => {
             this.updateLayout();
         }, {passive: true});
     }
 
     updateLayout() {
         let newLayout = 'tablet';
-        if (window.innerWidth <= 1000) newLayout =  'mobile';
-        if (window.innerWidth >= 1400) newLayout =  'desktop';
+        if (window.innerWidth <= 1000) newLayout = 'mobile';
+        if (window.innerWidth > 1400) newLayout = 'desktop';
         if (newLayout === this.lastLayoutType) return;
 
         if (this.onDestroy) {
@@ -53,20 +53,19 @@ export class TriLayout extends Component {
             for (const tab of this.tabs) {
                 tab.removeEventListener('click', this.mobileTabClick);
             }
-        }
+        };
     }
 
     setupDesktop() {
         //
     }
 
-
     /**
      * Action to run when the mobile info toggle bar is clicked/tapped
      * @param event
      */
     mobileTabClick(event) {
-        const tab = event.target.dataset.tab;
+        const {tab} = event.target.dataset;
         this.showTab(tab);
     }
 
@@ -109,4 +108,4 @@ export class TriLayout extends Component {
         this.lastTabShown = tabName;
     }
 
-}
\ No newline at end of file
+}