+
+
+ 
+ {{ complaint.created_by.name }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/venter/complaint-card/complaint-card.component.ts b/src/app/venter/complaint-card/complaint-card.component.ts
new file mode 100644
index 00000000..2048990f
--- /dev/null
+++ b/src/app/venter/complaint-card/complaint-card.component.ts
@@ -0,0 +1,44 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { IComplaint } from '../../interfaces';
+import { DataService } from '../../data.service';
+import { API } from '../../../api';
+import { VenterDataService } from '../venter-data.service';
+
+@Component({
+ selector: 'app-complaint-card',
+ templateUrl: './complaint-card.component.html',
+ styleUrls: ['./complaint-card.component.css']
+})
+export class ComplaintCardComponent implements OnInit {
+
+ @Input() complaint: IComplaint;
+ constructor(
+ public dataService: DataService,
+ public venterDataService: VenterDataService,
+ ) { }
+
+ ngOnInit() {
+ }
+
+ refresh() {
+ /* Get complaint from server*/
+ this.dataService.FireGET
+ {{ complaint.status }}
+
+ {{ complaint.reported_date }}
+ {{ complaint.location_description }}
+
+
+
+
+ Complaint:
+ +{{ complaint.description }}
+
+ Suggestions:
+ {{ complaint.suggestions }}
+
+
+ Location Details:
+ {{ complaint.location_details }}
+
+
+
+
+ Comments({{ detailedComplaint.comments.length }}) +
+
+
+
+
+ UpVotes({{ detailedComplaint.users_up_voted.length }}) +
+ + + UPVOTE + +
diff --git a/src/app/venter/complaint/detailed-complaint.component.ts b/src/app/venter/complaint/detailed-complaint.component.ts
new file mode 100644
index 00000000..f1d9a94d
--- /dev/null
+++ b/src/app/venter/complaint/detailed-complaint.component.ts
@@ -0,0 +1,124 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute, Params } from '@angular/router';
+import { IComplaint, IComplaintComment } from '../../interfaces';
+import { DataService } from '../../data.service';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { API } from '../../../api';
+import { MatDialog } from '@angular/material';
+import { EditCommentComponent } from '../edit-comment/edit-comment.component';
+import { VenterDataService } from '../venter-data.service';
+
+@Component({
+ selector: 'app-detailed-complaint',
+ templateUrl: './detailed-complaint.component.html',
+ styleUrls: ['./detailed-complaint.component.css']
+})
+export class DetailedComplaintComponent implements OnInit {
+ detailedComplaint: IComplaint;
+ public complaintId: string;
+ public comment: IComplaintComment;
+ public userid: string = null;
+ public SubscribeToComplaint: string;
+ public selectedindex = 0;
+ public editedComment: IComplaintComment;
+
+ constructor(public dataService: DataService,
+ public router: Router,
+ public activatedRoute: ActivatedRoute,
+ public snackBar: MatSnackBar,
+ public editCommentDialog: MatDialog,
+ public venterDataService: VenterDataService,
+ ) { }
+
+ ngOnInit() {
+ this.comment = {} as IComplaintComment;
+ this.editedComment = {} as IComplaintComment;
+ /* Get profile if the user is logged in */
+ if (this.dataService.isLoggedIn()) {
+ this.getUser();
+ }
+ this.dataService.setTitle('Complaints/Suggestions');
+ this.activatedRoute.params.subscribe((params: Params) => {
+ this.complaintId = params['id'];
+ this.refresh();
+ });
+ }
+
+ getUser() {
+ this.dataService.GetFillCurrentUser().subscribe(user => {
+ this.userid = user.id;
+ });
+ }
+
+ /** Loads the data */
+ refresh() {
+ if (this.complaintId) {
+ this.dataService.FireGET
+ 
+
+
+
+
+
+ ![]()
+
+
+
+
+
+ 
+
+
+ {{ detailedComplaint.created_by.name }}
+
+
+
+ {{ detailedComplaint.reported_date }}
+ {{ detailedComplaint.location_description }}
+
+ {{ detailedComplaint.status }}
+
+
+
+
+
+
+
+
+
+
+ Complaint:
+
+ +{{ detailedComplaint.description }}
+
+ Suggestions:
+
+ {{ detailedComplaint.suggestions }}
+
+
+ Location Details:
+
+ {{ detailedComplaint.location_details }}
+
+ Tags
+
+
+
+
+ {{ tag }}
+
+
+
+ + Comments({{ detailedComplaint.comments.length }}) +
+
+
+ 
+
+ {{ complaintComment.commented_by.name }}
+
+ {{ complaintComment.reported_date }}
+
+
+
+
+ {{ complaintComment.text }}
+
+
+
+ + UpVotes({{ detailedComplaint.users_up_voted.length }}) +
+
+
+ 
+ {{ complaintupVote.name }}
+
+
+
+ + + + UPVOTE + +
+
+
diff --git a/src/app/venter/complaints/complaints-home.component.ts b/src/app/venter/complaints/complaints-home.component.ts
new file mode 100644
index 00000000..aa034edd
--- /dev/null
+++ b/src/app/venter/complaints/complaints-home.component.ts
@@ -0,0 +1,63 @@
+import { Component, OnInit } from '@angular/core';
+import { IComplaint } from '../../interfaces';
+import { DataService } from '../../data.service';
+import { API } from '../../../api';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { VenterDataService } from '../venter-data.service';
+
+@Component({
+ selector: 'app-complaints-home',
+ templateUrl: './complaints-home.component.html',
+ styleUrls: ['./complaints-home.component.css'],
+})
+export class ComplaintsHomeComponent implements OnInit {
+
+ public complaints: IComplaint[] = [];
+ public myComplaints: IComplaint[] = [];
+ public userid: string;
+ public myComplaintsFlag: boolean;
+ public complaintsFlag: boolean;
+
+ constructor(
+ public dataService: DataService,
+ public snackBar: MatSnackBar,
+ public venterDataService: VenterDataService,
+ ) { }
+
+ ngOnInit() {
+ /* Get profile if the user is logged in */
+ if (this.dataService.isLoggedIn()) {
+ this.getUser();
+ }
+ /* Set title */
+ this.dataService.setTitle('Complaints & Suggestions');
+ this.refresh();
+ }
+
+ getUser() {
+ this.dataService.GetFillCurrentUser().subscribe(user => {
+ this.userid = user.id;
+ });
+ }
+
+ refresh() {
+ /* Get all the complaints from server*/
+ this.dataService.FireGET
+
+
+
+
+
+
+
+
+ 
+
+
+ No complaints to show
+
+
+
+
+
+
+
+
+ No complaints to show
+
+
+
+
+
+
+
+
+
+Enter new Comment:
+
+
+
+
diff --git a/src/app/venter/edit-comment/edit-comment.component.ts b/src/app/venter/edit-comment/edit-comment.component.ts
new file mode 100644
index 00000000..31dd4550
--- /dev/null
+++ b/src/app/venter/edit-comment/edit-comment.component.ts
@@ -0,0 +1,23 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
+import { IComplaintComment } from '../../interfaces';
+
+@Component({
+ selector: 'app-edit-comment',
+ templateUrl: './edit-comment.component.html',
+ styleUrls: ['./edit-comment.component.css']
+})
+export class EditCommentComponent implements OnInit {
+
+ constructor(
+ public dialogRef: MatDialogRef
+
diff --git a/src/app/venter/file/file-complaint.component.ts b/src/app/venter/file/file-complaint.component.ts
new file mode 100644
index 00000000..e3a54cca
--- /dev/null
+++ b/src/app/venter/file/file-complaint.component.ts
@@ -0,0 +1,126 @@
+import { Component, OnInit } from '@angular/core';
+import { IComplaint, IComplaintTag, IComplaintPost } from '../../interfaces';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { DataService } from '../../data.service';
+import { API } from '../../../api';
+import { Observable } from 'rxjs';
+import { FormControl } from '@angular/forms';
+import { startWith, map } from 'rxjs/operators';
+import { VenterDataService } from '../venter-data.service';
+
+const PLACEHOLDER = 'assets/add_image_placeholder.svg';
+const currentLat = 19.1310;
+const currentLong = 72.9077;
+
+@Component({
+ selector: 'app-file-complaint',
+ templateUrl: './file-complaint.component.html',
+ styleUrls: ['./file-complaint.component.css']
+})
+export class FileComplaintComponent implements OnInit {
+
+ public networkBusy = false;
+
+ tagCategories: IComplaintTag[];
+ option: string[];
+
+ myControl = new FormControl();
+ filteredOptions: Observable
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ selectedTag }}
+
+
+
+
+
+
+
+
+
+ {{ option }}
+
+
+
+
+
+
+
+
+