Merge pull request #27 from XaserAcheron/feature-scroll

Made panel resizable

Author: mariusandra

lib/ember-cli-helper-view.coffee

@@ -1,5 +1,5 @@
 {Task, BufferedProcess} = require 'atom'
-{View} = require 'atom-space-pen-views'
+{$, View} = require 'atom-space-pen-views'
 GeneratorListView = require './generator-list-view'
 path = require 'path'
 fs = require 'fs'
@@ -9,7 +9,8 @@ class EmberCliHelperView extends View
 
   @content: ->
     @div class: 'ember-cli-helper tool-panel panel-bottom native-key-bindings', =>
-      @div class: 'ember-cli-btn-group', =>
+      @div class: 'ember-cli-resize-handle', outlet: 'resizeHandle'
+      @div class: 'ember-cli-btn-group', outlet: 'buttonGroup', =>
         @div class: 'block', =>
           @button outlet: 'switch',     click: 'switchFile',        class: 'btn btn-sm inline-block-tight',           'c/t'
           @button outlet: 'route',      click: 'switchRoute',       class: 'btn btn-sm inline-block-tight',           'r'
@@ -31,6 +32,9 @@ class EmberCliHelperView extends View
       "ember-cli-helper:open-component": => @openComponent()
       "ember-cli-helper:generate-file":  => @showGeneratorList()
 
+    # Set up panel resizing
+    @on 'mousedown', '.ember-cli-resize-handle', (e) => @resizeStarted(e)
+
     # Add the path to the Node executable to the $PATH
     nodePath = atom.config.get('ember-cli-helper.pathToNodeExecutable')
     nodePath = nodePath.substring(0, nodePath.length - 4)
@@ -58,6 +62,7 @@ class EmberCliHelperView extends View
   destroy: ->
     @stopProcess()
     @clearPanel()
+    @resizeStopped()
     @panel.removeClass 'hidden'
     @detach()
 
@@ -73,6 +78,23 @@ class EmberCliHelperView extends View
   minimize: ->
     @panel.toggleClass 'hidden'
 
+
+  # panel resizing code based on atom's tree-view package
+  resizeStarted: =>
+    $(document).on('mousemove', @resizePanel)
+    $(document).on('mouseup', @resizeStopped)
+
+  resizeStopped: =>
+    $(document).off('mousemove', @resizePanel)
+    $(document).off('mouseup', @resizeStopped)
+
+  resizePanel: ({pageY, which}) =>
+    return @resizeStopped() unless which is 1
+    height = @outerHeight() + @offset().top - pageY
+    barHeight = @buttonGroup.height();
+    @panel.innerHeight(height - barHeight);
+
+
   getPathComponents: ->
     separator = path.sep
     editor = atom.workspace.getActivePaneItem()

styles/ember-cli-helper.less

@@ -34,6 +34,18 @@
     }
   }
 
+
+  // Panel resize handle
+  .ember-cli-resize-handle {
+    position: absolute;
+    right: 0;
+    left: 0;
+    top: -5px;
+    height: 10px;
+    cursor: ns-resize;
+    z-index: 3;
+  }
+
 }
 
 .ember-cli-btn-group:extend(.btn-group) {