Hide/Show sidebar when dragging it or typing into the search input

cristian.corcoveanu committed 10 years ago

Commit dd4b9bf1 parent a83c4914 files · +24 −4Browse files

Showing the changes to assets/javascripts/views (3 of 4 files). Show all

Unified · Split

3 files

     app.appCache?.updateInBackground()
     return
-  toggleSidebar: ->
+  toggleSidebar: (saveLayout = true) ->
-    sidebarHidden = app.el.classList.contains(HIDE_SIDEBAR_CLASS)
+    hasHiddenClass = app.el.classList.contains(HIDE_SIDEBAR_CLASS)
-    app.el.classList[if sidebarHidden then 'remove' else 'add'](HIDE_SIDEBAR_CLASS)
+    forceShow = (!hasHiddenClass || !@hasSidebar()) && !saveLayout
-    app.settings.setLayout(HIDE_SIDEBAR_CLASS, !sidebarHidden)
+    app.el.classList[if hasHiddenClass or forceShow then 'remove' else 'add'](HIDE_SIDEBAR_CLASS)
+    return unless saveLayout
+    app.settings.setLayout(HIDE_SIDEBAR_CLASS, !hasHiddenClass)
     app.appCache?.updateInBackground()
     return
+  hasSidebar: ->
+    return !app.el.classList.contains(HIDE_SIDEBAR_CLASS) && !app.settings.hasLayout(HIDE_SIDEBAR_CLASS)
   setTitle: (title) ->
     @el.title = if title then "DevDocs - #{title}" else 'DevDocs API Documentation'

   onDragEnd: (event) =>
     $.off(window, 'dragover', @onDrag)
     value = event.pageX or (event.screenX - window.screenX)
+    if value <= 5
+      app.document.toggleSidebar()
+      return
+    else if !app.document.hasSidebar()
+      app.document.toggleSidebar(true)
     if @lastDragValue and not (@lastDragValue - 5 < value < @lastDragValue + 5) # https://github.com/Thibaut/devdocs/issues/265
       value = @lastDragValue
     @resize(value, true)

     @value = @input.value
     if @value.length
+      app.document.toggleSidebar(false)
       @search()
     else
+      app.document.toggleSidebar() unless app.document.hasSidebar()
       @clear()
     return