Merge pull request #6 from chialin/edit

add edit folder content
g0v · Jul 16, 2015 · daf634f · daf634f
2 parents c8245b7 + 338bac7
commit daf634f
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 5 deletions.
diff --git a/app/dialog-instance-controller.js b/app/dialog-instance-controller.js
@@ -1,8 +1,8 @@
 'use strict';
 
-module.exports = function($scope, $modalInstance) {
-  $scope.title = '';
-  $scope.url = '';
+module.exports = function($scope, $modalInstance, data) {
+  $scope.title = data.title || '';
+  $scope.url = data.url || '';
 
   $scope.ok = function () {
     $modalInstance.close({title: $scope.title, url: $scope.url});

diff --git a/app/index.html b/app/index.html
@@ -31,6 +31,9 @@ <h1>{{title}}</h1>
         <a class="pull-right btn btn-danger btn-xs" data-nodrag ng-click="removeItem(this)">
           <span class="glyphicon glyphicon-remove"></span>
         </a>
+        <a class="pull-right btn btn-info btn-xs" data-nodrag ng-click="edit(this)">
+          <span class="glyphicon glyphicon-edit"></span>
+        </a>
         <a class="pull-right btn btn-primary btn-xs" data-nodrag ng-if="item.first" ng-click="open($index)" style="margin-right: 8px;">
           <span class="glyphicon glyphicon-plus"></span>
         </a>

diff --git a/app/main-controller.js b/app/main-controller.js
@@ -80,7 +80,12 @@ module.exports = function($http, $scope, $modal) {
     var modalInstance = $modal.open({
       animation: true,
       templateUrl: 'dialogContent.html',
-      controller: 'DialogInstanceController'
+      controller: 'DialogInstanceController',
+      resolve: {
+        data: function () {
+          return {title: '', url: ''};
+        }
+      }
     });
 
     modalInstance.result.then(function (data) {
@@ -101,7 +106,25 @@ module.exports = function($http, $scope, $modal) {
         var nodeData = $scope.list[pos];
         nodeData.items.push(current);
       }
-      $scope.$broadcast('success', 'Add a new folder. Please press "Save" button to save change!');
+    });
+  };
+
+  $scope.edit = function(scope) {
+    var editContent = scope.$modelValue;
+    var modalInstance = $modal.open({
+      animation: true,
+      templateUrl: 'dialogContent.html',
+      controller: 'DialogInstanceController',
+      resolve: {
+        data: function () {
+          return {title: editContent.title, url: editContent.url};
+        }
+      }
+    });
+
+    modalInstance.result.then(function (data) {
+      scope.$modelValue.title = data.title || 'New folder';
+      scope.$modelValue.url = data.url || '';
     });
   };
 };