fixes for read only mode when following a user (#659)

src/app/components/console/console.component.html

@@ -29,7 +29,7 @@
           [vmId]="vmId"
           (readOnlyChanged)="onReadOnlyChanged($event)"
         ></app-options-bar>
-        <app-wmks [readOnly]="readOnly$ | async" [vmId]="vmId"></app-wmks>
+        <app-wmks [readOnly]="readOnlyInternal" [vmId]="vmId"></app-wmks>
       }
     }
   }

src/app/components/console/console.component.ts

@@ -26,9 +26,9 @@ import { OptionsBar2Component } from '../options-bar2/options-bar2.component';
   ],
 })
 export class ConsoleComponent {
-  @Input() readOnly = false;
+  @Input({ required: true }) readOnly;
 
-  @Input() set vmId(value: string) {
+  @Input({ required: true }) set vmId(value: string) {
     this._vmId = value;
     this.vsphereVm$ = this.vsphereQuery.selectEntity(value);
     this.virtualMachine$ = this.vmService.get(value);
@@ -47,17 +47,18 @@ export class ConsoleComponent {
   vsphereVm$: Observable<VsphereVirtualMachine>;
   virtualMachine$: Observable<Vm>;
 
-  readOnlyInternal = false;
-  readOnlySubject = new BehaviorSubject(this.readOnly);
-  readOnly$ = this.readOnlySubject.asObservable();
+  readOnlyManual = false;
+
+  get readOnlyInternal() {
+    return this.readOnlyManual || this.readOnly;
+  }
 
   constructor(
     private vsphereQuery: VsphereQuery,
     private vmService: VmService,
   ) {}
 
   onReadOnlyChanged(event: boolean) {
-    this.readOnlyInternal = event;
-    this.readOnlySubject.next(this.readOnlyInternal || this.readOnly);
+    this.readOnlyManual = event;
   }
 }

src/app/components/proxmox/proxmox-console/proxmox-console.component.html

@@ -7,6 +7,7 @@
   <app-novnc
     [url]="proxmoxConsole.value?.url"
     [ticket]="proxmoxConsole.value?.ticket"
+    [readOnly]="readOnly"
     (reconnect)="getConsole($event)"
   ></app-novnc>
 }