105 lines
3.4 KiB
TypeScript
105 lines
3.4 KiB
TypeScript
import { UsersOperation } from './../../operations/users.operations';
|
|
import { UserApitype } from './../../apitypes/User.apitype';
|
|
import { SortEventDatatype } from './../../datatypes/sort-event.datatype';
|
|
import { ModalOptionsDatatype } from './../../datatypes/modal-options.datatype';
|
|
import { ModalService } from './../../services/modal.service';
|
|
import { StateService } from './../../services/state.service';
|
|
import { PagingApitype } from './../../apitypes/Paging.apitype';
|
|
import { Component, OnInit } from '@angular/core';
|
|
import { Router } from '@angular/router';
|
|
import { FormControl } from '@angular/forms';
|
|
|
|
import 'rxjs/add/operator/debounceTime';
|
|
|
|
@Component({
|
|
selector: 'app-users',
|
|
templateUrl: './users.component.html',
|
|
styleUrls: ['./users.component.scss']
|
|
})
|
|
export class UsersComponent implements OnInit {
|
|
|
|
public pagingInfo = new PagingApitype({});
|
|
public pageRequested = 1;
|
|
|
|
public userList: UserApitype[] = [];
|
|
|
|
public sortField = '';
|
|
public sortOrder = 'asc';
|
|
|
|
public searchInput: FormControl;
|
|
public typeFilter: FormControl;
|
|
public typeFilterOptions = ['admin', 'user'];
|
|
|
|
constructor(private users: UsersOperation, public gs: StateService, private modal: ModalService, private router: Router) { }
|
|
|
|
public ngOnInit() {
|
|
this.searchInput = new FormControl('');
|
|
this.searchInput.valueChanges.debounceTime(500).subscribe(() => this.loadData());
|
|
|
|
this.typeFilter = new FormControl(null);
|
|
this.typeFilter.valueChanges.subscribe(() => this.loadData());
|
|
|
|
this.loadData();
|
|
}
|
|
|
|
public async loadData() {
|
|
const sortStr = this.sortField !== '' ? this.sortField + '-' + this.sortOrder : null;
|
|
const searchStr = this.searchInput.value !== '' ? this.searchInput.value : null;
|
|
const typeFilter = this.typeFilter.value;
|
|
|
|
const res = await this.users.getList(this.pageRequested, this.gs.pageSize, searchStr, sortStr, typeFilter);
|
|
|
|
if (res.paging.total < this.pageRequested && res.paging.total > 0) {
|
|
this.pageRequested = Math.max(1, res.paging.total);
|
|
await this.loadData();
|
|
} else {
|
|
this.pagingInfo = res.paging;
|
|
this.userList = res.results;
|
|
}
|
|
}
|
|
|
|
public async onDeleteUser(user: UserApitype) {
|
|
try {
|
|
await this.modal.showMessage(new ModalOptionsDatatype({
|
|
heading: 'Confirm deletion',
|
|
body: 'Are you sure you want to delete ' + user.name + '?',
|
|
acceptText: 'Delete',
|
|
dismisText: 'Cancel',
|
|
acceptClass: 'danger'
|
|
}));
|
|
|
|
await this.users.delete(user.id);
|
|
|
|
await this.loadData();
|
|
} catch (e) {
|
|
}
|
|
}
|
|
|
|
public async onPageChange(newPage: number) {
|
|
this.pageRequested = newPage;
|
|
await this.loadData();
|
|
}
|
|
|
|
public async onPagesizeChange(pagesize: number) {
|
|
this.gs.pageSize = pagesize;
|
|
this.pageRequested = 1;
|
|
await this.loadData();
|
|
}
|
|
|
|
public async onUserClick(domain: UserApitype) {
|
|
this.router.navigate(['/users', domain.id.toString()]);
|
|
}
|
|
|
|
public async onSortEvent(sortEvent: SortEventDatatype) {
|
|
if (sortEvent.order === 0) {
|
|
this.sortField = '';
|
|
this.sortOrder = 'asc';
|
|
} else {
|
|
this.sortField = sortEvent.field;
|
|
this.sortOrder = sortEvent.order === 1 ? 'asc' : 'desc';
|
|
}
|
|
|
|
await this.loadData();
|
|
}
|
|
}
|