mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-04-02 13:45:10 -05:00
31 lines
704 B
TypeScript
31 lines
704 B
TypeScript
import { Directive, EventEmitter, Input, Output } from '@angular/core';
|
|
|
|
export interface SortEvent {
|
|
column: string;
|
|
direction: string;
|
|
}
|
|
|
|
const rotate: {[key: string]: string} = { 'asc': 'des', 'des': '', '': 'asc' };
|
|
|
|
@Directive({
|
|
selector: 'th[sortable]',
|
|
host: {
|
|
'[class.asc]': 'direction === "asc"',
|
|
'[class.des]': 'direction === "des"',
|
|
'(click)': 'rotate()'
|
|
}
|
|
})
|
|
export class SortableDirective {
|
|
|
|
constructor() { }
|
|
|
|
@Input() sortable: string = '';
|
|
@Input() direction: string = '';
|
|
@Output() sort = new EventEmitter<SortEvent>();
|
|
|
|
rotate() {
|
|
this.direction = rotate[this.direction];
|
|
this.sort.emit({column: this.sortable, direction: this.direction});
|
|
}
|
|
}
|