|
|
|
@ -1,8 +1,6 @@ |
|
|
|
import { Component, OnInit } from '@angular/core'; |
|
|
|
import {ActivatedRoute} from "@angular/router"; |
|
|
|
import {ActivatedRoute, Router} from "@angular/router"; |
|
|
|
import {HttpClient} from "@angular/common/http"; |
|
|
|
import {MatTableDataSource} from "@angular/material/table"; |
|
|
|
import {FormControl, FormGroup} from "@angular/forms"; |
|
|
|
import {MatDatepickerInputEvent} from "@angular/material/datepicker"; |
|
|
|
import {MatDialog} from "@angular/material/dialog"; |
|
|
|
import {TranscodeModalComponent} from "../../modals/transcode-modal/transcode-modal.component"; |
|
|
|
@ -18,27 +16,29 @@ export class HistoryComponent implements OnInit { |
|
|
|
|
|
|
|
selected_stream: number = 1; |
|
|
|
recorder_index: number = 0; |
|
|
|
dataSource:MatTableDataSource<DVRFILE> = new MatTableDataSource<DVRFILE>(); |
|
|
|
displayedColumns: string[] = ['filename', 'size', 'actions']; |
|
|
|
dataSource: DVRFILE[] = []; |
|
|
|
start_date:Date|null = null; |
|
|
|
end_date:Date|null = null; |
|
|
|
baseUtils = BaseUtils; |
|
|
|
|
|
|
|
constructor(private route:ActivatedRoute, |
|
|
|
private http: HttpClient, |
|
|
|
private dialog:MatDialog) { } |
|
|
|
private dialog:MatDialog, |
|
|
|
private router:Router) { } |
|
|
|
|
|
|
|
ngOnInit(): void { |
|
|
|
this.recorder_index = Number.parseInt(<string>this.route.snapshot.paramMap.get('recorderId')); |
|
|
|
this.start_date = this.baseUtils.parseDate(this.route.snapshot.queryParamMap.get("start")); |
|
|
|
this.end_date = this.baseUtils.parseDate(this.route.snapshot.queryParamMap.get("end")); |
|
|
|
this.getHistory(); |
|
|
|
} |
|
|
|
|
|
|
|
getHistory() { |
|
|
|
const params = this.route.snapshot.paramMap; |
|
|
|
this.dataSource = new MatTableDataSource<DVRFILE>(); |
|
|
|
this.dataSource = []; |
|
|
|
this.http.get(`api/dvrip/history/${params.get('recorderId')}/${params.get('channelId')}/${this.selected_stream}?start_date=${this.baseUtils.prepareDate(this.start_date, true)}&end_date=${this.baseUtils.prepareDate(this.end_date, false)}`) |
|
|
|
.subscribe((a:any) => { |
|
|
|
this.dataSource = new MatTableDataSource<DVRFILE>(a['data']); |
|
|
|
this.dataSource = a['data']; |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
@ -54,12 +54,13 @@ export class HistoryComponent implements OnInit { |
|
|
|
} |
|
|
|
} |
|
|
|
console.log(this.start_date, this.end_date); |
|
|
|
this.router.navigate([], {queryParams: {start:this.start_date?.toLocaleDateString(), end:this.end_date?.toLocaleDateString()}, queryParamsHandling:"merge"}) |
|
|
|
this.getHistory(); |
|
|
|
} |
|
|
|
|
|
|
|
openTransCodeDialog(dvrfile:DVRFILE) { |
|
|
|
const dialog = this.dialog.open(TranscodeModalComponent, {data:{b64:dvrfile.b64, recorder_index:this.route.snapshot.paramMap.get('recorderId')}}); |
|
|
|
dialog.afterOpened().subscribe(() => dvrfile.processing = true); |
|
|
|
dialog.afterOpened().subscribe(() => dvrfile.converted?'':dvrfile.processing = true); |
|
|
|
dialog.afterClosed().subscribe((res:boolean) => { |
|
|
|
dvrfile.converted = res; |
|
|
|
if (res) { |
|
|
|
|
gsd
7 months ago