A verification link has been sent to your email account
2 |3 |
Please click on the link that has just been sent to your email account to verify your email and continue the registration process.
4 | 5 | 6 | -------------------------------------------------------------------------------- /client/src/app/members/member-list/member-list.component.css: -------------------------------------------------------------------------------- 1 | .img-thumbnail { 2 | margin: 25px; 3 | width: 85%; 4 | height: 85%; 5 | } 6 | .card-body { 7 | padding: 0 25px; 8 | } 9 | .card-footer{ 10 | padding:10px 15px; 11 | background-color: white; 12 | border-top: none; 13 | } -------------------------------------------------------------------------------- /API/DTOs/PhotoForApprovalDto.cs: -------------------------------------------------------------------------------- 1 | namespace API.DTOs 2 | { 3 | public class PhotoForApprovalDto 4 | { 5 | public int id { get; set; } 6 | public string Url { get; set; } 7 | public string Username { get; set; } 8 | public bool IsApproved { get; set; } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /API/Entities/UserLike.cs: -------------------------------------------------------------------------------- 1 | namespace API.Entities 2 | { 3 | public class UserLike 4 | { 5 | public AppUser SourceUser { get; set; } 6 | public int SourceUserId { get; set; } 7 | public AppUser LikedUser { get; set; } 8 | public int LikedUserId { get; set; } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /client/src/app/members/member-edit/member-edit.component.css: -------------------------------------------------------------------------------- 1 | .img-thumbnail { 2 | margin: 25px; 3 | width: 85%; 4 | height: 85; 5 | } 6 | 7 | .card-body { 8 | padding: 0 25px; 9 | } 10 | .card-footer { 11 | padding: 10px 15px; 12 | background-color: white; 13 | border-top: none; 14 | } -------------------------------------------------------------------------------- /client/src/app/members/member-detail/member-detail.component.css: -------------------------------------------------------------------------------- 1 | .img-thumbnail { 2 | margin: 25px; 3 | width: 85%; 4 | height: 85; 5 | } 6 | 7 | .card-body { 8 | padding: 0 25px; 9 | } 10 | .card-footer { 11 | padding: 10px 15px; 12 | background-color: white; 13 | border-top: none; 14 | } -------------------------------------------------------------------------------- /API/Controllers/BaseAPIController.cs: -------------------------------------------------------------------------------- 1 | using API.Helpers; 2 | using Microsoft.AspNetCore.Mvc; 3 | 4 | namespace API.Controllers 5 | { 6 | [ServiceFilter(typeof(LogUserActivity))] 7 | [ApiController] 8 | [Route("api/[controller]")] 9 | public class BaseAPIController: ControllerBase 10 | { 11 | 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /EmailService/IEmailSender.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Text; 4 | using System.Threading.Tasks; 5 | 6 | namespace EmailService 7 | { 8 | public interface IEmailSender 9 | { 10 | void SendEmail(Message message); 11 | Task SendEmailAsync(Message message); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /API/DTOs/UserDto.cs: -------------------------------------------------------------------------------- 1 | 2 | namespace API.DTOs 3 | { 4 | public class UserDto 5 | { 6 | public string Username { get; set; } 7 | public string Token { get; set; } 8 | public string PhotoUrl { get; set; } 9 | public string KnownAs { get; set; } 10 | public string Gender { get; set; } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /client/src/app/_models/message.ts: -------------------------------------------------------------------------------- 1 | export interface Message { 2 | id: number; 3 | senderId: number; 4 | senderUsername: string; 5 | senderPhotoUrl: string; 6 | recipientId: number; 7 | recipientUsername: string; 8 | recipientPhotoUrl: string; 9 | content: string; 10 | dateRead: Date; 11 | messageSent: Date; 12 | } -------------------------------------------------------------------------------- /client/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /client/e2e/src/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, by, element } from 'protractor'; 2 | 3 | export class AppPage { 4 | navigateTo(): Promise
2 |
--------------------------------------------------------------------------------
/client/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
3 |
7 | Find your match
4 |Come on in to view your matches.... all you nedd to do is sign up!
5 |
2 |
4 | {{title}}
3 |
5 |
7 |
--------------------------------------------------------------------------------
/client/src/app/confirmation-email-sent/confirmation-email-sent.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-confirmation-email-sent',
5 | templateUrl: './confirmation-email-sent.component.html',
6 | styleUrls: ['./confirmation-email-sent.component.css']
7 | })
8 | export class ConfirmationEmailSentComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit(): void {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/client/src/app/reset-password-complete/reset-password-complete.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-reset-password-complete',
5 | templateUrl: './reset-password-complete.component.html',
6 | styleUrls: ['./reset-password-complete.component.css']
7 | })
8 | export class ResetPasswordCompleteComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit(): void {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/API/DTOs/MemberUpdateDTO.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Linq;
4 | using System.Threading.Tasks;
5 |
6 | namespace API.DTOs
7 | {
8 | public class MemberUpdateDTO
9 | {
10 | public string Introduction { get; set; }
11 | public string LookingFor { get; set; }
12 | public string Interest { get; set; }
13 | public string City { get; set; }
14 | public string Country { get; set; }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/API/Interfaces/ILikeRepository.cs:
--------------------------------------------------------------------------------
1 | using API.DTOs;
2 | using API.Entities;
3 | using API.Helpers;
4 | using System.Collections.Generic;
5 | using System.Threading.Tasks;
6 |
7 | namespace API.Interfaces
8 | {
9 | public interface ILikeRepository
10 | {
11 | Task{{message}}
6 |
2 |
12 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/client/tsconfig.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "compileOnSave": false,
4 | "compilerOptions": {
5 | "baseUrl": "./",
6 | "outDir": "./dist/out-tsc",
7 | "sourceMap": true,
8 | "declaration": false,
9 | "downlevelIteration": true,
10 | "experimentalDecorators": true,
11 | "moduleResolution": "node",
12 | "importHelpers": true,
13 | "target": "es2015",
14 | "module": "es2020",
15 | "lib": [
16 | "es2019",
17 | "es2018",
18 | "dom"
19 | ]
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/client/src/app/admin/user-management/user-management.component.html:
--------------------------------------------------------------------------------
1 | {{label}} is required
13 |
2 |
3 |
14 |
15 |
--------------------------------------------------------------------------------
/API/appsettings.Development.json:
--------------------------------------------------------------------------------
1 | {
2 | "ConnectionStrings": {
3 | "DefaultConnection": "Server=localhost; Port=5432; User Id=appuser; Password=Passw0rd; Database=datingapp;"
4 | },
5 | "TokenKey": "super secret unguessable token key",
6 | "Logging": {
7 | "LogLevel": {
8 | "Default": "Information",
9 | "Microsoft": "information",
10 | "Microsoft.Hosting.Lifetime": "Information"
11 | }
12 | },
13 | "ReturnPaths": {
14 | "ConfirmEmail": "https://localhost:5001/confirm-email",
15 | "PasswordChange": "https://localhost:5001/reset-password"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/API/wwwroot/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | | Username | 5 |Active Roles | 6 |7 | |
|---|---|---|
| {{user.username}} | 10 |{{user.roles}} | 11 |12 | |
2 |
13 |
--------------------------------------------------------------------------------
/API/appsettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "Logging": {
3 | "LogLevel": {
4 | "Default": "Information",
5 | "Microsoft": "information",
6 | "Microsoft.Hosting.Lifetime": "Information"
7 | }
8 | },
9 | "CloudinarySettings": {
10 | "CloudName": "tonymatute",
11 | "ApiKey": "471616553398763",
12 | "ApiSecret": "ykGXniBfsDDq3fdCQAO1f7espJk"
13 | },
14 | "EmailConfiguration": {
15 | "From": "AppDating@comcast.com",
16 | "SmtpServer": "smtp.comcast.net",
17 | "Port": 465,
18 | "Username": "tony.matute@comcast.net",
19 | "Password": "Tm$654.8933.P1"
20 | },
21 | "AllowedHosts": "*"
22 | }
23 |
--------------------------------------------------------------------------------
/client/src/app/errors/server-error/server-error.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Router } from '@angular/router';
3 |
4 | @Component({
5 | selector: 'app-server-error',
6 | templateUrl: './server-error.component.html',
7 | styleUrls: ['./server-error.component.css']
8 | })
9 | export class ServerErrorComponent implements OnInit {
10 | error: any;
11 |
12 | constructor(private router: Router) {
13 | const navigation = this.router.getCurrentNavigation();
14 | this.error = navigation?.extras?.state?.error;
15 |
16 | }
17 |
18 | ngOnInit(): void {
19 | }
20 |
21 | }
22 |
--------------------------------------------------------------------------------
/client/src/app/admin/admin-panel/admin-panel.component.html:
--------------------------------------------------------------------------------
1 |
3 | 
5 |
12 | {{photo.username | titlecase}}
4 |
6 |
7 |
8 |
9 |
10 |
11 | Admin Panel
2 |
3 |
4 |
5 |
10 |
11 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/client/src/app/_resolvers/member-detailed.resolver.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot } from '@angular/router';
3 | import { Observable } from 'rxjs';
4 | import { Member } from '../_models/member';
5 | import { MembersService } from '../_services/members.service';
6 |
7 | @Injectable({
8 | providedIn: 'root'
9 | })
10 | export class MemberDetailedResolver implements Resolve
6 |
7 |
8 |
9 |
12 |
14 |
8 |
14 | -
9 |
- 10 | {{error}} 11 | 12 |
2 |
5 | Internal Server Error
3 |Refreshing the page will make this error dissapear!
4 |Error: {{error.message}}
7 |Note: if you are seeing this error then Angular is probably not to blame.
8 |What to do next:
9 |-
10 |
- Open browser development Tools 11 |
- Inspect the Network tab 12 |
- Checking the failing request 13 |
- Examine the request URL - make sure it is correct! 14 |
- Reproduce the error in Postman - if we see the same response, then the issue is not in Angular 15 |
Following the stack trace - this is where your invvestigation should start!
17 |{{error.details}}
18 |
2 |
8 |
--------------------------------------------------------------------------------
/client/src/app/members/member-messages/member-messages.component.ts:
--------------------------------------------------------------------------------
1 | import { Message } from 'src/app/_models/message';
2 | import { ChangeDetectionStrategy, Component, Input, OnInit, ViewChild } from '@angular/core';
3 | import { MessageService } from 'src/app/_services/message.service';
4 | import { NgForm } from '@angular/forms';
5 |
6 | @Component({
7 | changeDetection: ChangeDetectionStrategy.OnPush,
8 | selector: 'app-member-messages',
9 | templateUrl: './member-messages.component.html',
10 | styleUrls: ['./member-messages.component.css']
11 | })
12 | export class MemberMessagesComponent implements OnInit {
13 | @ViewChild('messageForm') messageForm: NgForm;
14 | @Input() messages: Message[];
15 | @Input() username: string;
16 | messageContent: string;
17 | loading: boolean = false;
18 |
19 | constructor(public messageService: MessageService) { }
20 |
21 | ngOnInit(): void { }
22 |
23 | sendMessage() {
24 | this.loading = true;
25 | this.messageService.sendMessage(this.username, this.messageContent).then(() => {
26 | this.messageForm.reset();
27 | }).finally(() => this.loading = false);
28 | }
29 |
30 | }
31 |
--------------------------------------------------------------------------------
/client/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Karma configuration file, see link for more information
2 | // https://karma-runner.github.io/1.0/config/configuration-file.html
3 |
4 | module.exports = function (config) {
5 | config.set({
6 | basePath: '',
7 | frameworks: ['jasmine', '@angular-devkit/build-angular'],
8 | plugins: [
9 | require('karma-jasmine'),
10 | require('karma-chrome-launcher'),
11 | require('karma-jasmine-html-reporter'),
12 | require('karma-coverage-istanbul-reporter'),
13 | require('@angular-devkit/build-angular/plugins/karma')
14 | ],
15 | client: {
16 | clearContext: false // leave Jasmine Spec Runner output visible in browser
17 | },
18 | coverageIstanbulReporter: {
19 | dir: require('path').join(__dirname, './coverage/client'),
20 | reports: ['html', 'lcovonly', 'text-summary'],
21 | fixWebpackSourcePaths: true
22 | },
23 | reporters: ['progress', 'kjhtml'],
24 | port: 9876,
25 | colors: true,
26 | logLevel: config.LOG_INFO,
27 | autoWatch: true,
28 | browsers: ['Chrome'],
29 | singleRun: false,
30 | restartOnFileChange: true
31 | });
32 | };
33 |
--------------------------------------------------------------------------------
/API/Entities/AppUser.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Identity;
2 | using System;
3 | using System.Collections.Generic;
4 |
5 | namespace API.Entities
6 | {
7 | public class AppUser : IdentityUserPlease enter a {{label}}
9 | {{label}} must be at least {{ngControl.control.errors.minlength['requiredLength']}} characters
11 | {{label}} must be at most {{ngControl.control.errors.maxlength['requiredLength']}} characters
13 | Passwords do not match
14 | Please provide a valid email address
15 | Emails do not match
16 |
2 |
7 | Edit Roles for {{user.username}}
3 | 6 |
8 |
22 |
23 |
27 |
--------------------------------------------------------------------------------
/client/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 | import { RouterTestingModule } from '@angular/router/testing';
3 | import { AppComponent } from './app.component';
4 |
5 | describe('AppComponent', () => {
6 | beforeEach(async () => {
7 | await TestBed.configureTestingModule({
8 | imports: [
9 | RouterTestingModule
10 | ],
11 | declarations: [
12 | AppComponent
13 | ],
14 | }).compileComponents();
15 | });
16 |
17 | it('should create the app', () => {
18 | const fixture = TestBed.createComponent(AppComponent);
19 | const app = fixture.componentInstance;
20 | expect(app).toBeTruthy();
21 | });
22 |
23 | it(`should have as title 'client'`, () => {
24 | const fixture = TestBed.createComponent(AppComponent);
25 | const app = fixture.componentInstance;
26 | expect(app.title).toEqual('client');
27 | });
28 |
29 | it('should render title', () => {
30 | const fixture = TestBed.createComponent(AppComponent);
31 | fixture.detectChanges();
32 | const compiled = fixture.nativeElement;
33 | expect(compiled.querySelector('.content span').textContent).toContain('client app is running!');
34 | });
35 | });
36 |
--------------------------------------------------------------------------------
/client/src/app/list/list.component.html:
--------------------------------------------------------------------------------
1 |
2 |
6 | 3 | {{predicate==='liked' ? 'Member I like' : 'Member who like me'}} 4 |
5 |
7 |
21 |
8 |
15 |
9 |
11 |
13 |
14 |
16 |
20 |
17 |
19 |
22 |
26 |
--------------------------------------------------------------------------------
/client/src/styles.css:
--------------------------------------------------------------------------------
1 | .tab-panel {
2 | border: 1px solid #ddd;
3 | padding: 10px;
4 | border-radius: 4px;
5 | }
6 |
7 | .nav-tabs > li.open, .member-tabset > .nav-tabs > li:hover {
8 | border-bottom: 4px solid #fbcdcf;
9 | }
10 |
11 | .member-tabset > .nav-tabs > li.open > a, .member-tabset > .nav-tabs > li:hover > a {
12 | border: 0;
13 | background: none !important;
14 | color: #333333;
15 | }
16 |
17 | .member-tabset > .nav-tabs > li.open > a > i, .member-tabset > .nav-tabs > li:hover > a > i {
18 | color: #a6a6a6;
19 | }
20 |
21 | .member-tabset > .nav-tabs > li.open .dropdown-menu, .member-tabset > .nav-tabs > li:hover .dropdown-menu {
22 | margin-top: 0px;
23 | }
24 |
25 | .member-tabset > .nav-tabs > li.active {
26 | border-bottom: 4px solid #E95420;
27 | position: relative;
28 | }
29 |
30 | .member-tabset > .nav-tabs > li.active > a {
31 | border: 0 !important;
32 | color: #333333;
33 | }
34 |
35 | .member-tabset > .nav-tabs > li.active > a > i {
36 | color: #404040;
37 | }
38 |
39 | .member-tabset > .tab-content {
40 | margin-top: -3px;
41 | background-color: #fff;
42 | border: 0;
43 | border-top: 1px solid #eee;
44 | padding: 15px 0;
45 | }
46 |
--------------------------------------------------------------------------------
/client/src/app/confirm-email/confirm-email.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { ActivatedRoute } from '@angular/router';
3 | import { ToastrService } from 'ngx-toastr';
4 | import { AccountService } from '../_services/account.service';
5 |
6 | @Component({
7 | selector: 'app-confirm-email',
8 | templateUrl: './confirm-email.component.html',
9 | styleUrls: ['./confirm-email.component.css'],
10 | })
11 | export class ConfirmEmailComponent implements OnInit {
12 | emailConfirmed: boolean = false;
13 | urlParams: any = {};
14 |
15 | constructor(
16 | private route: ActivatedRoute,
17 | private accountService: AccountService,
18 | private toastrService: ToastrService
19 | ) {}
20 |
21 | ngOnInit(): void {
22 | this.urlParams.token = this.route.snapshot.queryParamMap.get('token');
23 | this.urlParams.userid = this.route.snapshot.queryParamMap.get('userid');
24 | this.confirmEmail();
25 | }
26 |
27 | confirmEmail() {
28 | this.accountService.confirmEmail(this.urlParams).subscribe(() => {
29 | this.toastrService.success("Email Confirmed succesful");
30 | this.emailConfirmed = true;
31 | }, (error) => {
32 | this.toastrService.error("Unable to confirm your email!");
33 | this.emailConfirmed = false;
34 | })
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/API/Controllers/BuggyController.cs:
--------------------------------------------------------------------------------
1 | using API.Data;
2 | using API.Entities;
3 | using Microsoft.AspNetCore.Authorization;
4 | using Microsoft.AspNetCore.Mvc;
5 | using System;
6 |
7 | namespace API.Controllers
8 | {
9 | public class BuggyController : BaseAPIController
10 | {
11 | private readonly DataContext _context;
12 |
13 | public BuggyController(DataContext context)
14 | {
15 | _context = context;
16 | }
17 |
18 | [Authorize]
19 | [HttpGet("auth")]
20 | public ActionResult
2 |
--------------------------------------------------------------------------------
/API/Data/PhotoRepository.cs:
--------------------------------------------------------------------------------
1 | using API.DTOs;
2 | using API.Entities;
3 | using API.Interfaces;
4 | using System.Collections.Generic;
5 | using System.Threading.Tasks;
6 | using System.Linq;
7 | using Microsoft.EntityFrameworkCore;
8 |
9 | namespace API.Data
10 | {
11 | public class PhotoRepository : IPhotoRepository
12 | {
13 | private readonly DataContext _context;
14 |
15 | public PhotoRepository(DataContext context)
16 | {
17 | _context = context;
18 | }
19 |
20 | public async Task
3 |
26 |
4 |
25 |
5 |
7 | Reset Password
6 |
8 |
22 |
23 |
24 |
2 |
--------------------------------------------------------------------------------
/client/src/app/members/member-card/member-card.component.html:
--------------------------------------------------------------------------------
1 |
3 |
28 |
4 |
27 |
5 |
7 | Login
6 |
8 |
21 |
22 |
26 |
2 |
36 |
--------------------------------------------------------------------------------
/DatingApp.sln:
--------------------------------------------------------------------------------
1 |
2 | Microsoft Visual Studio Solution File, Format Version 12.00
3 | # Visual Studio Version 16
4 | VisualStudioVersion = 16.0.30611.23
5 | MinimumVisualStudioVersion = 10.0.40219.1
6 | Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "API", "API\API.csproj", "{64B1FEDA-0C65-487D-B4D2-91FC5E932AA5}"
7 | EndProject
8 | Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "EmailService", "EmailService\EmailService.csproj", "{22B19990-26EE-4981-B479-D11D53F8F43E}"
9 | EndProject
10 | Global
11 | GlobalSection(SolutionConfigurationPlatforms) = preSolution
12 | Debug|Any CPU = Debug|Any CPU
13 | Release|Any CPU = Release|Any CPU
14 | EndGlobalSection
15 | GlobalSection(ProjectConfigurationPlatforms) = postSolution
16 | {64B1FEDA-0C65-487D-B4D2-91FC5E932AA5}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
17 | {64B1FEDA-0C65-487D-B4D2-91FC5E932AA5}.Debug|Any CPU.Build.0 = Debug|Any CPU
18 | {64B1FEDA-0C65-487D-B4D2-91FC5E932AA5}.Release|Any CPU.ActiveCfg = Release|Any CPU
19 | {64B1FEDA-0C65-487D-B4D2-91FC5E932AA5}.Release|Any CPU.Build.0 = Release|Any CPU
20 | {22B19990-26EE-4981-B479-D11D53F8F43E}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
21 | {22B19990-26EE-4981-B479-D11D53F8F43E}.Debug|Any CPU.Build.0 = Debug|Any CPU
22 | {22B19990-26EE-4981-B479-D11D53F8F43E}.Release|Any CPU.ActiveCfg = Release|Any CPU
23 | {22B19990-26EE-4981-B479-D11D53F8F43E}.Release|Any CPU.Build.0 = Release|Any CPU
24 | EndGlobalSection
25 | GlobalSection(SolutionProperties) = preSolution
26 | HideSolutionNode = FALSE
27 | EndGlobalSection
28 | GlobalSection(ExtensibilityGlobals) = postSolution
29 | SolutionGuid = {37E4BA09-8A1A-428A-8EE7-CB8C2D7FCA79}
30 | EndGlobalSection
31 | EndGlobal
32 |
--------------------------------------------------------------------------------
/client/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import { Component, OnDestroy, OnInit } from '@angular/core';
3 | import { User } from './_models/user';
4 | import { AccountService } from './_services/account.service';
5 | import { PresenceService } from './_services/presence.service';
6 |
7 | @Component({
8 | selector: 'app-root',
9 | templateUrl: './app.component.html',
10 | styleUrls: ['./app.component.css'],
11 | })
12 | export class AppComponent implements OnInit {
13 | title = 'The Dating App';
14 | users: any;
15 |
16 | constructor(
17 | private accountService: AccountService,
18 | private presence: PresenceService
19 | ) {}
20 | ngOnInit() {
21 | this.setCurrentUser();
22 | }
23 |
24 | setCurrentUser() {
25 | const user: User = JSON.parse(localStorage.getItem('user'));
26 | if (user) {
27 | this.accountService.setCurrentUser(user);
28 | this.presence.createHubConnection(user);
29 | this.onBeforeUnload();
30 | this.OnUnload();
31 | }
32 | }
33 | onBeforeUnload() {
34 | let context = this;
35 | window.addEventListener('beforeunload', function (e) {
36 | let user: User = JSON.parse(localStorage.getItem('user'));
37 | if (user) {
38 | context.logoutOnClose();
39 | }
40 | });
41 | }
42 |
43 | OnUnload() {
44 | let context = this;
45 | window.addEventListener('onunload', function (e) {
46 | let user: User = JSON.parse(localStorage.getItem('user'));
47 | if (user) {
48 | context.logoutOnClose();
49 | }
50 | });
51 | }
52 |
53 | logoutOnClose() {
54 | this.accountService.logout();
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/client/src/app/messages/messages.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Message } from '../_models/message';
3 | import { Pagination } from '../_models/pagination';
4 | import { ConfirmService } from '../_services/confirm.service';
5 | import { MessageService } from '../_services/message.service';
6 |
7 | @Component({
8 | selector: 'app-messages',
9 | templateUrl: './messages.component.html',
10 | styleUrls: ['./messages.component.css']
11 | })
12 | export class MessagesComponent implements OnInit {
13 | messages: Message[] = [];
14 | pagination: Pagination;
15 | container = 'Unread';
16 | pageNumber = 1;
17 | pageSize = 5;
18 | loading = false;
19 |
20 | constructor(private messageService: MessageService, private confirmService: ConfirmService) { }
21 |
22 | ngOnInit(): void {
23 | this.loadMessages();
24 | }
25 |
26 | loadMessages() {
27 | this.loading = true;
28 | this.messageService.getMessages(this.pageNumber, this.pageSize, this.container).subscribe(response => {
29 | this.messages = response.result;
30 | this.pagination = response.pagination;
31 | this.loading = false;
32 | })
33 | }
34 |
35 | deleteMessage(id: number) {
36 | this.confirmService.confirm('Confirm Delete', 'Delete Messages cannot be undo, do you want to continue?').subscribe(result => {
37 | if (result) {
38 | this.messageService.deleteMessage(id).subscribe(() => {
39 | this.messages.splice(this.messages.findIndex(i => i.id === id), 1);
40 | })
41 | }
42 | });
43 | }
44 |
45 | pageChanged(event: any) {
46 | this.pageNumber = event.page;
47 | this.loadMessages();
48 | }
49 |
50 | }
51 |
--------------------------------------------------------------------------------
/client/src/app/members/member-edit/member-edit.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, HostListener, OnInit, ViewChild } from '@angular/core';
2 | import { NgForm } from '@angular/forms';
3 | import { ToastrService } from 'ngx-toastr';
4 | import { take } from 'rxjs/operators';
5 | import { Member } from 'src/app/_models/member';
6 | import { User } from 'src/app/_models/user';
7 | import { AccountService } from 'src/app/_services/account.service';
8 | import { MembersService } from 'src/app/_services/members.service';
9 |
10 | @Component({
11 | selector: 'app-member-edit',
12 | templateUrl: './member-edit.component.html',
13 | styleUrls: ['./member-edit.component.css'],
14 | })
15 | export class MemberEditComponent implements OnInit {
16 | @ViewChild('editForm') editForm: NgForm;
17 | member: Member;
18 | user: User;
19 | @HostListener('window:beforeunload', ['$event']) unloadNotification(
20 | $event: any
21 | ) {
22 | if (this.editForm.dirty) {
23 | $event.returnValue = true;
24 | }
25 | }
26 |
27 | constructor(
28 | private accountService: AccountService,
29 | private memberService: MembersService,
30 | private toastx: ToastrService
31 | ) {
32 | this.accountService.currentUser$
33 | .pipe(take(1))
34 | .subscribe((user) => (this.user = user));
35 | }
36 |
37 | ngOnInit(): void {
38 | this.loadMember();
39 | }
40 |
41 | loadMember() {
42 | this.memberService.getMember(this.user.username).subscribe((member) => {
43 | this.member = member;
44 | });
45 | }
46 |
47 | updateMember() {
48 | this.memberService.updateMember(this.member).subscribe(() => {
49 | this.toastx.success('Profile Updated Successfuly.');
50 | this.editForm.reset(this.member);
51 | });
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/client/src/app/members/member-list/member-list.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Observable } from 'rxjs';
3 | import { take } from 'rxjs/operators';
4 | import { Member } from 'src/app/_models/member';
5 | import { Pagination } from 'src/app/_models/pagination';
6 | import { User } from 'src/app/_models/user';
7 | import { UserParams } from 'src/app/_models/userParams';
8 | import { AccountService } from 'src/app/_services/account.service';
9 | import { MembersService } from 'src/app/_services/members.service';
10 |
11 | @Component({
12 | selector: 'app-member-list',
13 | templateUrl: './member-list.component.html',
14 | styleUrls: ['./member-list.component.css']
15 | })
16 | export class MemberListComponent implements OnInit {
17 | members: Member[];
18 | pagination: Pagination;
19 | userParams: UserParams;
20 | user: User;
21 | genderList = [{ value: 'male', display: 'Male' }, { value: 'female', display: 'Female' }];
22 |
23 | constructor(private memberService: MembersService) {
24 | this.userParams = this.memberService.getUserParams();
25 | }
26 |
27 | ngOnInit(): void {
28 | this.loadMembers();
29 | }
30 |
31 | loadMembers() {
32 | this.memberService.setUserParams(this.userParams);
33 | this.memberService.getMembers(this.userParams).subscribe(response => {
34 | this.members = response.result;
35 | this.pagination = response.pagination;
36 | })
37 | }
38 |
39 | pageChanged(event: any) {
40 | this.userParams.pageNumber = event.page;
41 | this.memberService.setUserParams(this.userParams);
42 | this.loadMembers();
43 | }
44 |
45 | resetFilter() {
46 | this.userParams = this.memberService.resetUserParams();
47 | this.loadMembers();
48 | }
49 |
50 | }
51 |
--------------------------------------------------------------------------------
/client/src/app/errors/test-errors/test-errors.component.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import { Component, OnInit } from '@angular/core';
3 | import { environment } from 'src/environments/environment.prod';
4 |
5 | @Component({
6 | selector: 'app-test-errors',
7 | templateUrl: './test-errors.component.html',
8 | styleUrls: ['./test-errors.component.css']
9 | })
10 | export class TestErrorsComponent implements OnInit {
11 | baseUrl = environment.apiUrl;
12 | validationErrors: string[] = [];
13 |
14 | constructor(private http: HttpClient) { }
15 |
16 | ngOnInit(): void {
17 | }
18 |
19 | get404Error() {
20 | this.http.get(this.baseUrl + "buggy/not-found").subscribe(response => {
21 | console.log(response);
22 | }, error => {
23 | console.log(error);
24 | })
25 | }
26 |
27 | get400Error() {
28 | this.http.get(this.baseUrl + "buggy/bad-request").subscribe(response => {
29 | console.log(response);
30 | }, error => {
31 | console.log(error);
32 | })
33 | }
34 |
35 | get500Error() {
36 | this.http.get(this.baseUrl + "buggy/server-error").subscribe(response => {
37 | console.log(response);
38 | }, error => {
39 | console.log(error);
40 | })
41 | }
42 |
43 | get401Error() {
44 | this.http.get(this.baseUrl + "buggy/auth").subscribe(response => {
45 | console.log(response);
46 | }, error => {
47 | console.log(error);
48 | })
49 | }
50 |
51 | get400ValidationError() {
52 | this.http.post(this.baseUrl + "account/register", {}).subscribe(response => {
53 | console.log(response);
54 | }, error => {
55 | console.log(error);
56 | this.validationErrors = error;
57 | })
58 | }
59 |
60 | }
61 |
--------------------------------------------------------------------------------
/client/src/app/nav/nav.component.html:
--------------------------------------------------------------------------------
1 |
33 |
--------------------------------------------------------------------------------
/API/Middleware/ExceptionMiddleware.cs:
--------------------------------------------------------------------------------
1 | using API.Errors;
2 | using Microsoft.AspNetCore.Http;
3 | using Microsoft.Extensions.Hosting;
4 | using Microsoft.Extensions.Logging;
5 | using System;
6 | using System.Net;
7 | using System.Text.Json;
8 | using System.Threading.Tasks;
9 |
10 | namespace API.MiddleWare
11 | {
12 | public class ExceptionMiddleware
13 | {
14 | private readonly RequestDelegate _next;
15 | private readonly ILogger
3 | 
4 |
23 |
24 |
4 |
23 |
25 |
35 | 26 | 27 | 28 | 29 | {{member.knownAs}}, {{member.age}} 30 |
31 |32 | {{member.city}}, {{member.country}} 33 |
34 |
2 |
--------------------------------------------------------------------------------
/API/Services/TokenService.cs:
--------------------------------------------------------------------------------
1 | using API.Entities;
2 | using API.Interfaces;
3 | using Microsoft.AspNetCore.Identity;
4 | using Microsoft.Extensions.Configuration;
5 | using Microsoft.IdentityModel.Tokens;
6 | using System;
7 | using System.Collections.Generic;
8 | using System.IdentityModel.Tokens.Jwt;
9 | using System.Linq;
10 | using System.Security.Claims;
11 | using System.Text;
12 | using System.Threading.Tasks;
13 | using JwtRegisteredClaimNames = Microsoft.IdentityModel.JsonWebTokens.JwtRegisteredClaimNames;
14 |
15 | namespace API.Services
16 | {
17 | public class TokenService : ITokenService
18 | {
19 | private readonly SymmetricSecurityKey _key;
20 | private readonly UserManager
3 |
36 |
4 |
35 |
5 |
7 | Reset Password
6 |
8 |
28 |
29 |
34 | We are Happy you register with us.
" + 33 | "Please click on the link below or copy the link to your browser to confirm your email address.
" + 34 | "This confirm email link is only valid for the next 24 hours.
", usernameToTittleCase) + link; 35 | break; 36 | case MessageType.ResetPassword: 37 | contextMessage = string.Format("Dear {0}
You recently request to reset your password account.
" + 38 | "Please click on the link below or copy the link to your browser to reset it.
" + 39 | "This password reset link is only valid for the next 24 hours.
", usernameToTittleCase) + link; 40 | break; 41 | } 42 | 43 | return contextMessage; 44 | } 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /API/Controllers/LikesController.cs: -------------------------------------------------------------------------------- 1 | using API.DTOs; 2 | using API.Entities; 3 | using API.Extensions; 4 | using API.Helpers; 5 | using API.Interfaces; 6 | using Microsoft.AspNetCore.Authorization; 7 | using Microsoft.AspNetCore.Mvc; 8 | using System.Collections.Generic; 9 | using System.Threading.Tasks; 10 | 11 | namespace API.Controllers 12 | { 13 | [Authorize] 14 | public class LikesController : BaseAPIController 15 | { 16 | private readonly IUnitOfWork _unitOfWork; 17 | 18 | public LikesController(IUnitOfWork unitOfWork) 19 | { 20 | _unitOfWork = unitOfWork; 21 | } 22 | 23 | [HttpPost("{username}")] 24 | public async Task
2 |
4 | Your Matches - {{pagination?.totalItems}} found
3 |
5 |
37 |
38 |
39 |
43 |
44 |
40 |
42 |
45 |
--------------------------------------------------------------------------------
/client/src/app/_services/account.service.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import { Injectable } from '@angular/core';
3 | import { CookieService } from 'ngx-cookie-service';
4 | import { of, ReplaySubject } from 'rxjs';
5 | import { map } from 'rxjs/operators';
6 | import { environment } from 'src/environments/environment';
7 | import { User } from '../_models/user';
8 | import { PresenceService } from './presence.service';
9 |
10 | @Injectable({
11 | providedIn: 'root',
12 | })
13 | export class AccountService {
14 | baseUrl = environment.apiUrl;
15 | private currentUserSource = new ReplaySubject
2 |
58 |
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | ###############################################################################
2 | # Set default behavior to automatically normalize line endings.
3 | ###############################################################################
4 | * text=auto
5 |
6 | ###############################################################################
7 | # Set default behavior for command prompt diff.
8 | #
9 | # This is need for earlier builds of msysgit that does not have it on by
10 | # default for csharp files.
11 | # Note: This is only used by command line
12 | ###############################################################################
13 | #*.cs diff=csharp
14 |
15 | ###############################################################################
16 | # Set the merge driver for project and solution files
17 | #
18 | # Merging from the command prompt will add diff markers to the files if there
19 | # are conflicts (Merging from VS is not affected by the settings below, in VS
20 | # the diff markers are never inserted). Diff markers may cause the following
21 | # file extensions to fail to load in VS. An alternative would be to treat
22 | # these files as binary and thus will always conflict and require user
23 | # intervention with every merge. To do so, just uncomment the entries below
24 | ###############################################################################
25 | #*.sln merge=binary
26 | #*.csproj merge=binary
27 | #*.vbproj merge=binary
28 | #*.vcxproj merge=binary
29 | #*.vcproj merge=binary
30 | #*.dbproj merge=binary
31 | #*.fsproj merge=binary
32 | #*.lsproj merge=binary
33 | #*.wixproj merge=binary
34 | #*.modelproj merge=binary
35 | #*.sqlproj merge=binary
36 | #*.wwaproj merge=binary
37 |
38 | ###############################################################################
39 | # behavior for image files
40 | #
41 | # image files are treated as binary by default.
42 | ###############################################################################
43 | #*.jpg binary
44 | #*.png binary
45 | #*.gif binary
46 |
47 | ###############################################################################
48 | # diff behavior for common document formats
49 | #
50 | # Convert binary document formats to text before diffing them. This feature
51 | # is only available from the command line. Turn it on by uncommenting the
52 | # entries below.
53 | ###############################################################################
54 | #*.doc diff=astextplain
55 | #*.DOC diff=astextplain
56 | #*.docx diff=astextplain
57 | #*.DOCX diff=astextplain
58 | #*.dot diff=astextplain
59 | #*.DOT diff=astextplain
60 | #*.pdf diff=astextplain
61 | #*.PDF diff=astextplain
62 | #*.rtf diff=astextplain
63 | #*.RTF diff=astextplain
64 |
--------------------------------------------------------------------------------
/client/src/app/members/member-messages/member-messages.component.html:
--------------------------------------------------------------------------------
1 |
3 |
34 |
4 |
5 |
33 |
5 |
6 |
26 |
32 |
7 | Online Now
8 |
9 |
10 | Location:
11 |
13 | {{member.city}}, {{member.country}}
12 |
14 | Age:
15 |
17 | {{member.age}}
16 |
18 | Last Activity:
19 |
21 | {{member.lastActive | timeago}}
20 |
22 | Member since:
23 |
25 | {{member.created | date: 'longDate'}}
24 |
35 |
36 |
37 |
42 |
43 |
46 |
47 |
52 |
53 |
55 |
56 |
57 | Description:
38 |{{member.introduction}}
39 |Looking For:
40 |{{member.lookingFor}}
41 |Interests:
44 |{{member.introduction}}
45 |
2 |
38 |
56 |
57 |
--------------------------------------------------------------------------------
/API/Extentions/IdentityServiceExtensions.cs:
--------------------------------------------------------------------------------
1 |
2 | using API.Data;
3 | using API.Entities;
4 | using Microsoft.AspNetCore.Authentication.JwtBearer;
5 | using Microsoft.AspNetCore.Identity;
6 | using Microsoft.Extensions.Configuration;
7 | using Microsoft.Extensions.DependencyInjection;
8 | using Microsoft.IdentityModel.Tokens;
9 | using System.Text;
10 | using System.Threading.Tasks;
11 |
12 | namespace API.Extentions
13 | {
14 | public static class IdentityServiceExtensions
15 | {
16 | public static IServiceCollection AddIdentityServices(this IServiceCollection services, IConfiguration config)
17 | {
18 | services.AddIdentityCore
2 |
14 |
3 |
6 |
9 |
12 |
13 |
15 |
17 | No Messages
16 |
18 |
19 |
50 |
51 | | Message | 21 |From / To | 22 |Sent / Received | 23 |24 | |
|---|---|---|---|
| {{message.content}} | 30 |
31 |
32 |
37 | 
35 | {{message.recipientUsername | titlecase}}
36 |
38 |
43 | 
41 | {{message.senderUsername | titlecase}}
42 | |
44 | {{message.messageSent | timeago}} | 45 |46 | 47 | | 48 |
52 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/client/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This file includes polyfills needed by Angular and is loaded before the app.
3 | * You can add your own extra polyfills to this file.
4 | *
5 | * This file is divided into 2 sections:
6 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
7 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
8 | * file.
9 | *
10 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 | * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
12 | * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
13 | *
14 | * Learn more in https://angular.io/guide/browser-support
15 | */
16 |
17 | /***************************************************************************************************
18 | * BROWSER POLYFILLS
19 | */
20 |
21 | /** IE10 and IE11 requires the following for NgClass support on SVG elements */
22 | // import 'classlist.js'; // Run `npm install --save classlist.js`.
23 |
24 | /**
25 | * Web Animations `@angular/platform-browser/animations`
26 | * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
27 | * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
28 | */
29 | // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
30 |
31 | /**
32 | * By default, zone.js will patch all possible macroTask and DomEvents
33 | * user can disable parts of macroTask/DomEvents patch by setting following flags
34 | * because those flags need to be set before `zone.js` being loaded, and webpack
35 | * will put import in the top of bundle, so user need to create a separate file
36 | * in this directory (for example: zone-flags.ts), and put the following flags
37 | * into that file, and then add the following code before importing zone.js.
38 | * import './zone-flags';
39 | *
40 | * The flags allowed in zone-flags.ts are listed here.
41 | *
42 | * The following flags will work for all browsers.
43 | *
44 | * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
45 | * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
46 | * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
47 | *
48 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
49 | * with the following flag, it will bypass `zone.js` patch for IE/Edge
50 | *
51 | * (window as any).__Zone_enable_cross_context_check = true;
52 | *
53 | */
54 |
55 | /***************************************************************************************************
56 | * Zone JS is required by default for Angular itself.
57 | */
58 | import 'zone.js/dist/zone'; // Included with Angular CLI.
59 |
60 |
61 | /***************************************************************************************************
62 | * APPLICATION IMPORTS
63 | */
64 |
--------------------------------------------------------------------------------
/client/src/app/members/member-edit/member-edit.component.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/client/src/app/members/member-detail/member-detail.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
2 | import { ActivatedRoute, Router } from '@angular/router';
3 | import { NgxGalleryAnimation, NgxGalleryImage, NgxGalleryOptions } from '@kolkov/ngx-gallery';
4 | import { TabDirective, TabsetComponent } from 'ngx-bootstrap/tabs';
5 | import { take } from 'rxjs/operators';
6 | import { Member } from 'src/app/_models/member';
7 | import { Message } from 'src/app/_models/message';
8 | import { User } from 'src/app/_models/user';
9 | import { AccountService } from 'src/app/_services/account.service';
10 | import { MessageService } from 'src/app/_services/message.service';
11 | import { PresenceService } from 'src/app/_services/presence.service';
12 |
13 | @Component({
14 | selector: 'app-member-detail',
15 | templateUrl: './member-detail.component.html',
16 | styleUrls: ['./member-detail.component.css']
17 | })
18 | export class MemberDetailComponent implements OnInit, OnDestroy {
19 | @ViewChild('memberTabs', {static: true}) memberTabs: TabsetComponent;
20 | member: Member;
21 | galleryOptions: NgxGalleryOptions[];
22 | galleryImages: NgxGalleryImage[];
23 | activeTab: TabDirective;
24 | messages: Message[] = [];
25 | user: User;
26 |
27 | constructor
28 | (public presence: PresenceService,
29 | private route: ActivatedRoute,
30 | private messageService: MessageService,
31 | private accountService: AccountService,
32 | private router: Router) {
33 | this.router.routeReuseStrategy.shouldReuseRoute = () => false;
34 | this.accountService.currentUser$.pipe(take(1)).subscribe(user => this.user = user);
35 | }
36 |
37 | ngOnInit(): void {
38 | this.route.data.subscribe(data => {
39 | this.member = data.member;
40 | })
41 |
42 | this.route.queryParams.subscribe(params => {
43 | params.tab ? this.selectTab(3) : this.selectTab(0);
44 | });
45 |
46 | this.galleryOptions = [
47 | {
48 | width: '500px',
49 | height: '500px',
50 | imagePercent: 100,
51 | thumbnailsColumns: 4,
52 | imageAnimation: NgxGalleryAnimation.Slide,
53 | preview: false
54 | }
55 | ]
56 |
57 | this.galleryImages = this.getImages();
58 | }
59 |
60 | getImages(): NgxGalleryImage[] {
61 | const imageUrls = [];
62 | for (const photo of this.member.photos) {
63 | imageUrls.push({
64 | small: photo?.url,
65 | medium: photo?.url,
66 | big: photo?.url
67 | });
68 | }
69 | return imageUrls;
70 | }
71 |
72 | loadMessages() {
73 | this.messageService.getMessagesThread(this.member.username).subscribe(messages => {
74 | this.messages = messages;
75 | })
76 | }
77 |
78 | selectTab(tabId: number) {
79 | this.memberTabs.tabs[tabId].active = true;
80 | }
81 |
82 | onTabActivated(data: TabDirective) {
83 | this.activeTab = data;
84 | if (this.activeTab.heading === 'Messages' && this.messages.length === 0) {
85 | this.messageService.createHubConnection(this.user, this.member.username);
86 | } else {
87 | this.messageService.stopHubConnection();
88 | }
89 | }
90 |
91 | ngOnDestroy(): void {
92 | this.messageService.stopHubConnection();
93 | }
94 | }
95 |
--------------------------------------------------------------------------------
/client/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { AdminPanelComponent } from './admin/admin-panel/admin-panel.component';
4 | import { ConfirmEmailComponent } from './confirm-email/confirm-email.component';
5 | import { ConfirmPasswordSentComponent } from './confirm-password-sent/confirm-password-sent.component';
6 | import { ConfirmationEmailSentComponent } from './confirmation-email-sent/confirmation-email-sent.component';
7 | import { NotFoundComponent } from './errors/not-found/not-found.component';
8 | import { ServerErrorComponent } from './errors/server-error/server-error.component';
9 | import { TestErrorsComponent } from './errors/test-errors/test-errors.component';
10 | import { ForgotPasswordComponent } from './forgot-password/forgot-password.component';
11 | import { HomeComponent } from './home/home.component';
12 | import { ListComponent } from './list/list.component';
13 | import { MemberDetailComponent } from './members/member-detail/member-detail.component';
14 | import { MemberEditComponent } from './members/member-edit/member-edit.component';
15 | import { MemberListComponent } from './members/member-list/member-list.component';
16 | import { MessagesComponent } from './messages/messages.component';
17 | import { RegisterComponent } from './register/register.component';
18 | import { ResetPasswordCompleteComponent } from './reset-password-complete/reset-password-complete.component';
19 | import { ResetPasswordComponent } from './reset-password/reset-password.component';
20 | import { AdminGuard } from './_guards/admin.guard';
21 | import { AuthGuard } from './_guards/auth.guard';
22 | import { PreventUnsavedChangesGuard } from './_guards/prevent-unsaved-changes.guard';
23 | import { MemberDetailedResolver } from './_resolvers/member-detailed.resolver';
24 |
25 | const routes: Routes = [
26 | { path: '', component: HomeComponent },
27 | {
28 | path: '',
29 | runGuardsAndResolvers: 'always',
30 | canActivate: [AuthGuard],
31 | children: [
32 | { path: 'members', component: MemberListComponent },
33 | { path: 'members/:username', component: MemberDetailComponent, resolve: {member: MemberDetailedResolver} },
34 | { path: 'member/edit', component: MemberEditComponent , canDeactivate: [PreventUnsavedChangesGuard]},
35 | { path: 'lists', component: ListComponent },
36 | { path: 'messages', component: MessagesComponent },
37 | { path: 'admin', component: AdminPanelComponent, canActivate: [AdminGuard] }
38 | ]
39 | },
40 | { path: 'errors', component: TestErrorsComponent },
41 | { path: 'server-error', component: ServerErrorComponent },
42 | { path: 'not-found', component: NotFoundComponent },
43 | { path: 'forgot-password', component: ForgotPasswordComponent },
44 | { path: 'register', component: RegisterComponent },
45 | { path: 'confirm-email', component: ConfirmEmailComponent },
46 | { path: 'confirmation-email-sent', component: ConfirmationEmailSentComponent },
47 | { path: 'confirm-password-sent', component: ConfirmPasswordSentComponent },
48 | { path: 'reset-password', component: ResetPasswordComponent },
49 | { path: 'reset-password-complete', component: ResetPasswordCompleteComponent },
50 | { path: '**', component: NotFoundComponent, pathMatch: 'full' }
51 | ];
52 |
53 | @NgModule({
54 | imports: [RouterModule.forRoot(routes)],
55 | exports: [RouterModule]
56 | })
57 | export class AppRoutingModule { }
58 |
--------------------------------------------------------------------------------
/client/src/app/_services/message.service.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import { Injectable } from '@angular/core';
3 | import { HubConnection, HubConnectionBuilder } from '@microsoft/signalr';
4 | import { group, table } from 'console';
5 | import { datepickerAnimation } from 'ngx-bootstrap/datepicker/datepicker-animations';
6 | import { BehaviorSubject } from 'rxjs';
7 | import { take } from 'rxjs/operators';
8 | import { environment } from 'src/environments/environment';
9 | import { Group } from '../_models/group';
10 | import { Message } from '../_models/message';
11 | import { User } from '../_models/user';
12 | import { BusyService } from './busy.service';
13 | import { getPaginationHeaders, getPaginationResult } from './paginationHelper';
14 |
15 | @Injectable({
16 | providedIn: 'root',
17 | })
18 | export class MessageService {
19 | baseUrl = environment.apiUrl;
20 | hubUrl = environment.hubUrl;
21 | private hubConnection: HubConnection;
22 | private messageThreadSource = new BehaviorSubject
3 |
5 | Your Profile
4 |
6 |
10 |
7 | Information: You have made changes. Any unsaved changes will be lost!
8 |
9 |
11 |
38 |
12 |
14 |
37 |
14 |
15 |
32 |
36 |
16 | Location:
17 |
19 | {{member.city}}, {{member.country}}
18 |
20 | Age:
21 |
23 | {{member.age}}
22 |
24 | Last Activity:
25 |
27 | {{member.lastActive | timeago}}
26 |
28 | Member since:
29 |
31 | {{member.created | date: 'longDate'}}
30 |
39 |
40 |
41 |
57 |
58 |
59 |
61 |
62 |
63 |
64 |