Fix physics toggle

Author: nictru

src/app/components/browse-views/network/network.component.html

@@ -22,7 +22,7 @@ <h3>Shapes</h3>
       </tr>
     </table>
   </app-info>
-  <mat-slide-toggle [(ngModel)]="physicsEnabled$">Physics</mat-slide-toggle>
+  <mat-slide-toggle [checked]="physicsEnabled$()" (change)="togglePhysics()">Physics</mat-slide-toggle>
   <button (click)="resetCamera()" mat-button>
     <mat-icon>home</mat-icon>
     Reset camera
@@ -35,4 +35,4 @@ <h3>Shapes</h3>
     'Select'}} all visible nodes</button>
   <button (click)="setAllEdgesState(!allEdgesSelected$())" mat-stroked-button>{{allEdgesSelected$() ? 'Deselect' :
     'Select'}} all visible edges</button>
-</div>
+</div>

src/app/components/browse-views/network/network.component.ts

@@ -26,7 +26,7 @@ import { MatTooltip } from '@angular/material/tooltip';
 import { NodeCircleProgram } from 'sigma/rendering';
 import { NodeSquareProgram } from '@sigma/node-square';
 import { InfoComponent } from '../../info/info.component';
-import { MatSlideToggle } from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { FormsModule } from '@angular/forms';
 import { MatIconModule } from '@angular/material/icon';
 import { capitalize } from 'lodash';
@@ -78,7 +78,7 @@ const MIN_DRAG_TIME = 200;
     MatAnchor,
     MatTooltip,
     InfoComponent,
-    MatSlideToggle,
+    MatSlideToggleModule,
     FormsModule,
     MatButtonModule,
     MatIconModule,
@@ -293,4 +293,8 @@ export class NetworkComponent implements AfterViewInit, OnDestroy {
   setAllEdgesState(state: boolean) {
     this.browseService().setAllEdgesState(state);
   }
+
+  togglePhysics() {
+    this.browseService().physicsEnabled$.update((enabled) => !enabled);
+  }
 }