#326 update to master

src/app/security-group/services/security-group.service.ts

@@ -22,6 +22,7 @@ export const GROUP_POSTFIX = '-cs-sg';
 export class SecurityGroupService extends BaseBackendCachedService<SecurityGroup> {
   public onSecurityGroupCreated = new Subject<SecurityGroup>();
   public onSecurityGroupDeleted = new Subject<SecurityGroup>();
+  public onSecurityGroupUpdate = new Subject<SecurityGroup>();
 
   constructor(
     private configService: ConfigService,

src/app/security-group/sg-actions/sg-edit.ts

@@ -16,7 +16,10 @@ export class SecurityGroupEditAction extends SecurityGroupAction {
       width: '880px',
       data: { securityGroup }
     })
-      .afterClosed();
+      .afterClosed()
+      .map(updatedGroup => {
+        return this.securityGroupService.onSecurityGroupUpdate.next(updatedGroup);
+      });
   }
 
   public hidden(securityGroup: SecurityGroup): boolean {

src/app/security-group/sg-actions/sg-view.ts

@@ -16,7 +16,10 @@ export class SecurityGroupViewAction extends SecurityGroupAction {
       width: '880px',
       data: { securityGroup }
     })
-      .afterClosed();
+      .afterClosed()
+      .map(updatedGroup => {
+        return this.securityGroupService.onSecurityGroupUpdate.next(updatedGroup);
+      });
   }
 
   public hidden(securityGroup: SecurityGroup): boolean {

src/app/security-group/sg-rules/sg-rules.component.html

@@ -170,6 +170,6 @@ <h3 class="mat-dialog-title">
     mdl-button
     mdl-ripple
     mdl-colored="primary"
-    (click)="dialogRef.close()"
+    (click)="onClose()"
   >{{ 'COMMON.CLOSE' | translate }}</button>
 </div>

src/app/security-group/sg-rules/sg-rules.component.ts

@@ -135,6 +135,10 @@ export class SgRulesComponent {
       });
   }
 
+  public onClose(): void {
+    this.dialogRef.close(this.securityGroup);
+  }
+
   private resetForm(): void {
     // reset controls' state. instead of just setting ngModel bound variables to empty string
     // we reset controls to reset the validity state of inputs

src/app/security-group/sg-template-creation/sg-template-creation-dialog.component.ts

@@ -66,7 +66,6 @@ export class SgTemplateCreationDialogComponent implements OnInit {
       interpolateParams: { name: securityGroup.name }
     });
     this.showRulesDialog(securityGroup);
-
   }
 
   private onCancel(): void {

src/app/security-group/sg-template-list/sg-template-list.component.ts

@@ -1,10 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ListService } from '../../shared/components/list/list.service';
+import { LocalStorageService } from '../../shared/services/local-storage.service';
 import { SecurityGroupService } from '../services/security-group.service';
 import { SecurityGroupViewMode } from '../sg-filter/sg-filter.component';
 import { SecurityGroup, SecurityGroupType } from '../sg.model';
-import { LocalStorageService } from '../../shared/services/local-storage.service';
 
 
 @Component({
@@ -27,7 +27,17 @@ export class SgTemplateListComponent implements OnInit {
     private router: Router,
     private activatedRoute: ActivatedRoute,
     private storageService: LocalStorageService
-  ) {}
+  ) {
+    this.securityGroupService.onSecurityGroupUpdate.subscribe(updatedGroup => {
+      this.customSecurityGroupList = this.customSecurityGroupList.map(group => {
+        if (group.id === updatedGroup.id) {
+          return updatedGroup;
+        } else {
+          return group;
+        }
+      });
+    });
+  }
 
   public ngOnInit(): void {
     this.viewMode =