1 files changed, 20 insertions, 0 deletions

diff --git a/js/panels/binding/binding-item.reel/binding-item.js b/js/panels/binding/binding-item.reel/binding-item.js
index bda62ef3..0fc06ea8 100644
--- a/js/panels/binding/binding-item.reel/binding-item.js
+++ b/js/panels/binding/binding-item.reel/binding-item.js
@@ -74,6 +74,16 @@ exports.BindingItem = Montage.create(Component, {
         }
     },
 
+    /* -------------- Events -------------- */
+
+    handleDirectionToggleButtonAction : {
+        value: function(e) {
+            this.oneway = !this.oneway;
+        }
+    },
+
+    /* -------------- Component Draw Cycle -------------- */
+
     templateDidLoad : {
         value: function() {
             console.log("loaded binding item");
@@ -84,5 +94,15 @@ exports.BindingItem = Montage.create(Component, {
         value: function() {
             console.log("preparing to draw binding item");
         }
+    },
+
+    draw : {
+        value: function() {
+            if(this.oneway) {
+                this.directionToggleButton.element.classList.remove('two-way');
+            } else {
+                this.directionToggleButton.element.classList.add('two-way');
+            }
+        }
     }
 });
\ No newline at end of file