]>
Commit | Line | Data |
---|---|---|
4f8c0eb0 C |
1 | import { Component, Input, OnInit, ViewChild } from '@angular/core'; |
2 | import { FormBuilder, FormGroup } from '@angular/forms'; | |
3 | ||
4 | import { ModalDirective } from 'ng2-bootstrap/modal'; | |
5 | ||
11ac88de | 6 | import { FormReactive, VideoAbuseService, VIDEO_ABUSE_REASON } from '../../shared'; |
4f8c0eb0 C |
7 | import { Video, VideoService } from '../shared'; |
8 | ||
9 | @Component({ | |
10 | selector: 'my-video-report', | |
11 | templateUrl: './video-report.component.html' | |
12 | }) | |
13 | export class VideoReportComponent extends FormReactive implements OnInit { | |
14 | @Input() video: Video = null; | |
15 | ||
16 | @ViewChild('modal') modal: ModalDirective; | |
17 | ||
18 | error: string = null; | |
19 | form: FormGroup; | |
20 | formErrors = { | |
21 | reason: '' | |
22 | }; | |
23 | validationMessages = { | |
11ac88de | 24 | reason: VIDEO_ABUSE_REASON.MESSAGES |
4f8c0eb0 C |
25 | }; |
26 | ||
27 | constructor( | |
28 | private formBuilder: FormBuilder, | |
11ac88de | 29 | private videoAbuseService: VideoAbuseService |
4f8c0eb0 C |
30 | ) { |
31 | super(); | |
32 | } | |
33 | ||
34 | ngOnInit() { | |
35 | this.buildForm(); | |
36 | } | |
37 | ||
38 | buildForm() { | |
39 | this.form = this.formBuilder.group({ | |
11ac88de | 40 | reason: [ '', VIDEO_ABUSE_REASON.VALIDATORS ] |
4f8c0eb0 C |
41 | }); |
42 | ||
43 | this.form.valueChanges.subscribe(data => this.onValueChanged(data)); | |
44 | } | |
45 | ||
46 | show() { | |
47 | this.modal.show(); | |
48 | } | |
49 | ||
50 | hide() { | |
51 | this.modal.hide(); | |
52 | } | |
53 | ||
54 | report() { | |
55 | const reason = this.form.value['reason'] | |
56 | ||
11ac88de | 57 | this.videoAbuseService.reportVideo(this.video.id, reason) |
4f8c0eb0 C |
58 | .subscribe( |
59 | // TODO: move alert to beautiful notifications | |
60 | ok => { | |
61 | alert('Video reported.'); | |
62 | this.hide(); | |
63 | }, | |
64 | ||
65 | err => alert(err.text) | |
66 | ) | |
67 | } | |
68 | } |