Add component project-thread

Author: tschaffter

client/app/project/project-thread/project-thread.component.ts

@@ -0,0 +1,76 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { Observable, forkJoin, combineLatest } from 'rxjs';
+import { switchMap, map, take } from 'rxjs/operators';
+import { Insight } from 'models/entities/insights/insight.model';
+import { Project } from 'models/entities/project.model';
+import { AuthService } from 'components/auth/auth.service';
+import { InsightService } from 'components/insight/insight.service';
+import { ProjectAuthorizationService } from '../project-authorization.service';
+import { ProjectDataService } from '../project-data.service';
+import { Thread } from 'models/messaging/thread.model';
+import { MessagingService } from 'components/messaging/messaging.service';
+
+@Component({
+    selector: 'project-thread',
+    template: require('./project-thread.html'),
+    styles: [require('./project-thread.scss')],
+})
+export class ProjectThreadComponent implements OnInit {
+    private project$: Observable<Project>;
+    private thread$: Observable<Thread>;
+
+    private canEdit = false; // used in html
+    private canDelete = false; // used in html
+
+    static parameters = [
+        Router,
+        ActivatedRoute,
+        ProjectDataService,
+        MessagingService,
+        // ProjectAuthorizationService,
+        // InsightService,
+        // AuthService,
+    ];
+    constructor(
+        private router: Router,
+        private route: ActivatedRoute,
+        private projectDataService: ProjectDataService,
+        private messagingService: MessagingService
+    ) // private projectAuthorizationService: ProjectAuthorizationService,
+    // private insightService: InsightService,
+    // private authService: AuthService
+    {
+        this.project$ = this.projectDataService.project();
+
+        this.router.routeReuseStrategy.shouldReuseRoute = function() {
+            return false;
+        };
+    }
+
+    ngOnInit() {
+        this.thread$ = this.route.params.pipe(
+            switchMap(params => this.messagingService.getThread(params.threadId)),
+            take(1)
+        );
+
+        // const canAdminProject$ = this.project$.pipe(
+        //     switchMap(project => this.projectAuthorizationService.canAdmin(project._id))
+        // );
+
+        // // TODO Check that the author has Write access
+        // const isAuthor$ = forkJoin({
+        //     authInfo: this.authService.authInfo().pipe(take(1)),
+        //     insight: this.insight$,
+        // }).pipe(
+        //     map(res => {
+        //         return res.authInfo.user._id.toString() === res.insight.createdBy._id.toString();
+        //     })
+        // );
+
+        // combineLatest(canAdminProject$, isAuthor$).subscribe(([canAdminProject, isAuthor]) => {
+        //     this.canEdit = canAdminProject || isAuthor;
+        //     this.canDelete = canAdminProject || isAuthor;
+        // });
+    }
+}

client/app/project/project-thread/project-thread.html

@@ -0,0 +1,3 @@
+<ng-container *ngIf="thread$ | async as thread">
+    <thread [threadId]="thread._id"></thread>
+</ng-container>

client/app/project/project-thread/project-thread.scss

@@ -51,6 +51,7 @@ import { ProjectGuard } from './project-guard.service';
 import { EntityAuthorizationTypes } from 'components/authorization/entity-guard.service';
 import { ProjectResourceComponent } from './project-resource/project-resource.component';
 import { ProjectInsightComponent } from './project-insight/project-insight.component';
+import { ProjectThreadComponent } from './project-thread/project-thread.component';
 
 export const ROUTES: Routes = [
     {
@@ -91,7 +92,7 @@ export const ROUTES: Routes = [
             { path: 'activity', component: ProjectActivityComponent },
             { path: 'discussion', component: ProjectDiscussionComponent },
             { path: 'discussion/new', component: ProjectThreadNewComponent },
-            { path: 'discussion/:threadId', component: EntityThreadComponent },
+            { path: 'discussion/:threadId', component: ProjectThreadComponent },
             {
                 path: 'settings',
                 component: ProjectSettingsComponent,
@@ -152,6 +153,7 @@ export const ROUTES: Routes = [
         ProjectResourcesComponent,
         ProjectSettingsComponent,
         ProjectSidenavComponent,
+        ProjectThreadComponent,
         ProjectThreadNewComponent,
     ],
     exports: [],

client/app/project/project.module.ts

@@ -16,6 +16,8 @@ import { orderBy } from 'lodash/fp';
 })
 export class ThreadComponent implements OnInit, OnDestroy {
     @Input() threadId: string;
+    @Input() private canEdit = false;
+    @Input() private canDelete = false;
     @Output() deleted: EventEmitter<Thread> = new EventEmitter<Thread>();
 
     private showThreadEditTemplate = false; // used in html