105 lines
3.4 KiB
TypeScript
105 lines
3.4 KiB
TypeScript
import { Component, OnInit, OnDestroy, Input, Output, EventEmitter } from '@angular/core';
|
|
import { faAt, faUserPlus } from "@fortawesome/free-solid-svg-icons";
|
|
import { faBell, faEnvelope, faUser, faStar } from "@fortawesome/free-regular-svg-icons";
|
|
import { Subscription } from 'rxjs';
|
|
|
|
import { AccountWrapper } from '../../../models/account.models';
|
|
import { UserNotificationService, UserNotification } from '../../../services/user-notification.service';
|
|
import { OpenThreadEvent } from '../../../services/tools.service';
|
|
import { MastodonService } from '../../../services/mastodon.service';
|
|
import { Account } from "../../../services/models/mastodon.interfaces";
|
|
import { NotificationService } from '../../../services/notification.service';
|
|
import { AccountInfo } from '../../../states/accounts.state';
|
|
|
|
|
|
@Component({
|
|
selector: 'app-manage-account',
|
|
templateUrl: './manage-account.component.html',
|
|
styleUrls: ['./manage-account.component.scss']
|
|
})
|
|
export class ManageAccountComponent implements OnInit, OnDestroy {
|
|
faAt = faAt;
|
|
faBell = faBell;
|
|
faEnvelope = faEnvelope;
|
|
faUser = faUser;
|
|
faStar = faStar;
|
|
faUserPlus = faUserPlus;
|
|
|
|
subPanel = 'account';
|
|
hasNotifications = false;
|
|
hasMentions = false;
|
|
|
|
userAccount: Account;
|
|
|
|
@Output() browseAccountEvent = new EventEmitter<string>();
|
|
@Output() browseHashtagEvent = new EventEmitter<string>();
|
|
@Output() browseThreadEvent = new EventEmitter<OpenThreadEvent>();
|
|
|
|
@Input('account')
|
|
set account(acc: AccountWrapper) {
|
|
this._account = acc;
|
|
this.checkNotifications();
|
|
this.getUserUrl(acc.info);
|
|
}
|
|
get account(): AccountWrapper {
|
|
return this._account;
|
|
}
|
|
|
|
private userNotificationServiceSub: Subscription;
|
|
private _account: AccountWrapper;
|
|
|
|
constructor(
|
|
private readonly mastodonService: MastodonService,
|
|
private readonly notificationService: NotificationService,
|
|
private readonly userNotificationService: UserNotificationService) { }
|
|
|
|
ngOnInit() {
|
|
|
|
}
|
|
|
|
ngOnDestroy(): void {
|
|
this.userNotificationServiceSub.unsubscribe();
|
|
}
|
|
|
|
private getUserUrl(account: AccountInfo){
|
|
this.mastodonService.retrieveAccountDetails(this.account.info)
|
|
.then((acc: Account) => {
|
|
this.userAccount = acc;
|
|
})
|
|
.catch(err => {
|
|
this.notificationService.notifyHttpError(err);
|
|
});
|
|
}
|
|
|
|
private checkNotifications(){
|
|
if(this.userNotificationServiceSub){
|
|
this.userNotificationServiceSub.unsubscribe();
|
|
}
|
|
|
|
this.userNotificationServiceSub = this.userNotificationService.userNotifications.subscribe((userNotifications: UserNotification[]) => {
|
|
const userNotification = userNotifications.find(x => x.account.id === this.account.info.id);
|
|
if(userNotification){
|
|
this.hasNotifications = userNotification.hasNewNotifications;
|
|
this.hasMentions = userNotification.hasNewMentions;
|
|
}
|
|
});
|
|
}
|
|
|
|
loadSubPanel(subpanel: string): boolean {
|
|
this.subPanel = subpanel;
|
|
return false;
|
|
}
|
|
|
|
browseAccount(accountName: string): void {
|
|
this.browseAccountEvent.next(accountName);
|
|
}
|
|
|
|
browseHashtag(hashtag: string): void {
|
|
this.browseHashtagEvent.next(hashtag);
|
|
}
|
|
|
|
browseThread(openThreadEvent: OpenThreadEvent): void {
|
|
this.browseThreadEvent.next(openThreadEvent);
|
|
}
|
|
}
|