Fix home tabs (#4764)

* Fix home tabs * Update CHANGELOG.md
pymedusa · Jul 27, 2018 · a8bb16f · a8bb16f
1 parent a0b6585
commit a8bb16f
Show file tree

Hide file tree

Showing 4 changed files with 78 additions and 81 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 ## Unreleased
 
+#### Fixes
+- Fixed tabs on home page when using the split home layout ([#4764](https://github.com/pymedusa/Medusa/pull/4764))
+
 -----
 
 ## 0.2.7 (2018-07-27)

diff --git a/themes-default/slim/views/home.mako b/themes-default/slim/views/home.mako
@@ -11,35 +11,33 @@
 <%block name="scripts">
 <script>
 window.app = {};
-const startVue = () => {
-    window.app = new Vue({
-        store,
-        el: '#vue-wrap',
-        metaInfo: {
-            title: 'Home'
-        },
-        data() {
-            return {
-                header: 'Show List'
-            };
-        },
-        computed: Object.assign({
-            layout: {
-                get() {
-                    const { config } = this;
-                    return config.layout.home;
-                },
-                set(layout) {
-                    const { $store } = this;
-                    const page = 'home';
-                    $store.dispatch('setLayout', { page, layout });
-                }
+window.app = new Vue({
+    store,
+    el: '#vue-wrap',
+    metaInfo: {
+        title: 'Home'
+    },
+    data() {
+        return {
+            header: 'Show List'
+        };
+    },
+    computed: Object.assign({
+        layout: {
+            get() {
+                const { config } = this;
+                return config.layout.home;
+            },
+            set(layout) {
+                const { $store } = this;
+                const page = 'home';
+                $store.dispatch('setLayout', { page, layout });
             }
-        }),
-        mounted() {
         }
-    });
-};
+    }),
+    mounted() {
+    }
+});
 </script>
 </%block>
 <%block name="metas">

diff --git a/themes/dark/templates/home.mako b/themes/dark/templates/home.mako
@@ -11,35 +11,33 @@
 <%block name="scripts">
 <script>
 window.app = {};
-const startVue = () => {
-    window.app = new Vue({
-        store,
-        el: '#vue-wrap',
-        metaInfo: {
-            title: 'Home'
-        },
-        data() {
-            return {
-                header: 'Show List'
-            };
-        },
-        computed: Object.assign({
-            layout: {
-                get() {
-                    const { config } = this;
-                    return config.layout.home;
-                },
-                set(layout) {
-                    const { $store } = this;
-                    const page = 'home';
-                    $store.dispatch('setLayout', { page, layout });
-                }
+window.app = new Vue({
+    store,
+    el: '#vue-wrap',
+    metaInfo: {
+        title: 'Home'
+    },
+    data() {
+        return {
+            header: 'Show List'
+        };
+    },
+    computed: Object.assign({
+        layout: {
+            get() {
+                const { config } = this;
+                return config.layout.home;
+            },
+            set(layout) {
+                const { $store } = this;
+                const page = 'home';
+                $store.dispatch('setLayout', { page, layout });
             }
-        }),
-        mounted() {
         }
-    });
-};
+    }),
+    mounted() {
+    }
+});
 </script>
 </%block>
 <%block name="metas">

diff --git a/themes/light/templates/home.mako b/themes/light/templates/home.mako
@@ -11,35 +11,33 @@
 <%block name="scripts">
 <script>
 window.app = {};
-const startVue = () => {
-    window.app = new Vue({
-        store,
-        el: '#vue-wrap',
-        metaInfo: {
-            title: 'Home'
-        },
-        data() {
-            return {
-                header: 'Show List'
-            };
-        },
-        computed: Object.assign({
-            layout: {
-                get() {
-                    const { config } = this;
-                    return config.layout.home;
-                },
-                set(layout) {
-                    const { $store } = this;
-                    const page = 'home';
-                    $store.dispatch('setLayout', { page, layout });
-                }
+window.app = new Vue({
+    store,
+    el: '#vue-wrap',
+    metaInfo: {
+        title: 'Home'
+    },
+    data() {
+        return {
+            header: 'Show List'
+        };
+    },
+    computed: Object.assign({
+        layout: {
+            get() {
+                const { config } = this;
+                return config.layout.home;
+            },
+            set(layout) {
+                const { $store } = this;
+                const page = 'home';
+                $store.dispatch('setLayout', { page, layout });
             }
-        }),
-        mounted() {
         }
-    });
-};
+    }),
+    mounted() {
+    }
+});
 </script>
 </%block>
 <%block name="metas">