80 lines
2.2 KiB
TypeScript
80 lines
2.2 KiB
TypeScript
|
import { Component, ElementRef, ViewChild } from '@angular/core'
|
||
|
import { Notifier, ServerService, User, UserService } from '@app/core'
|
||
|
import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap'
|
||
|
import { peertubeLocalStorage } from '@root-helpers/peertube-web-storage'
|
||
|
|
||
|
@Component({
|
||
|
selector: 'my-account-setup-warning-modal',
|
||
|
templateUrl: './account-setup-warning-modal.component.html',
|
||
|
styleUrls: [ './account-setup-warning-modal.component.scss' ]
|
||
|
})
|
||
|
export class AccountSetupWarningModalComponent {
|
||
|
@ViewChild('modal', { static: true }) modal: ElementRef
|
||
|
|
||
|
stopDisplayModal = false
|
||
|
ref: NgbModalRef
|
||
|
|
||
|
user: User
|
||
|
|
||
|
private LOCAL_STORAGE_KEYS = {
|
||
|
NO_ACCOUNT_SETUP_WARNING_MODAL: 'no_account_setup_warning_modal'
|
||
|
}
|
||
|
|
||
|
constructor (
|
||
|
private userService: UserService,
|
||
|
private modalService: NgbModal,
|
||
|
private notifier: Notifier,
|
||
|
private serverService: ServerService
|
||
|
) { }
|
||
|
|
||
|
get instanceName () {
|
||
|
return this.serverService.getHTMLConfig().instance.name
|
||
|
}
|
||
|
|
||
|
hasAccountAvatar (user: User) {
|
||
|
return !!user.account.avatar
|
||
|
}
|
||
|
|
||
|
hasAccountDescription (user: User) {
|
||
|
return !!user.account.description
|
||
|
}
|
||
|
|
||
|
shouldOpen (user: User) {
|
||
|
if (user.noAccountSetupWarningModal === true) return false
|
||
|
if (peertubeLocalStorage.getItem(this.LOCAL_STORAGE_KEYS.NO_ACCOUNT_SETUP_WARNING_MODAL) === 'true') return false
|
||
|
|
||
|
if (this.hasAccountAvatar(user) && this.hasAccountDescription(user)) return false
|
||
|
if (this.userService.hasSignupInThisSession()) return false
|
||
|
|
||
|
return true
|
||
|
}
|
||
|
|
||
|
show (user: User) {
|
||
|
this.user = user
|
||
|
|
||
|
if (this.ref) return
|
||
|
|
||
|
this.ref = this.modalService.open(this.modal, {
|
||
|
centered: true,
|
||
|
backdrop: 'static',
|
||
|
keyboard: false,
|
||
|
size: 'md'
|
||
|
})
|
||
|
|
||
|
this.ref.result.finally(() => {
|
||
|
if (this.stopDisplayModal === true) this.doNotOpenAgain()
|
||
|
})
|
||
|
}
|
||
|
|
||
|
private doNotOpenAgain () {
|
||
|
peertubeLocalStorage.setItem(this.LOCAL_STORAGE_KEYS.NO_ACCOUNT_SETUP_WARNING_MODAL, 'true')
|
||
|
|
||
|
this.userService.updateMyProfile({ noAccountSetupWarningModal: true })
|
||
|
.subscribe({
|
||
|
next: () => console.log('We will not open the account setup modal again.'),
|
||
|
|
||
|
error: err => this.notifier.error(err.message)
|
||
|
})
|
||
|
}
|
||
|
}
|