From a8bb16f6c4e542ba154046f6c51ca6978a6d2667 Mon Sep 17 00:00:00 2001
From: sharkykh <sharkykh@gmail.com>
Date: Fri, 27 Jul 2018 16:03:27 +0300
Subject: [PATCH] Fix home tabs (#4764)

* Fix home tabs

* Update CHANGELOG.md
---
 CHANGELOG.md                        |  3 ++
 themes-default/slim/views/home.mako | 52 ++++++++++++++---------------
 themes/dark/templates/home.mako     | 52 ++++++++++++++---------------
 themes/light/templates/home.mako    | 52 ++++++++++++++---------------
 4 files changed, 78 insertions(+), 81 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6aad2099f3..ebaad34bcb 100644
--- 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
index b6388bd3f0..8899cdd166 100644
--- 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
index b6388bd3f0..8899cdd166 100644
--- 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
index b6388bd3f0..8899cdd166 100644
--- 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">