fix(admin): application form item color

* Application form item used to have yellow color also after refresh. This bug has been fixed.

Author: HejdaJakub

apps/admin-gui/src/app/vos/components/application-form-list/application-form-list.component.ts

@@ -41,6 +41,9 @@ export class ApplicationFormListComponent implements OnInit, OnChanges {
   @Input()
   displayedColumns: string[] = ['drag', 'shortname', 'type', 'disabled', 'hidden', 'preview', 'managegroups', 'edit', 'delete'];
 
+  @Input()
+  refreshApplicationForm;
+
   @Output()
   applicationFormItemsChange = new EventEmitter<ApplicationFormItem[]>();
 
@@ -78,6 +81,9 @@ export class ApplicationFormListComponent implements OnInit, OnChanges {
 
   ngOnChanges() {
     this.dataSource = this.applicationFormItems;
+    if (this.refreshApplicationForm) {
+      this.itemsChanged = [];
+    }
 
   }
 

apps/admin-gui/src/app/vos/pages/group-detail-page/group-settings/group-settings-application-form/group-settings-application-form.component.html

@@ -115,6 +115,7 @@ <h1 class="page-subtitle">
     [applicationFormItems]="applicationFormItems"
     [theme]="'group-theme'"
     [displayedColumns]="editAuth ? ['drag', 'shortname', 'type', 'disabled', 'hidden', 'preview', 'managegroups', 'edit', 'delete'] : ['shortname', 'type', 'disabled', 'hidden', 'preview', 'managegroups']"
+    [refreshApplicationForm]="refreshApplicationForm"
     (applicationFormItemsChange)="changeItems()">
   </app-application-form-list>
 </div>

apps/admin-gui/src/app/vos/pages/group-detail-page/group-settings/group-settings-application-form/group-settings-application-form.component.ts

@@ -63,6 +63,7 @@ export class GroupSettingsApplicationFormComponent implements OnInit {
   voHasEmbeddedGroupApplication = false;
   autoRegistrationEnabled: boolean;
   changeAutoRegistration: boolean;
+  refreshApplicationForm = false;
 
   // This counter is used to generate ids for newly added items. This fake ids are used in backend
   // to recognize new items in other items' dependencies
@@ -173,9 +174,11 @@ export class GroupSettingsApplicationFormComponent implements OnInit {
 
   updateFormItems() {
     this.loading = true;
+    this.refreshApplicationForm = true;
     this.registrarManager.getFormItemsForGroup(this.group.id).subscribe(formItems => {
       this.applicationFormItems = formItems;
       this.itemsChanged = false;
+      this.refreshApplicationForm = false;
       this.loading = false;
     });
   }

apps/admin-gui/src/app/vos/pages/vo-detail-page/vo-settings/vo-settings-application-form/vo-settings-application-form.component.html

@@ -99,6 +99,7 @@ <h1 class="page-subtitle">
     [applicationFormItems]="applicationFormItems"
     [theme]="'vo-theme'"
     [displayedColumns]="displayedColumns"
+    [refreshApplicationForm]="refreshApplicationForm"
     (applicationFormItemsChange)="changeItems()">
   </app-application-form-list>
 </div>

apps/admin-gui/src/app/vos/pages/vo-detail-page/vo-settings/vo-settings-application-form/vo-settings-application-form.component.ts

@@ -54,6 +54,7 @@ export class VoSettingsApplicationFormComponent implements OnInit {
 
   editAuth: boolean;
   displayedColumns: string[] = [];
+  refreshApplicationForm = false;
 
   // This counter is used to generate ids for newly added items. This fake ids are used in backend
   // to recognize new items in other items' dependencies
@@ -149,10 +150,12 @@ export class VoSettingsApplicationFormComponent implements OnInit {
 
   updateFormItems() {
     this.loading = true;
+    this.refreshApplicationForm = true;
     this.registrarManager.getFormItemsForVo(this.vo.id).subscribe( formItems => {
       this.applicationFormItems = formItems;
       this.itemsChanged = false;
       this.setAuthRights();
+      this.refreshApplicationForm = false;
       this.loading = false;
     });
   }