import { mapValues, pickBy } from 'lodash-es' import { Component, Input, OnInit, ViewChild } from '@angular/core' import { Notifier } from '@app/core' import { ABUSE_REASON_VALIDATOR } from '@app/shared/form-validators/abuse-validators' import { FormReactive, FormReactiveService } from '@app/shared/shared-forms' import { VideoComment } from '@app/shared/shared-video-comment' import { NgbModal } from '@ng-bootstrap/ng-bootstrap' import { NgbModalRef } from '@ng-bootstrap/ng-bootstrap/modal/modal-ref' import { abusePredefinedReasonsMap } from '@shared/core-utils/abuse' import { AbusePredefinedReasonsString } from '@shared/models' import { AbuseService } from '../abuse.service' @Component({ selector: 'my-comment-report', templateUrl: './report.component.html', styleUrls: [ './report.component.scss' ] }) export class CommentReportComponent extends FormReactive implements OnInit { @Input() comment: VideoComment = null @ViewChild('modal', { static: true }) modal: NgbModal modalTitle: string error: string = null predefinedReasons: { id: AbusePredefinedReasonsString, label: string, description?: string, help?: string }[] = [] private openedModal: NgbModalRef constructor ( protected formReactiveService: FormReactiveService, private modalService: NgbModal, private abuseService: AbuseService, private notifier: Notifier ) { super() } get currentHost () { return window.location.host } get originHost () { if (this.isRemote()) { return this.comment.account.host } return '' } ngOnInit () { this.modalTitle = $localize`Report comment` this.buildForm({ reason: ABUSE_REASON_VALIDATOR, predefinedReasons: mapValues(abusePredefinedReasonsMap, r => null) }) this.predefinedReasons = this.abuseService.getPrefefinedReasons('comment') } show () { this.openedModal = this.modalService.open(this.modal, { centered: true, keyboard: false, size: 'lg' }) } hide () { this.openedModal.close() this.openedModal = null } report () { const reason = this.form.get('reason').value const predefinedReasons = Object.keys(pickBy(this.form.get('predefinedReasons').value)) as AbusePredefinedReasonsString[] this.abuseService.reportVideo({ reason, predefinedReasons, comment: { id: this.comment.id } }).subscribe({ next: () => { this.notifier.success($localize`Comment reported.`) this.hide() }, error: err => this.notifier.error(err.message) }) } isRemote () { return !this.comment.isLocal } }