reinstore scope for adding graph edges

2 files changed, 13 insertions, 4 deletions

diff --git a/app/index.html b/app/index.html
index e7a7ea8..86f9db3 100644
--- a/app/index.html
+++ b/app/index.html
@@ -46,7 +46,7 @@
         </div>
         <div id="column-middle">
         <div class="world" style="width: 100%; height: 500px;">
-            <div data-pg-line="line" class="line" resize></div>
+            <div data-pg-line data-line="line" data-points="points" class="line" resize></div>
 
             <div data-ng-repeat="point in points" data-pg-draggable="point" class="point" style="top: {{point.y}}px; left: {{point.x}}px;" data-ng-class="{selected: point.selected==true}"><div></div></div>
         </div>
diff --git a/app/js/directives.js b/app/js/directives.js
index 3004ebd..57186f3 100644
--- a/app/js/directives.js
+++ b/app/js/directives.js
@@ -4,6 +4,10 @@ app.directive('pgLine', function () {
     return {
       restrict: 'A',
       replace: 'false',
+      scope: {
+      	line: '=',
+      	points: '@'
+      },
       template: '<canvas width=100%; height: 100%></canvas>',
       link: function (scope, elems, attrs) {
       	var canvas = elems[0];
@@ -11,7 +15,7 @@ app.directive('pgLine', function () {
       	
       	mainTool.activate();
 
-      	scope.line = scope.$eval(attrs.pgLine);
+      	//scope.line = scope.$eval(attrs.pgLine);
 
       	paper.setup(canvas);
 
@@ -61,15 +65,20 @@ app.directive('pgLine', function () {
       		scope.$apply();
       	}
 
-/*
+
+
+
         scope.$watchCollection('points', function(newVal) {
         	console.log("update");
          	if (newVal) {
+         		
+
+
          		paper.project.clear();
             	drawPoints(scope.points);
           	}
         }, true);
-*/
+
 
       }
     }