delete subgroup

group/views.py

@@ -419,20 +419,34 @@ def get(self, request, group_parent_id, format=None):
 
     def post(self, request, group_parent_id, format=None):
         parent_group = self.get_group(group_parent_id)
-        print parent_group
         try:
             sub_group = Group.objects.create(
                 name=request.data.get('name'), type=1, description="Subgroup of"+parent_group.name,
                 short_description="Subgroup of"+parent_group.name, activities="somthing",
                 parent=parent_group
             ).save()
-            print sub_group
             return Response(sub_group)
         except  Exception as inst:
             print type(inst)     # the exception instance
             print inst           # __str__ allows args to be printed directly
             raise Http404
 
+    def put(self, request, group_parent_id, format=None):
+        parent_group = self.get_group(group_parent_id)
+        print request.data.get('group_id')
+        try:
+            sub_group = Group.objects.get(id=request.data.get('group_id'))
+            print sub_group
+            print sub_group.parent
+            print parent_group
+            if sub_group.parent == parent_group:
+                sub_group.delete()
+            return Response(status=status.HTTP_204_NO_CONTENT)
+        except  Exception as inst:
+            print type(inst)     # the exception instance
+            print inst           # __str__ allows args to be printed directly
+            raise Http404
+
 
 class GroupPostPegination(APIView):
 

ui/static/app/group.js

@@ -78,7 +78,6 @@ app.controller('GroupFeedController', function($scope, $stateParams, $http, $loc
   }
 
   $http.get('/api/group/'+ $stateParams.id + '/subgroup').success(function(data){
-    console.log(data);
     $scope.subgroups = data;
   });
 
@@ -150,7 +149,7 @@ app.controller('GroupInfoController', function($scope, $http, $location){
 
 });
 
-app.controller('GroupManageController', function($scope, $http, $location){
+app.controller('GroupManageController', function($scope, $http, $location, $stateParams){
     var groupID = $location.path().split('/')[2];
     function fetchMember(){
         $http.get('/api/group/'+groupID+'/member/accepted').then(function(data){
@@ -176,11 +175,23 @@ app.controller('GroupManageController', function($scope, $http, $location){
     $scope.acceptMember = acceptMember;
     $scope.denyMember = denyMember;
 
+    $scope.deleteSubgroup = function (id){
+      data = {
+        group_id : id
+      };
+      $http.put('/api/group/'+ $stateParams.id + '/subgroup',data).success(function(data){
+      });
+
+    };
 
     $http.get('/api/group/'+groupID).then(function(data){
         $scope.group = data.data;
     });
 
+    $http.get('/api/group/'+ $stateParams.id + '/subgroup').success(function(data){
+      $scope.subgroups = data;
+    });
+
     $scope.editInfo = function(){
         $http.put('/api/group/'+groupID+'/edit/',$scope.group).success(function(data){
         });

ui/static/templates/groupmanage.html

@@ -42,10 +42,10 @@
 					</tr>
 				</thead>
 				<tbody>
-					<tr ng-repeat="subgroup in [1,2,3]">
-						<td>Name</td>
+					<tr ng-repeat="subgroup in subgroups">
+						<td>{{subgroup.name}}</td>
 						<td>
-							<button class="btn btn-sm btn-danger">Remove</button>
+							<button ng-click="deleteSubgroup(subgroup.id)" class="btn btn-sm btn-danger">Remove</button>
 						</td>
 					</tr>
 					<tr>
@@ -145,4 +145,4 @@ <h4>Directory</h4>
 		</form>
 
 	</tab>
-</tabset>
+</tabset>