update with new camera

app/angular/src/app/app.component.html

@@ -10,8 +10,7 @@
     <app-camera-native class="app-container-inline" [pointcloud]="pointcloud"></app-camera-native>
     <app-segmentation 
         *ngIf="filename"
-        [pointcloud]="pointcloud" 
-        [filename]="filename" 
+        [pointcloud]="pointcloud"
         (segments)="onSegments($event)"
     ></app-segmentation>
 </div>

app/angular/src/app/app.component.ts

@@ -3,7 +3,6 @@ import { FileUploader } from 'ng2-file-upload/ng2-file-upload';
 
 import { AppService } from './app.service';
 import { baseUrl } from './settings';
-import { PointsSettings, VoxelPointsViews } from './model/points-settings';
 
 @Component({
   selector: 'app-root',
@@ -24,8 +23,7 @@ export class AppComponent {
   filename: string;
 
   pointcloud: Array<Array<number>>;
-  segs: Array<PointsSettings> = [];
-  cameraSettings: VoxelPointsViews;
+  segs: Array<number[][]> = [];
 
   @HostBinding('class.container') cont: boolean = true;
 
@@ -59,11 +57,6 @@ export class AppComponent {
       this.$appService.getPoints(this.filename).subscribe(
         data => {
           this.pointcloud = data.json();
-          this.$appService.getCameraSettings(this.pointcloud, this.filename, 32).subscribe(
-            data => {
-              this.cameraSettings = data;
-            }
-          )
         }
       )
     });
@@ -76,8 +69,12 @@ export class AppComponent {
     }
   }
 
-  onSegments(event: PointsSettings[]) {
-    this.segs = Array.from(event);
+  onSegments(event: JSON) {
+    let segs = []
+    for (let key in event) {
+      segs.push(event[key]);
+    }
+    this.segs = segs;
   }
 
 }

app/angular/src/app/app.service.ts

@@ -5,7 +5,6 @@ import { Observable } from "rxjs/Observable";
 import { map } from 'rxjs/operators';
 
 import { baseUrl } from "./settings";
-import { VoxelPointsViews } from "./model/points-settings";
 import { Algorithm, DBSCAN, MeanShift } from "./model/cluster-algorithm";
 import { Subject, BehaviorSubject } from "rxjs";
 
@@ -34,18 +33,6 @@ export class AppService {
         return this._http.get(`${baseUrl}/plot/points/${filename}`);
     }
 
-    getCameraSettings(pointcloud: Array<Array<number>>, name?: string, gridSize?: number): Observable<VoxelPointsViews> {
-        if (typeof pointcloud != 'undefined'
-            && typeof name == 'undefined') {
-            throw new TypeError("Invalid Input, please provide a file name for point cloud data"); 
-        }
-        let body = new FormData();
-        body.append('name', name);
-        typeof pointcloud != 'undefined' ? body.append('pointcloud', JSON.stringify(pointcloud)) : null;
-        typeof gridSize != 'undefined' ? body.append('grid_size', `[${gridSize}, ${gridSize}, ${gridSize}]`) : null;
-        return this._httpClient.post<VoxelPointsViews>(`${baseUrl}/plot/settings`, body);
-    }
-
     predict(pointcloud: number[][], model: string): Observable<Response>  {
         let body = new FormData();
         if (typeof pointcloud != 'undefined') {

app/angular/src/app/camera/camera-native.component.ts

@@ -1,7 +1,6 @@
 import { Component, OnInit, OnChanges, Input, ViewChild, ElementRef } from '@angular/core';
 import { MeshBasicMaterial, PointsMaterial, Points, Mesh } from 'three';
 
-import { CameraSettings, VoxelPointsViews } from '../model/points-settings';
 import { CameraGuiService } from '../camera-gui.service';
 import { GuiControllerTypes, GuiParameters } from '../model/GUI';
 import { MatTabChangeEvent } from '@angular/material';
@@ -14,7 +13,7 @@ declare const OrbitControls;
 
 @Component({
   selector: 'app-camera-native',
-  templateUrl: './camera.component.html'
+  templateUrl: './camera-native.component.html'
 })
 export class CameraNativeComponent implements OnChanges {
 
@@ -47,14 +46,13 @@ export class CameraNativeComponent implements OnChanges {
         })
     }
 
-    ngOnInit() {
-        this.renderer = PointCloudLoader.initRender(this.canvas);
-    }
-
     ngOnChanges() {
         if (!this.pointcloud) {
             return;
         }
+        if (!this.renderer) {
+            this.renderer = PointCloudLoader.initRender(this.canvas);
+        }
         if (this.scene.children.length > 0) {
             this.removeAll();
             this.voxelgrid = undefined;