Archive/rdio-scanner
1
0
Fork 0
mirror of https://github.com/chuot/rdio-scanner.git synced 2026-08-13 08:33:00 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improved date selection filter to reflect database content

Browse source
This commit is contained in:
Chrystian Huot 2019-07-31 16:13:02 -04:00
parent d6571f17e2
commit fbb40f501c
2 changed files with 48 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/imports/app/radio/radio-search/radio-search.component.html
View file

@ -81,7 +81,7 @@
<mat-label>
Date
</mat-label>
<input formControlName="date" [matDatepicker]="date" matInput placeholder="Choose a date">
<input (focus)="date.open()" formControlName="date" [matDatepicker]="date" matInput [max]="dateMax" [min]="dateMin" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle>
<mat-datepicker #date></mat-datepicker>
</mat-form-field>
@ -115,7 +115,7 @@
</mat-form-field>
</div>
<div>
<button (click)="resetFilters()" mat-raised-button>
<button (click)="resetFilters()" mat-raised-button type="button">
Reset
</button>
</div>

46
client/imports/app/radio/radio-search/radio-search.component.ts
View file

@ -28,6 +28,9 @@ export class AppRadioSearchComponent implements OnDestroy, OnInit {
count = 0;
dateMax: Date;
dateMin: Date;
form: FormGroup = this.ngFormBuilder.group({
date: [],
sort: [],
@ -58,10 +61,12 @@ export class AppRadioSearchComponent implements OnDestroy, OnInit {
private _subscriptions: {
calls: Subscription[];
dateLimits: Subscription[];
form: Subscription[];
radio: Subscription[];
} = {
calls: [],
dateLimits: [],
form: [],
radio: [],
};
@ -111,8 +116,10 @@ export class AppRadioSearchComponent implements OnDestroy, OnInit {
if (this._active) {
this._subscribeCalls();
this._subscribeDateLimits();
} else {
this._unsubscribeCalls();
this._unsubscribeDateLimits();
}
}
}
@ -212,6 +219,40 @@ export class AppRadioSearchComponent implements OnDestroy, OnInit {
}));
}
private _subscribeDateLimits(): void {
this._subscriptions.dateLimits.push(
MeteorObservable.subscribe('calls', {}, {
fields: { audio: 0 },
limit: 1,
sort: { startTime: -1 },
}).subscribe(() => {
const call = RadioCalls.findOne({}, {
sort: { startTime: -1 },
});
if (call) {
this.dateMax = call.startTime;
}
}),
MeteorObservable.subscribe('calls', {}, {
fields: { audio: 0 },
limit: 1,
sort: { startTime: 1 },
}).subscribe(() => {
const call = RadioCalls.findOne({}, {
sort: { startTime: 1 },
});
if (call) {
this.dateMin = call.startTime;
}
}),
);
}
private _subscribeFormChanges(): void {
const dateForm = this.form.get('date');
const sortForm = this.form.get('sort');
@ -268,6 +309,7 @@ export class AppRadioSearchComponent implements OnDestroy, OnInit {
private _unsubscribe(subscriptions: Subscription[] = [
...this._subscriptions.calls,
...this._subscriptions.dateLimits,
...this._subscriptions.form,
...this._subscriptions.radio,
]): void {
@ -279,4 +321,8 @@ export class AppRadioSearchComponent implements OnDestroy, OnInit {
private _unsubscribeCalls(): void {
this._unsubscribe(this._subscriptions.calls);
}
private _unsubscribeDateLimits(): void {
this._unsubscribe(this._subscriptions.dateLimits);
}
}