paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-02 13:45:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Workaround for infinte loop breaks two way binding for date picker initialization

Browse Source
This commit is contained in:
Michael Shamoon 2020-12-13 02:03:59 -08:00
parent 37c21e518d
commit 1379c039b8
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src-ui/src/app/components/filter-editor/filter-dropdown-date/filter-dropdown-date.component.ts
View File

@ -1,7 +1,7 @@
import { Component, EventEmitter, Input, Output, ElementRef, ViewChild } from '@angular/core'; import { Component, EventEmitter, Input, Output, ElementRef, ViewChild, OnChanges, SimpleChange } from '@angular/core';
import { FilterRule } from 'src/app/data/filter-rule'; import { FilterRule } from 'src/app/data/filter-rule';
import { ObjectWithId } from 'src/app/data/object-with-id'; import { ObjectWithId } from 'src/app/data/object-with-id';
import { NgbDate, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap'; import { NgbDate, NgbDateStruct, NgbDatepicker } from '@ng-bootstrap/ng-bootstrap';
@Component({ @Component({
selector: 'app-filter-dropdown-date', selector: 'app-filter-dropdown-date',
@ -25,6 +25,9 @@ export class FilterDropdownDateComponent {
@Output() @Output()
dateAfterSet = new EventEmitter() dateAfterSet = new EventEmitter()
@ViewChild('dpAfter') dpAfter: NgbDatepicker
@ViewChild('dpBefore') dpBefore: NgbDatepicker
_dateBefore: NgbDateStruct _dateBefore: NgbDateStruct
_dateAfter: NgbDateStruct _dateAfter: NgbDateStruct
@ -33,6 +36,25 @@ export class FilterDropdownDateComponent {
return NgbDate.from({year: date.getFullYear(), month: date.getMonth() + 1, day: date.getDate()}) return NgbDate.from({year: date.getFullYear(), month: date.getMonth() + 1, day: date.getDate()})
} }
ngOnChanges(changes: SimpleChange) {
// this is a hacky workaround perhaps because of https://github.com/angular/angular/issues/11097
let dateString: string
let dateAfterChange: SimpleChange = changes['dateAfter']
let dateBeforeChange: SimpleChange = changes['dateBefore']
if (dateAfterChange && dateAfterChange.currentValue && this.dpAfter) {
let dateAfterDate = dateAfterChange.currentValue as NgbDateStruct
let dpAfterElRef: ElementRef = this.dpAfter['_elRef']
dateString = `${dateAfterDate.year}-${dateAfterDate.month.toString().padStart(2,'0')}-${dateAfterDate.day.toString().padStart(2,'0')}`
dpAfterElRef.nativeElement.value = dateString
} else if (dateBeforeChange && dateBeforeChange.currentValue && this.dpBefore) {
let dateBeforeDate = dateBeforeChange.currentValue as NgbDateStruct
let dpBeforeElRef: ElementRef = this.dpBefore['_elRef']
dateString = `${dateBeforeChange.currentValue.year}-${dateBeforeChange.currentValue.month.toString().padStart(2,'0')}-${dateBeforeChange.currentValue.day.toString().padStart(2,'0')}`
dpBeforeElRef.nativeElement.value = dateString
}
}
setDateQuickFilter(range: any) { setDateQuickFilter(range: any) {
this._dateAfter = this._dateBefore = undefined this._dateAfter = this._dateBefore = undefined
let date = new Date() let date = new Date()