From 0a2034f7e40d3aaf6494b07fc7c7b95e4be39964 Mon Sep 17 00:00:00 2001
From: Matt Enlow <matt@novaugust.net>
Date: Sun, 10 Aug 2014 14:50:25 -0600
Subject: [PATCH] Fix -navbar events attachment

Closes #3623
- Move hamburger logic to action with terrible name, "toggleSidebarOrGoHome"
- Move ".js-close-sidebar" events to a document.on(event, *selector*, f) to make sure they attach even when the js-close-sidebars aren't on page (ie, hidenav)
---
 ghost/admin/templates/-navbar.hbs |  4 ++--
 ghost/admin/views/application.js  | 32 ++++++++++++++++---------------
 ghost/admin/views/posts.js        |  1 -
 3 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/ghost/admin/templates/-navbar.hbs b/ghost/admin/templates/-navbar.hbs
index ce16be87a1..1f70bb82ca 100644
--- a/ghost/admin/templates/-navbar.hbs
+++ b/ghost/admin/templates/-navbar.hbs
@@ -1,7 +1,7 @@
 <header id="global-header" class="navbar">
-    <a class="ghost-logo" data-off-canvas="left">
+    <button {{action "toggleSidebarOrGoHome" target="view"}} class="ghost-logo">
         <span class="hidden">Ghost</span>
-    </a>
+    </button>
     <nav id="global-nav" role="navigation">
         <ul id="main-menu" >
             {{gh-activating-list-item route="posts" title="Content" classNames="content js-close-sidebar"}}
diff --git a/ghost/admin/views/application.js b/ghost/admin/views/application.js
index b99a521c08..462b2ab6fe 100644
--- a/ghost/admin/views/application.js
+++ b/ghost/admin/views/application.js
@@ -1,21 +1,23 @@
-import {responsiveAction} from 'ghost/utils/mobile';
-
 var ApplicationView = Ember.View.extend({
-
-    mobileInteractions: function () {
-        var body = $('body');
-        // ### Toggle the mobile sidebar menu
-        $('[data-off-canvas]').on('click', function (event) {
-            responsiveAction(event, '(max-width: 650px)', function () {
-                body.toggleClass('off-canvas');
-            });
-        });
-        $('[data-off-canvas]').attr('href', this.get('controller.ghostPaths.blogRoot'));
+    setupCloseSidebar: function () {
         // #### Navigating within the sidebar closes it.
-        $('.js-close-sidebar').on('click', function () {
-            body.removeClass('off-canvas');
+        $(document).on('click', '.js-close-sidebar', function () {
+            $('body').removeClass('off-canvas');
         });
-    }.on('didInsertElement')
+    }.on('didInsertElement'),
+    
+    actions: {
+        //Sends the user to the front if they're not on mobile,
+        //otherwise toggles the sidebar.
+        toggleSidebarOrGoHome: function () {
+            if (window.matchMedia('(max-width: 650px)').matches) {
+                $('body').toggleClass('off-canvas');
+            }
+            else {
+                window.location = this.get('controller.ghostPaths').blogRoot;
+            }
+        }
+    }
 });
 
 export default ApplicationView;
diff --git a/ghost/admin/views/posts.js b/ghost/admin/views/posts.js
index 7551aa464e..d3f2105302 100644
--- a/ghost/admin/views/posts.js
+++ b/ghost/admin/views/posts.js
@@ -28,7 +28,6 @@ var PostsView = Ember.View.extend({
                     self.send('hideContentPreview');
                 });
             });
-            $('[data-off-canvas]').attr('href', this.get('controller.ghostPaths.blogRoot'));
         });
     }.on('didInsertElement'),
 });