luthor/otis/src/app/compliance-list/compliance-list.component.ts

63 lines
2.0 KiB
TypeScript

import { Component, OnInit, ViewChild } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
import { MatPaginator } from '@angular/material/paginator';
import { ActivatedRoute, Router } from '@angular/router';
import * as moment from 'moment';
import { Case } from '../core/case';
import { ComplianceList } from './compliance-list';
import { ComplianceListDatasource } from './compliance-list-datasource';
@Component({
selector: 'app-compliance-list',
templateUrl: './compliance-list.component.html',
styleUrls: ['./compliance-list.component.css'],
})
export class ComplianceListComponent implements OnInit {
@ViewChild(MatPaginator, { static: true }) paginator?: MatPaginator;
info: ComplianceList[] = [];
dataSource: ComplianceListDatasource = new ComplianceListDatasource(this.info);
/** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
displayedColumns = [
'officeFileNumber',
'title',
'proceedings',
'complianceDate',
'nextHearingDate',
];
constructor(private route: ActivatedRoute) {}
ngOnInit() {
this.route.data.subscribe((value) => {
const data = value as { info: ComplianceList[] };
this.info = data.info;
this.dataSource = new ComplianceListDatasource(this.info, this.paginator);
});
}
exportCsv() {
const csvData = new Blob([this.toCsv(this.info)], {
type: 'text/csv;charset=utf-8;',
});
const link = document.createElement('a');
link.href = window.URL.createObjectURL(csvData);
link.setAttribute('download', 'cause-list.csv');
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
toCsv(data: ComplianceList[]): string {
const header = ['File No.', 'Title', 'Proceedings', 'Next Hearing', 'Compliance Date'];
const csv = data.map(
(row) =>
`${row.officeFileNumber}\t${row.title}\t${row.proceedings}\t${row.nextHearingDate}\t${row.complianceDate}`,
);
csv.unshift(header.join('\t'));
return csv.join('\r\n');
}
}