63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
import { Component, OnInit, ViewChild } from '@angular/core';
|
|
import { TableListDataSource } from './table-list-datasource';
|
|
import { Table } from '../../core/table';
|
|
import { ActivatedRoute, Router } from '@angular/router';
|
|
import { MatTable } from "@angular/material";
|
|
import { ProductGroup } from "../../core/product-group";
|
|
import { BehaviorSubject } from "rxjs";
|
|
import { CdkDragDrop, moveItemInArray } from "@angular/cdk/drag-drop";
|
|
import { ToasterService } from "../../core/toaster.service";
|
|
import { TableService } from "../table.service";
|
|
|
|
@Component({
|
|
selector: 'app-table-list',
|
|
templateUrl: './table-list.component.html',
|
|
styleUrls: ['./table-list.component.css']
|
|
})
|
|
export class TableListComponent implements OnInit {
|
|
@ViewChild('table', { static: true }) table: MatTable<ProductGroup>;
|
|
dataSource: TableListDataSource;
|
|
list: Table[];
|
|
data: BehaviorSubject<Table[]>;
|
|
/** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
|
|
displayedColumns = ['name', 'location', 'isActive'];
|
|
|
|
constructor(
|
|
private route: ActivatedRoute,
|
|
private router: Router,
|
|
private toaster: ToasterService,
|
|
private ser: TableService
|
|
) {
|
|
this.data = new BehaviorSubject([]);
|
|
this.data.subscribe((data: Table[]) => {
|
|
this.list = data;
|
|
})
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.route.data
|
|
.subscribe((data: { list: Table[] }) => {
|
|
this.data.next(data.list);
|
|
});
|
|
this.dataSource = new TableListDataSource(this.data);
|
|
}
|
|
|
|
updateSortOrder() {
|
|
this.ser.updateSortOrder(this.list)
|
|
.subscribe(
|
|
(result) => {
|
|
this.toaster.show('Success', '');
|
|
},
|
|
(error) => {
|
|
this.toaster.show('Danger', error.error);
|
|
}
|
|
);
|
|
}
|
|
|
|
dropTable(event: CdkDragDrop<ProductGroup[]>) {
|
|
const prevIndex = this.list.indexOf(event.item.data);
|
|
moveItemInArray(this.list, prevIndex, event.currentIndex);
|
|
this.data.next(this.list);
|
|
}
|
|
}
|