diff --git a/.gitignore b/.gitignore
old mode 100644
new mode 100755
index 726c3ca..4ed852c
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 .*.sw*
+node_modules
diff --git a/Gruntfile.js b/Gruntfile.js
new file mode 100644
index 0000000..7fcba18
--- /dev/null
+++ b/Gruntfile.js
@@ -0,0 +1,20 @@
+module.exports = function(grunt) {
+
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    connect: {
+      demo: {
+        options: {
+          open: true,
+          port: 8888,
+          keepalive: true,
+          base: '.'
+        }  
+      }
+    }
+  });
+
+  grunt.loadNpmTasks('grunt-contrib-connect');
+  grunt.registerTask('default', 'connect');
+
+};
\ No newline at end of file
diff --git a/README.md b/README.md
old mode 100644
new mode 100755
index e28bdb6..a18a9dc
--- a/README.md
+++ b/README.md
@@ -2,3 +2,59 @@ ionic-contrib-drawer
 ====================
 
 A side menu drawer for Ionic apps
+
+#####Setting up:
+
+Clone the ionic-ion-drawer repo into the lib folder in your ionic project so it looks like:
+
+*yourProjectName/www/lib/ionic-ion-drawer*
+
+Add the ionic-contrib-drawer.js and ionic-contrib-drawer.css files to your index file
+
+    <link href="lib/ionic-ion-drawer/ionic.contrib.drawer.css" rel="stylesheet">
+    <script src="lib/ionic-ion-drawer/ionic.contrib.drawer.js"></script>
+    
+Add ionic.contrib.drawer to your Angular app:
+
+    angular.module('App', [
+      'ionic',
+      'ionic.contrib.drawer'
+    ])
+
+#####Usage:
+
+ Add the `<drawer>` directive to your ionic templates or index.html files.
+
+#####Example:
+
+    <ion-view>
+      <ion-content>
+        <div class="bar bar-header bar-dark">
+          <h1 class="title">Example</h1>
+        </div>
+      </ion-content>
+      <drawer side="right">
+        <ion-content>
+          <h2>Menu</h2>
+          <button ng-click="closeDrawer()">Close</button>
+          <ion-list>
+            <ion-item>Friends</ion-item>
+            <ion-item>Favorites</ion-item>
+            <ion-item>Search</ion-item>
+          </ion-list>
+        </ion-content>
+      </drawer>
+    </ion-view>
+
+
+
+Change the 'side' attribute of the `<drawer>` to either "right" or "left" to switch the side the drawer opens from.
+
+#####Credits:
+
+driftyco: https://github.com/driftyco (original build)
+
+vitalyrotari: https://github.com/vitalyrotari (bug fixes, improved performance, background fading 
+transition)
+
+brybott: https://github.com/brybott (right side functionality)
diff --git a/bower.json b/bower.json
old mode 100644
new mode 100755
diff --git a/custom.css b/custom.css
new file mode 100644
index 0000000..e9b5905
--- /dev/null
+++ b/custom.css
@@ -0,0 +1,27 @@
+drawer, drawer.left, drawer.right {
+  background-color: #222;
+  top: 44px;
+  width:20%;
+}
+.drawer-overlay {
+  top: 44px;
+}
+drawer h2 {
+  color: #fff;
+  margin-top: 40px !important;
+  margin-left: 15px;
+  font-weight: 200;
+}
+
+.item {
+  background: none;
+  color: #fff;
+}
+
+.item:first-child {
+  border-top: 0px;
+}
+
+.item:last-child {
+  border-bottom: 0px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
old mode 100644
new mode 100755
index 0382143..c68d9a3
--- a/index.html
+++ b/index.html
@@ -4,47 +4,18 @@
     <meta charset="utf-8">
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
     <title>Ionic Seed App</title>
-
-    <!-- ionic css -->
-    <!--<link href="http://code.ionicframework.com/1.0.0-beta.13/css/ionic.css" rel="stylesheet">-->
-    <link href="../ionic/dist/css/ionic.css" rel="stylesheet">
+    <link href="http://code.ionicframework.com/1.0.0-beta.14/css/ionic.css" rel="stylesheet">
     <link rel="stylesheet" href="ionic.contrib.drawer.css">
-
+    <link rel="stylesheet" href="custom.css">
     <!-- angularjs scripts -->
-    <script src="../ionic/dist/js/ionic.bundle.js"></script>
-
+    <script src="http://code.ionicframework.com/1.0.0-beta.14/js/ionic.bundle.js"></script>
     <script src="ionic.contrib.drawer.js"></script>
-    <style>
-      drawer {
-        background-color: #222;
-      }
-      drawer h2 {
-        color: #fff;
-        margin-top: 40px !important;
-        margin-left: 15px;
-        font-weight: 200;
-      }
-      .item {
-        background: none;
-        color: #fff;
-      }
-      .item:first-child {
-        border-top: 0px;
-      }
-      .item:last-child {
-        border-bottom: 0px;
-      }
-    </style>
-  </head>
 
-  <!-- 
-    'starter' is the name of this angular module (js/app.js)
-  -->
+  </head>
   <body ng-app="app">
     <drawer side="left">
       <ion-content>
         <h2>Menu</h2>
-        <button ng-click="closeDrawer()">Close</button>
         <ion-list>
           <ion-item>Friends</ion-item>
           <ion-item>Favorites</ion-item>
@@ -54,7 +25,10 @@ <h2>Menu</h2>
     </drawer>
     <ion-pane>
       <ion-content>
-        <button ng-click="openDrawer()">Open</button>
+        <ion-header-bar class="bar-positive text-right">
+          <button class="drawer-button" ng-show="!drawerIsOpen()" ng-click="openDrawer()" ng-class="{'drawer-open': drawerIsOpen()}">Open</button>
+          <button class="drawer-button" ng-show="drawerIsOpen()" ng-click="closeDrawer()" ng-class="{'drawer-open': drawerIsOpen()}">Close</button>
+        </ion-header-bar>
       </ion-content>
     </ion-pane>
     <script>
diff --git a/ionic.contrib.drawer.css b/ionic.contrib.drawer.css
old mode 100644
new mode 100755
index 37a450c..7f6f7e2
--- a/ionic.contrib.drawer.css
+++ b/ionic.contrib.drawer.css
@@ -1,15 +1,15 @@
 drawer {
   display: block;
   position: fixed;
-  width: 270px;
   height: 100%;
+  width: 90%;
   z-index: 100;
   background: #ffffff;
 }
 
-drawer.animate {
-  -webkit-transition: 0.4s all ease-in-out;
-  transition: 0.4s all ease-in-out;
+drawer.animate, .menu-animated {
+  -webkit-transition: -webkit-transform 0.4s ease-in-out;
+  transition: transform 0.4s ease-in-out;
 }
 
 drawer.left {
@@ -17,6 +17,7 @@ drawer.left {
   transform: translate3d(-100%, 0, 0);
   box-shadow: 1px 0px 10px rgba(0,0,0,0.3);
 }
+
 drawer.right {
   right: 0;
   top: 0;
@@ -24,3 +25,25 @@ drawer.right {
   transform: translate3d(100%, 0, 0);
   box-shadow: -1px 0px 10px rgba(0,0,0,0.3);
 }
+
+drawer.closed {
+  box-shadow: none;
+}
+
+.drawer-overlay {
+  background-color: rgba(0, 0, 0, 0.6);
+  opacity: 0;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 99;
+  -webkit-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+}
+
+.drawer-overlay.animate {
+  -webkit-transition: 0.4s opacity ease-in-out;
+  transition: 0.4s opacity ease-in-out;
+}
diff --git a/ionic.contrib.drawer.js b/ionic.contrib.drawer.js
old mode 100644
new mode 100755
index b2f5815..58a69ae
--- a/ionic.contrib.drawer.js
+++ b/ionic.contrib.drawer.js
@@ -1,189 +1,431 @@
-(function() {
-
-'use strict';
-
-/**
- * The ionic-contrib-frosted-glass is a fun frosted-glass effect
- * that can be used in iOS apps to give an iOS 7 frosted-glass effect
- * to any element.
- */
-angular.module('ionic.contrib.drawer', ['ionic'])
-
-.controller('drawerCtrl', ['$element', '$attrs', '$ionicGesture', '$document', function($element, $attr, $ionicGesture, $document) {
-  var el = $element[0];
-  var dragging = false;
-  var startX, lastX, offsetX, newX;
-  var side;
-
-  // How far to drag before triggering
-  var thresholdX = 15;
-  // How far from edge before triggering
-  var edgeX = 40;
-
-  var LEFT = 0;
-  var RIGHT = 1;
-
-  var isTargetDrag = false;
-
-  var width = $element[0].clientWidth;
-
-  var enableAnimation = function() {
-    $element.addClass('animate');
-  };
-  var disableAnimation = function() {
-    $element.removeClass('animate');
-  };
-
-  // Check if this is on target or not
-  var isTarget = function(el) {
-    while(el) {
-      if(el === $element[0]) {
-        return true;
-      }
-      el = el.parentNode;
-    }
-  };
-
-  var startDrag = function(e) {
-    disableAnimation();
-
-    dragging = true;
-    offsetX = lastX - startX;
-    console.log('Starting drag');
-    console.log('Offset:', offsetX);
-  };
-
-  var startTargetDrag = function(e) {
-    disableAnimation();
-
-    dragging = true;
-    isTargetDrag = true;
-    offsetX = lastX - startX;
-    console.log('Starting target drag');
-    console.log('Offset:', offsetX);
-  };
-
-  var doEndDrag = function(e) {
-    startX = null;
-    lastX = null;
-    offsetX = null;
-    isTargetDrag = false;
-
-    if(!dragging) {
-      return;
-    }
-
-    dragging = false;
-
-    console.log('End drag');
-    enableAnimation();
-
-    ionic.requestAnimationFrame(function() {
-      if(newX < (-width / 2)) {
-        el.style.transform = el.style.webkitTransform = 'translate3d(' + -width + 'px, 0, 0)';
-      } else {
-        el.style.transform = el.style.webkitTransform = 'translate3d(0px, 0, 0)';
-      }
-    });
-  };
-
-  var doDrag = function(e) {
-    if(e.defaultPrevented) {
-      return;
-    }
-
-    if(!lastX) {
-      startX = e.gesture.touches[0].pageX;
-    }
-
-    lastX = e.gesture.touches[0].pageX;
-
-    if(!dragging) {
-
-      // Dragged 15 pixels and finger is by edge
-      if(Math.abs(lastX - startX) > thresholdX) {
-        if(isTarget(e.target)) {
-          startTargetDrag(e);
-        } else if(startX < edgeX) {
-          startDrag(e);
-        } 
-      }
-    } else {
-      console.log(lastX, offsetX, lastX - offsetX);
-      newX = Math.min(0, (-width + (lastX - offsetX)));
-      ionic.requestAnimationFrame(function() {
-        el.style.transform = el.style.webkitTransform = 'translate3d(' + newX + 'px, 0, 0)';
-      });
-
-    }
-
-    if(dragging) {
-      e.gesture.srcEvent.preventDefault();
-    }
-  };
-
-  side = $attr.side == 'left' ? LEFT : RIGHT;
-  console.log(side);
-
-  $ionicGesture.on('drag', function(e) {
-    doDrag(e);
-  }, $document);
-  $ionicGesture.on('dragend', function(e) {
-    doEndDrag(e);
-  }, $document);
-
-
-  this.close = function() {
-    enableAnimation();
-    ionic.requestAnimationFrame(function() {
-      if(side === LEFT) {
-        el.style.transform = el.style.webkitTransform = 'translate3d(-100%, 0, 0)';
-      } else {
-        el.style.transform = el.style.webkitTransform = 'translate3d(100%, 0, 0)';
-      }
-    });
-  };
-
-  this.open = function() {
-    enableAnimation();
-    ionic.requestAnimationFrame(function() {
-      if(side === LEFT) {
-        el.style.transform = el.style.webkitTransform = 'translate3d(0%, 0, 0)';
-      } else {
-        el.style.transform = el.style.webkitTransform = 'translate3d(0%, 0, 0)';
-      }
-    });
-  };
-}])
-
-.directive('drawer', ['$rootScope', '$ionicGesture', function($rootScope, $ionicGesture) {
-  return {
-    restrict: 'E',
-    controller: 'drawerCtrl',
-    link: function($scope, $element, $attr, ctrl) {
-      $element.addClass($attr.side);
-      $scope.openDrawer = function() {
-        console.log('open');
-        ctrl.open();
-      };
-      $scope.closeDrawer = function() {
-        console.log('close');
-        ctrl.close();
-      };
-    }
-  }
-}]);
-
-.directive('drawerClose', ['$rootScope', function($rootScope) {
-  return {
-    restrict: 'A',
-    link: function($scope, $element) {
-      $element.bind('click', function() {
-        var drawerCtrl = $element.inheritedData('$drawerController');
-        drawerCtrl.close();
-      });
-    }
-  }
-}]);
-
+(function () {
+
+    'use strict';
+
+    /**
+     * The ionic-contrib-frosted-glass is a fun frosted-glass effect
+     * that can be used in iOS apps to give an iOS 7 frosted-glass effect
+     * to any element.
+     */
+    angular.module('ionic.contrib.drawer', ['ionic'])
+
+        .controller('drawerCtrl', [
+            '$element',
+            '$attrs',
+            '$ionicGesture',
+            '$ionicSideMenuDelegate',
+            '$document',
+            '$timeout',
+            '$ionicHistory',
+            '$ionicPlatform',
+            function ($element,
+                      $attr,
+                      $ionicGesture,
+                      $ionicSideMenuDelegate,
+                      $document,
+                      $timeout,
+                      $ionicHistory,
+                      $ionicPlatform) {
+                var el = $element[0];
+                var dragging = false;
+                var startX, lastX, offsetX, newX;
+
+                // How far to drag before triggering
+                var thresholdX = 2;
+                var edgeX = 60;
+
+                var SIDE_LEFT = 'left';
+                var SIDE_RIGHT = 'right';
+                var STATE_CLOSE = 'close';
+                var STATE_OPEN = 'open';
+
+                var isTargetDrag = false;
+
+                var side = $attr.side === SIDE_LEFT ? SIDE_LEFT : SIDE_RIGHT;
+                var width = el.clientWidth;
+                var docWidth = $document[0].body.clientWidth;
+
+                // Handle back button
+                var unregisterBackAction;
+
+                // Current State of Drawer
+                var drawerState = STATE_CLOSE;
+
+                // Drawer overlay
+                var $overlay = angular.element('<div class="drawer-overlay" />');
+                var overlayEl = $overlay[0];
+                var overlayState = STATE_CLOSE;
+
+                $element.parent().prepend(overlayEl);
+
+                var closeDrawer = function () {
+                    this.close();
+                    drawerState = STATE_CLOSE;
+                }.bind(this);
+
+                var backButtonPressedOnceToExit = false;
+
+                $ionicPlatform.registerBackButtonAction(function (e) {
+                    if (drawerState == 'open') {
+                        closeDrawer();
+                    } else {
+                        if (backButtonPressedOnceToExit) {
+                            ionic.Platform.exitApp();
+                        }
+
+                        else if ($ionicHistory.backView()) {
+                            $ionicHistory.goBack();
+                        }
+                        else {
+                            backButtonPressedOnceToExit = true;
+                            window.plugins.toast.showShortBottom("Vėl paspauskite atgal kad uždaryti aplikaciją");
+                            setTimeout(function () {
+                                backButtonPressedOnceToExit = false;
+                            }, 2000);
+                        }
+                    }
+                    e.preventDefault();
+                    return false;
+                }, 101);
+
+
+                var toggleOverlay = function (state) {
+                    if (overlayState !== state) {
+                        var timeToRemove = state === STATE_CLOSE ? 400 : 0;
+
+                        if (state === STATE_OPEN) {
+                            $element
+                                .removeClass('closed')
+                                .addClass('opened');
+                        }
+
+                        $timeout(function () {
+                            ionic.requestAnimationFrame(function () {
+                                var translateX = state === STATE_CLOSE ? '-100' : '0';
+                                overlayEl.style[ionic.CSS.TRANSFORM] = 'translate3d(' + translateX + '%, 0, 0)';
+                                if (state === STATE_CLOSE) {
+                                    $element
+                                        .removeClass('opened')
+                                        .addClass('closed');
+                                }
+                            });
+                        }, timeToRemove);
+                        overlayState = state;
+                    }
+                };
+
+                var enableAnimation = function () {
+                    $element.addClass('animate');
+                    $overlay.addClass('animate');
+                };
+
+                var disableAnimation = function () {
+                    $element.removeClass('animate');
+                    $overlay.removeClass('animate');
+                };
+
+                var isTarget = function (targetEl) {
+                    while (targetEl) {
+                        if (targetEl === el) {
+                            return true;
+                        }
+                        targetEl = targetEl.parentNode;
+                    }
+                };
+
+                var isOpen = function () {
+                    return drawerState === STATE_OPEN;
+                };
+
+                var startDrag = function (e) {
+                    if (!$ionicSideMenuDelegate.canDragContent()) {
+                        return;
+                    }
+
+                    disableAnimation();
+                    toggleOverlay(STATE_OPEN);
+
+                    dragging = true;
+                    offsetX = lastX - startX;
+                };
+
+                var startTargetDrag = function (e) {
+                    if (!$ionicSideMenuDelegate.canDragContent()) {
+                        return;
+                    }
+
+                    disableAnimation();
+                    toggleOverlay(STATE_OPEN);
+
+                    dragging = true;
+                    isTargetDrag = true;
+                    offsetX = lastX - startX;
+                };
+
+                var doEndDrag = function (e) {
+                    if (!$ionicSideMenuDelegate.canDragContent()) {
+                        return;
+                    }
+
+                    startX = lastX = offsetX = null;
+                    isTargetDrag = false;
+
+                    if (!dragging) {
+                        return;
+                    }
+
+                    dragging = false;
+
+                    enableAnimation();
+
+                    var translateX = 0;
+                    var opacity = 0;
+
+                    if (side === SIDE_RIGHT) {
+                        if (newX > width / 2) {
+                            translateX = width;
+                            drawerState = STATE_CLOSE;
+                        } else {
+                            opacity = 1;
+                            drawerState = STATE_OPEN;
+                        }
+                    } else if (side === SIDE_LEFT) {
+                        if (newX < (-width / 2)) {
+                            translateX = -width;
+                            drawerState = STATE_CLOSE;
+                        } else {
+                            opacity = 1;
+                            drawerState = STATE_OPEN;
+                        }
+                    }
+
+                    toggleOverlay(drawerState);
+                    ionic.requestAnimationFrame(function () {
+                        overlayEl.style.opacity = opacity;
+                        el.style[ionic.CSS.TRANSFORM] = 'translate3d(' + translateX + 'px, 0, 0)';
+                        $element
+                            .removeClass('opened closed')
+                            .addClass(drawerState === STATE_OPEN ? 'opened' : 'closed');
+                    });
+                };
+
+                var doDrag = function (e) {
+                    if (e.defaultPrevented || !$ionicSideMenuDelegate.canDragContent()) {
+                        return;
+                    }
+
+                    var finger = e.gesture.touches[0];
+                    var dir = e.gesture.direction;
+
+                    if (!lastX) {
+                        startX = finger.pageX;
+                    }
+
+                    lastX = finger.pageX;
+
+                    if (dir === 'down' || dir === 'up') {
+                        return;
+                    }
+
+                    if (!dragging) {
+                        //here at just the beginning of drag
+                        // Dragged 15 pixels and finger is by edge
+                        if (Math.abs(lastX - startX) > thresholdX) {
+                            if (side === SIDE_LEFT) {
+                                if (isOpen()) {
+                                    if (dir === SIDE_RIGHT) {
+                                        return;
+                                    }
+                                } else {
+                                    if (dir === SIDE_LEFT) {
+                                        return;
+                                    }
+                                }
+                            } else if (side === SIDE_RIGHT) {
+                                if (isOpen()) {
+                                    if (dir === SIDE_LEFT) {
+                                        return;
+                                    }
+                                } else {
+                                    if (dir === SIDE_RIGHT) {
+                                        return;
+                                    }
+                                }
+                            }
+
+                            if (isTarget(e.target)) {
+                                startTargetDrag(e);
+                            } else if ((startX < edgeX && side === SIDE_LEFT) || (startX > docWidth - edgeX && side === SIDE_RIGHT)) {
+                                startDrag(e);
+                            }
+                        }
+                    } else {
+                        //here when we are dragging
+                        e.gesture.srcEvent.stopImmediatePropagation();
+
+                        // if fast gesture
+                        if (e.gesture.deltaTime < 200) {
+                            if (side === SIDE_LEFT) {
+                                if (isOpen()) {
+                                    if (dir === SIDE_LEFT) {
+                                        return newX = -width;
+                                    }
+                                } else {
+                                    if (dir === SIDE_RIGHT) {
+                                        return newX = 0;
+                                    }
+                                }
+                            } else if (side === SIDE_RIGHT) {
+                                if (isOpen()) {
+                                    if (dir === SIDE_RIGHT) {
+                                        return newX = width;
+                                    }
+                                } else {
+                                    if (dir === SIDE_LEFT) {
+                                        return newX = 0;
+                                    }
+                                }
+                            }
+                        }
+
+                        var opacity;
+                        if (side === SIDE_LEFT) {
+                            newX = Math.min(0, (-width + (lastX - offsetX)));
+                            opacity = 1 + parseFloat(newX / width).toFixed(2);
+                        } else if (side === SIDE_RIGHT) {
+                            newX = Math.max(0, (width - (docWidth - lastX + offsetX)));
+                            opacity = 1 - parseFloat(newX / width).toFixed(2);
+                        }
+
+
+                        if (opacity < 0) {
+                            opacity = 0;
+                            return;
+                        }
+
+                        ionic.requestAnimationFrame(function () {
+                            overlayEl.style.opacity = opacity;
+                            el.style[ionic.CSS.TRANSFORM] = 'translate3d(' + newX + 'px, 0, 0)';
+                            $element
+                                .removeClass('closed')
+                                .addClass('opened');
+                        });
+                    }
+
+                    if (dragging) {
+                        e.gesture.srcEvent.preventDefault();
+                    }
+                };
+
+                var hardwareBackCallback = function () {
+                    this.close();
+                }.bind(this);
+
+                this.close = function () {
+                    drawerState = STATE_CLOSE;
+                    enableAnimation();
+                    toggleOverlay(STATE_CLOSE);
+
+                    ionic.requestAnimationFrame(function () {
+                        overlayEl.style.opacity = 0;
+                        el.style[ionic.CSS.TRANSFORM] = 'translate3d(' + (side === SIDE_LEFT ? '-' : '') + '100%, 0, 0)';
+                    });
+
+                    if (unregisterBackAction) {
+                        unregisterBackAction();
+                    }
+                };
+
+                this.open = function () {
+                    drawerState = STATE_OPEN;
+                    enableAnimation();
+                    toggleOverlay(STATE_OPEN);
+
+                    ionic.requestAnimationFrame(function () {
+                        overlayEl.style.opacity = 1;
+                        el.style[ionic.CSS.TRANSFORM] = 'translate3d(0, 0, 0)';
+                    });
+
+                    unregisterBackAction = $ionicPlatform.registerBackButtonAction(hardwareBackCallback, 100);
+                };
+
+                this.isOpen = isOpen;
+
+                $ionicGesture.on('drag', doDrag, $document);
+                $ionicGesture.on('dragend', doEndDrag, $document);
+                $overlay.on('click', this.close);
+            }
+        ])
+
+        .directive('drawer', ['$rootScope', '$ionicGesture', function ($rootScope, $ionicGesture) {
+            return {
+                restrict: 'E',
+                controller: 'drawerCtrl',
+                link: function ($scope, $element, $attr, ctrl) {
+                    $element.addClass($attr.side + ' closed');
+
+                    $scope.openDrawer = function () {
+                        ctrl.open();
+                    };
+
+                    $scope.closeDrawer = function () {
+                        ctrl.close();
+                    };
+
+                    $scope.toggleDrawer = function () {
+                        if (ctrl.isOpen()) {
+                            ctrl.close();
+                        } else {
+                            ctrl.open();
+                        }
+                    };
+                  
+                  $scope.drawerIsOpen = ctrl.isOpen;
+                }
+            }
+        }])
+        .directive('drawerClose', ['$ionicHistory', '$timeout', function ($ionicHistory, $timeout) {
+            return {
+                restrict: 'A',
+                link: function ($scope, $element, $attr, ctrl) {
+                    $element.bind('click', function () {
+
+                        var historyOptions = {};
+
+                        if ($attr.uiSref == 'app.main') {
+                            historyOptions = {
+                                disableAnimate: true,
+                                disableBack: true
+                            };
+                        } else {
+                            historyOptions = {
+                                disableAnimate: true
+                            };
+                        }
+
+                        $ionicHistory.nextViewOptions(historyOptions);
+
+                        if (($attr.goNative !== undefined) && window.plugins && window.plugins.nativepagetransitions) {
+                            $timeout(function () {
+                                $scope.closeDrawer();
+                            }, window.plugins.nativepagetransitions.globalOptions.duration);
+                        } else {
+                            $timeout(function () {
+                                $scope.closeDrawer();
+                            }, 500);
+                        }
+                    });
+                }
+            }
+        }])
+        .directive('drawerToggle', [function () {
+            return {
+                restrict: 'A',
+                link: function ($scope, $element, $attr, ctrl) {
+                    $element.bind('click', function () {
+                        $scope.toggleDrawer();
+                    });
+                }
+            }
+        }]);
 })();
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..b91a6ff
--- /dev/null
+++ b/package.json
@@ -0,0 +1,8 @@
+{
+  "name": "ionic-ion-drawer",
+  "version": "0.0.1",
+  "devDependencies": {
+    "grunt": "^0.4.5",
+    "grunt-contrib-connect": "^1.0.1"
+  }
+}