Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 | 1x 1x 1x 3x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 2x 1x 1x | import { Component, OnDestroy, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { defer } from 'lodash-es';
import { DateTime } from 'luxon';
import { autorun, IReactionDisposer } from 'mobx';
import { MobxAngularModule } from 'mobx-angular';
import { RefListComponent } from '../../../component/ref/ref-list/ref-list.component';
import { RefPageArgs } from '../../../model/ref';
import { newest } from '../../../mods/mailbox';
import { AccountService } from '../../../service/account.service';
import { ModService } from '../../../service/mod.service';
import { QueryStore } from '../../../store/query';
import { Store } from '../../../store/store';
@Component({
selector: 'app-unread',
templateUrl: './unread.component.html',
styleUrls: ['./unread.component.scss'],
host: { 'class': 'unread' },
imports: [MobxAngularModule, RefListComponent]
})
export class InboxUnreadPage implements OnInit, OnDestroy {
private disposers: IReactionDisposer[] = [];
private lastNotified?: DateTime;
constructor(
private mod: ModService,
public store: Store,
public query: QueryStore,
private account: AccountService,
private router: Router,
) {
mod.setTitle($localize`Inbox: Unread`);
store.view.clear(['modified']);
query.clear();
}
ngOnInit(): void {
this.disposers.push(autorun(() => {
Iif (this.store.view.pageNumber) {
this.router.navigate([], {
queryParams: { pageNumber: null },
queryParamsHandling: 'merge',
replaceUrl: true
});
if (this.lastNotified) {
this.account.clearNotifications(this.lastNotified);
}
}
const args: RefPageArgs = {
query: this.store.account.notificationsQuery,
modifiedAfter: this.store.account.config.lastNotified,
sort: ['modified,ASC'],
size: this.store.view.pageSize,
};
defer(() => this.query.setArgs(args));
}));
this.disposers.push(autorun(() => {
Iif (this.query.page && this.query.page!.content.length) {
this.lastNotified = newest(this.query.page!.content)!.modified!;
}
}));
}
ngOnDestroy() {
this.query.close();
for (const dispose of this.disposers) dispose();
this.disposers.length = 0;
Iif (this.lastNotified) {
this.account.clearNotifications(this.lastNotified);
}
}
}
|