X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=example-apps%2FROBO%2FRoboUI%2Fsrc%2Fapp%2Fdata-fetch%2Fdata-fetch.component.ts;fp=example-apps%2FROBO%2FRoboUI%2Fsrc%2Fapp%2Fdata-fetch%2Fdata-fetch.component.ts;h=0000000000000000000000000000000000000000;hb=3ed2c61d9d7e7916481650c41bfe5604f7db22e9;hp=58260f77c7c7376fa4e2ebbb5dd12f331dffc255;hpb=e6d40ddb2640f434a9d7d7ed99566e5e8fa60cc1;p=ealt-edge.git diff --git a/example-apps/ROBO/RoboUI/src/app/data-fetch/data-fetch.component.ts b/example-apps/ROBO/RoboUI/src/app/data-fetch/data-fetch.component.ts deleted file mode 100644 index 58260f7..0000000 --- a/example-apps/ROBO/RoboUI/src/app/data-fetch/data-fetch.component.ts +++ /dev/null @@ -1,228 +0,0 @@ -import { Component, OnInit, TemplateRef, ViewChild } from '@angular/core'; -import { FormBuilder, FormGroup } from '@angular/forms'; -import { HttpClient } from '@angular/common/http'; - -import { RoboService } from './../../app/robo.service'; - -import { cameraData,camerainfo } from './../datainterface' - -import { cameraDetails } from './../datainterface'; - -// import { ToastService } from './toast.service'; - -import { ToastrService } from 'ngx-toastr'; -import {MatTableDataSource} from '@angular/material/table'; - -import { MatPaginator } from '@angular/material/paginator'; - -@Component({ - selector: 'app-data-fetch', - templateUrl: './data-fetch.component.html', - styleUrls: ['./data-fetch.component.scss'] -}) -export class DataFetchComponent implements OnInit { - - cameraColumns: string [] = ['cameraID','cameraLocation','cameraNumber','rtspUrl']; - cameraDataSource = new MatTableDataSource(CAMERA_INFO_LIST); - - SERVER_URL = "http://localhost:30092/v1/monitor/video"; - videoUploadForm: FormGroup; - cameraDetailsForm: FormGroup; - - cameraData = {} as cameraData; - camerasArray = []; - location = []; - - selectedCamera: string; - selectedLocation: string; - - selectedRTSP: string; - - cameradetconcat: string - - url; - format; - - - cameraInfo = {} as cameraDetails; - cameraArrayList = []; - - selectedCameraId = [] - selectedCameraID: string - - selectedValues = [] - - @ViewChild(MatPaginator, {static: true}) paginator: MatPaginator; - - constructor( - private formBuilder: FormBuilder, - private httpClient: HttpClient, - private roboService: RoboService, - private toastService: ToastrService - ) { } - - ngOnInit() { - this.fetchCameraDetails(); - this.videoUploadForm = this.formBuilder.group({ - video: [''] - }); - - this.cameraDetailsForm = this.formBuilder.group({ - cameraLocation: [''], - cameraNumber: [''] - }); - - this.camerasArray = - [ - { - "value": "camera01", - "viewValue": "camera01" - }, - { - "value": "camera02", - "viewValue": "camera02" - }, - { - "value": "camera03", - "viewValue": "camera03" - } - ]; - - this.location = - [ - { - "value": "Bangalore", - "viewValue": "Bangalore" - } - ]; - - this.selectedCamera = "Camera" - this.selectedLocation = "Bangalore" - // this.fetchCameraDetails(); - } - - onFileSelect(event) { - - - if (event.target.files.length > 0) { - const file = event.target.files[0]; - this.videoUploadForm.get('video').setValue(file); - } - - const file = event.target.files && event.target.files[0]; - if (file) { - var reader = new FileReader(); - reader.readAsDataURL(file); - if (file.type.indexOf('image') > -1) { - this.format = 'image'; - } else if (file.type.indexOf('video') > -1) { - this.format = 'video'; - } - reader.onload = (event) => { - this.url = (event.target).result; - } - } - } - - onSubmit() { - const formData = new FormData(); - formData.append('file', this.videoUploadForm.get('video').value); - debugger; - this.showFileSuccess(); - this.httpClient.post(this.SERVER_URL, formData).subscribe - ( - (res) => console.log(res), - (err) => console.log(err) - ); - } - cameraDetailsSubmit() { - const formData = new FormData(); - - this.cameraData.cameraNumber = this.selectedCamera; - this.cameraData.cameraLocation = this.selectedLocation; - this.cameraData.rtspUrl = this.selectedRTSP; - - this.roboService.postCameraDetails(this.cameraData) - .subscribe(data => { - debugger; - if(data.responce == "success"){ - this.showSuccess(); - } - console.log(data); - } - ,error => console.log(error) - ); - - } - - onCameraSelection() { - console.log("Inside onCameraSelection.....") - } - - onCameraIDSelection() { - console.log("Spotted...") - var index: number - console.log("Inside onCameraIDSelection.......") - debugger; - // this.roboService.postCameraID(this.selectedCameraID) - index = this.selectedCameraId.indexOf(this.selectedCameraID) - debugger; - this.roboService.triggerDetection(this.selectedValues[index]) - .subscribe(data => { - debugger; - console.log(data) - }, - error => console.log(error)); - index = null; - } - - - showSuccess() { - console.log("Inside showSuccess.... Method") - this.toastService.success('Uploaded Succesfully!','Camera Data'); - } - - showFileSuccess() { - console.log("Inside showSuccess.... Method") - this.toastService.success('Uploaded Succesfully!','Video File'); - } - - fetchCameraDetails() { - - debugger; - this.roboService.getCameraInfo() - .subscribe(data => { - debugger; - console.log(data); - this.cameraInfo = data; - - this.cameraArrayList = data.roboCamera; - this.cameraDataSource = new MatTableDataSource(this.cameraArrayList); - this.cameraDataSource.paginator = this.paginator; - - console.log("For loop started.....") - for (var val of this.cameraArrayList) { - debugger; - - console.log(val); - this.cameradetconcat = val.cameraNumber + '/'+ val.rtspUrl + '/' +val.cameraLocation - // this.selectedCameraId.push(val.camera); - this.selectedCameraId.push(this.cameradetconcat) - this.selectedValues.push(val.cameraID) - - } - debugger; - console.log("SelectedCameraID") - console.log(this.selectedCameraId) - }, - error => console.log(error)); - } - - refreshPage() { - this.fetchCameraDetails(); - } -} - -const CAMERA_INFO_LIST: camerainfo[] = [ - { cameraID: '',cameraLocation: '', cameraNumber: '', rtspUrl: '' } -];