fix: profile editor save button not work sometimes

Signed-off-by: Huaqiao Zhang <[email protected]>

Author: Huaqiao Zhang

web/src/app/device-service/profile/edit-profile/edit-profile.component.html

@@ -4,8 +4,8 @@
             <span class="text-danger fa fa-edit mr-2"></span>{{profileName}}
         </span>
         <span class="float-right">
-            <button class="btn btn-primary btn-sm">
-                <span><i class="fa fa-save mr-1" (click)="update()"></i>Save</span> 
+            <button class="btn btn-primary btn-sm" (click)="update()">
+                <span><i class="fa fa-save mr-1"></i>Save</span> 
             </button>
         </span>
     </div>

web/src/app/device-service/profile/edit-profile/edit-profile.component.ts

@@ -3,14 +3,13 @@ import { ActivatedRoute,Router } from '@angular/router';
 
 import { MetadataService } from '../../../services/metadata.service';
 import { MessageService } from '../../../message/message.service';
-import { DeviceProfileResponse } from '../../../contracts/v2/responses/device-profile-response';
 
 @Component({
   selector: 'app-edit-profile',
   templateUrl: './edit-profile.component.html',
   styleUrls: ['./edit-profile.component.css']
 })
-export class EditProfileComponent implements OnInit,OnDestroy {
+export class EditProfileComponent implements OnInit, OnDestroy {
 
   profileYamlSource?: any;
   codeMirrorEditor: any;
@@ -29,16 +28,14 @@ export class EditProfileComponent implements OnInit,OnDestroy {
         this.metaSvc.findProfileYamlByNameViaUIBackend(params['profileName']).subscribe((data: any) => {
           // this.profileYamlSource = data;
           this.codeMirrorEditor.setValue(data);
+          this.codeMirrorEditor.refresh();
         });
       }
     });
   }
 
   update() {
-    // this.profileYamlSource = this.codeMirrorEditor.getValue();
-    let d = $("#editor").val()
-    // console.log(d)
-    // return
+    this.codeMirrorEditor.refresh();
     this.metaSvc.updateProfileYamlContentViaUIBackend(this.codeMirrorEditor.getValue()).subscribe(data => {
       this.msgSvc.success('Update profile', `name: ${this.profileName}`);
       this.router.navigate(['../device-profile-list'], { relativeTo: this.route });