paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-07-28 18:24:38 -05:00
Code Issues Packages Projects Releases Wiki Activity

fixes #128

Browse Source
This commit is contained in:
jonaswinkler
2021-01-04 17:08:52 +01:00
parent 5f44adde59
commit a16c6baa5a
7 changed files with 77 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src-ui/src/app/directives/sortable.directive.ts
View File

@@ -2,15 +2,14 @@ import { Directive, EventEmitter, Input, Output } from '@angular/core';
export interface SortEvent {
column: string
sorted: boolean
reverse: boolean
}
@Directive({
selector: 'th[sortable]',
host: {
'[class.asc]': 'sorted && !reverse',
'[class.des]': 'sorted && reverse',
'[class.asc]': 'currentSortField == sortable && !currentSortReverse',
'[class.des]': 'currentSortField == sortable && currentSortReverse',
'(click)': 'rotate()'
}
})
@@ -22,22 +21,20 @@ export class SortableDirective {
sortable: string = '';
@Input()
sorted: boolean = false
currentSortReverse: boolean = false
@Input()
reverse: boolean = false
currentSortField: string
@Output() sort = new EventEmitter<SortEvent>();
rotate() {
if (!this.sorted) {
this.sorted = true
this.reverse = false
} else if (this.sorted && !this.reverse) {
this.reverse = true
if (this.currentSortField != this.sortable) {
this.sort.emit({column: this.sortable, reverse: false});
} else if (this.currentSortField == this.sortable && !this.currentSortReverse) {
this.sort.emit({column: this.currentSortField, reverse: true});
} else {
this.sorted = false
this.sort.emit({column: null, reverse: false});
}
this.sort.emit({column: this.sortable, sorted: this.sorted, reverse: this.reverse});
}
}