Add web-ui based on previous code

1 files changed, 21 insertions, 0 deletions

diff --git a/web-ui/app/js/foundation/off_canvas.js b/web-ui/app/js/foundation/off_canvas.js
new file mode 100644
index 00000000..7dfd6f34
--- /dev/null
+++ b/web-ui/app/js/foundation/off_canvas.js
@@ -0,0 +1,21 @@
+define(['flight/lib/component', 'page/events'], function (defineComponent, events) {
+
+  return defineComponent(function() {
+
+    this.toggleSlider = function (){
+      $('.off-canvas-wrap').foundation('offcanvas', 'toggle', 'move-right');
+    };
+
+    this.closeSlider = function (){
+      if ($('.off-canvas-wrap').attr('class').indexOf('move-right') > -1) {
+        $('.off-canvas-wrap').foundation('offcanvas', 'toggle', 'move-right');
+      }
+    };
+
+    this.after('initialize', function () {
+      this.on($('.left-off-canvas-toggle'), 'click', this.toggleSlider);
+      this.on($('#middle-pane-container'), 'click', this.closeSlider);
+      this.on($('#right-pane'), 'click', this.closeSlider);
+    });
+  });
+});