Merge pull request #39 from iamphill/close-event

Added close & open events

.hound.yml

@@ -4,5 +4,5 @@ scss:
 coffee_script:
   config_file: .coffee.json
 
-java_script:
+javascript:
   enabled: false

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-offcanvas",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "authors": [
     "Phil Hughes <[email protected]>"
   ],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Bootstrap-Offcanvas",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "author": {
     "name": "Phil Hughes",
     "url": "http://www.iamphill.com"

src/coffee/bootstrap.offcanvas.coffee

@@ -203,7 +203,13 @@
 
                     # Listen for a triggered event
                     @target.on 'offcanvas.toggle', (e) =>
-                        @._clicked e
+                        @_clicked e
+
+                    @target.on 'offcanvas.close', (e) =>
+                        @_close e
+
+                    @target.on 'offcanvas.open', (e) =>
+                        @_open e
             else
                 # Just log a warning
                 console.warn 'Offcanvas: `data-target` attribute must be present.'
@@ -234,6 +240,34 @@
 
             @bodyOverflow()
 
+        _open: (e) =>
+            e.preventDefault()
+            return if @target.is '.in'
+
+            @_sendEventsBefore()
+
+            # Toggle in class
+            @target.addClass 'in'
+            @element.addClass 'is-open'
+
+            @_navbarHeight()
+
+            @bodyOverflow()
+
+        _close: (e) =>
+            e.preventDefault()
+            return if @target.is ':not(.in)'
+
+            @_sendEventsBefore()
+
+            # Toggle in class
+            @target.removeClass 'in'
+            @element.removeClass 'is-open'
+
+            @_navbarHeight()
+
+            @bodyOverflow()
+
         #   Private: Document click event to hide offcanvas
         #
         #   e - Event data

tests/test.js

@@ -45,6 +45,17 @@
         assert.ok(!$("#js-bootstrap-offcanvas").hasClass("in"), "Off-Canvas should not be visible");
     });
 
+    test("Events to show & hide offcanvas", function (assert) {
+        assert.expect(2);
+        $("#js-bootstrap-offcanvas").trigger("offcanvas.open");
+
+        assert.ok($("#js-bootstrap-offcanvas").hasClass("in"), "Off-Canvas should be visible");
+
+        $("#js-bootstrap-offcanvas").trigger("offcanvas.close");
+
+        assert.ok(!$("#js-bootstrap-offcanvas").hasClass("in"), "Off-Canvas should not be visible");
+    });
+
     test("Toggle event hide offcanvas if already shown", function (assert) {
         assert.expect(2);
         $("#offcanvas-toggle").trigger("click");