+
+
+
diff --git a/do_connect_frontend/src/app/app.component.spec.ts b/do_connect_frontend/src/app/app.component.spec.ts
new file mode 100644
index 0000000..1ef7393
--- /dev/null
+++ b/do_connect_frontend/src/app/app.component.spec.ts
@@ -0,0 +1,35 @@
+import { TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [
+ RouterTestingModule
+ ],
+ declarations: [
+ AppComponent
+ ],
+ }).compileComponents();
+ });
+
+ it('should create the app', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.componentInstance;
+ expect(app).toBeTruthy();
+ });
+
+ it(`should have as title 'angular-project'`, () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.componentInstance;
+ expect(app.title).toEqual('angular-project');
+ });
+
+ it('should render title', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ fixture.detectChanges();
+ const compiled = fixture.nativeElement as HTMLElement;
+ expect(compiled.querySelector('.content span')?.textContent).toContain('angular-project app is running!');
+ });
+});
diff --git a/do_connect_frontend/src/app/app.component.ts b/do_connect_frontend/src/app/app.component.ts
new file mode 100644
index 0000000..5d86972
--- /dev/null
+++ b/do_connect_frontend/src/app/app.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-root',
+ templateUrl: './app.component.html',
+ styleUrls: ['./app.component.css'],
+})
+export class AppComponent {
+ title = 'do-connect';
+}
diff --git a/do_connect_frontend/src/app/app.module.ts b/do_connect_frontend/src/app/app.module.ts
new file mode 100644
index 0000000..96bf001
--- /dev/null
+++ b/do_connect_frontend/src/app/app.module.ts
@@ -0,0 +1,50 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { HttpClientModule } from '@angular/common/http';
+import { AngularEditorModule } from '@kolkov/angular-editor';
+
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { LoginComponent } from './login/login.component';
+import { DashboardComponent } from './dashboard/dashboard.component';
+import { NavbarComponent } from './navbar/navbar.component';
+import { FooterComponent } from './footer/footer.component';
+import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
+import { RegisterComponent } from './register/register.component';
+import { HomeComponent } from './home/home.component';
+import { PostQuestionComponent } from './post-question/post-question.component';
+import { ChatComponent } from './chat/chat.component';
+import { QuestionComponent } from './question/question.component';
+import { ErrorComponent } from './error/error.component';
+import { authInterceptorProviders } from './utils/auth.interceptor';
+import { SecurePipe } from './utils/secure.pipe';
+
+@NgModule({
+ declarations: [
+ AppComponent,
+ LoginComponent,
+ DashboardComponent,
+ NavbarComponent,
+ FooterComponent,
+ PageNotFoundComponent,
+ RegisterComponent,
+ HomeComponent,
+ PostQuestionComponent,
+ ChatComponent,
+ QuestionComponent,
+ ErrorComponent,
+ SecurePipe,
+ ],
+ imports: [
+ BrowserModule,
+ AppRoutingModule,
+ FormsModule,
+ HttpClientModule,
+ AngularEditorModule,
+ ReactiveFormsModule,
+ ],
+ providers: [authInterceptorProviders],
+ bootstrap: [AppComponent],
+})
+export class AppModule {}
diff --git a/do_connect_frontend/src/app/chat/chat.component.css b/do_connect_frontend/src/app/chat/chat.component.css
new file mode 100644
index 0000000..83cc139
--- /dev/null
+++ b/do_connect_frontend/src/app/chat/chat.component.css
@@ -0,0 +1,51 @@
+.chatbox {
+ color: black;
+ height: max(50vh, 450px);
+ width: max(30vw, 300px);
+ background-color: aliceblue;
+ padding: 0.5rem;
+ position: absolute;
+ bottom: 8rem;
+ right: 2rem;
+ border-radius: 0.5rem;
+ z-index: 5;
+}
+
+.inputbox {
+ bottom: 0;
+ padding-top: 0.25rem;
+}
+
+.message-box {
+ height: calc(100% - 40px);
+ border: 1px;
+ overflow: auto;
+ position: relative;
+}
+
+.message {
+ background-image: linear-gradient(to right top, #004dc0, #0e2a6c);
+ color: rgb(190, 205, 255);
+ margin-bottom: 0.5rem;
+ border-radius: 0.5rem;
+ padding: 0.5rem;
+ display: flex;
+ flex-direction: column;
+}
+
+.message-right {
+ text-align: right;
+ color: white;
+}
+
+.message-left {
+ text-align: left;
+ color: white;
+}
+
+.message-header {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ font-size: smaller;
+}
diff --git a/do_connect_frontend/src/app/chat/chat.component.html b/do_connect_frontend/src/app/chat/chat.component.html
new file mode 100644
index 0000000..dbb511e
--- /dev/null
+++ b/do_connect_frontend/src/app/chat/chat.component.html
@@ -0,0 +1,15 @@
+
+
+
diff --git a/do_connect_frontend/src/app/chat/chat.component.spec.ts b/do_connect_frontend/src/app/chat/chat.component.spec.ts
new file mode 100644
index 0000000..994bf48
--- /dev/null
+++ b/do_connect_frontend/src/app/chat/chat.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ChatComponent } from './chat.component';
+
+describe('ChatComponent', () => {
+ let component: ChatComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
diff --git a/do_connect_frontend/src/app/dashboard/dashboard.component.spec.ts b/do_connect_frontend/src/app/dashboard/dashboard.component.spec.ts
new file mode 100644
index 0000000..6e4dcd8
--- /dev/null
+++ b/do_connect_frontend/src/app/dashboard/dashboard.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DashboardComponent } from './dashboard.component';
+
+describe('DashboardComponent', () => {
+ let component: DashboardComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No questions to approve
+
+ | Question | +Topic | +Posted By | +Posted At | +Actions | + + +
|---|---|---|---|---|
| {{ question.question }} | +{{ question.topic }} | +{{ question.postedBy }} | +{{ question.postedAt | date: 'medium' }} | ++ + + | +
+
+
+
+
+
+ No answers to approve
+
+ | Question | +Answer | +Posted By | +Posted At | +Actions | + + +
|---|---|---|---|---|
| {{ answer.question?.question }} | +{{ answer.answer }} | +{{ answer.postedBy }} | +{{ answer.postedAt | date:'medium' }} | ++ + + | +
+
+
+
+
+
+ No users exist
+
+ | Username | +Name | +Role | +Action | + + +|
|---|---|---|---|---|
| {{ user.username }} | +{{ user.name }} | +{{ user.email }} | +{{ user.isAdmin === true ? "Admin" : "User" }} | ++ + | +
+
diff --git a/do_connect_frontend/src/app/error/error.component.spec.ts b/do_connect_frontend/src/app/error/error.component.spec.ts
new file mode 100644
index 0000000..65af264
--- /dev/null
+++ b/do_connect_frontend/src/app/error/error.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ErrorComponent } from './error.component';
+
+describe('ErrorComponent', () => {
+ let component: ErrorComponent;
+ let fixture: ComponentFixtureYou are not authorized to access this page / resource
+ +
+
diff --git a/do_connect_frontend/src/app/home/home.component.spec.ts b/do_connect_frontend/src/app/home/home.component.spec.ts
new file mode 100644
index 0000000..5075be7
--- /dev/null
+++ b/do_connect_frontend/src/app/home/home.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+ let component: HomeComponent;
+ let fixture: ComponentFixtureAll Questions
+
+
+
+
+
+
+
+
+
+
+
+ {{ question.question }}
+
+
+
+ Topic
+ {{ question.topic }}
+
+
+ Posted By
+ {{ question.postedBy }}
+
+
+ Posted At
+ {{ question.postedAt | date:'medium' }}
+
+
+
+
+
+
+
+
+
diff --git a/do_connect_frontend/src/app/page-not-found/page-not-found.component.spec.ts b/do_connect_frontend/src/app/page-not-found/page-not-found.component.spec.ts
new file mode 100644
index 0000000..145b822
--- /dev/null
+++ b/do_connect_frontend/src/app/page-not-found/page-not-found.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageNotFoundComponent } from './page-not-found.component';
+
+describe('PageNotFoundComponent', () => {
+ let component: PageNotFoundComponent;
+ let fixture: ComponentFixtureRequested page does not exist
+ +
+
+
diff --git a/do_connect_frontend/src/app/question/question.component.spec.ts b/do_connect_frontend/src/app/question/question.component.spec.ts
new file mode 100644
index 0000000..cd2aa7f
--- /dev/null
+++ b/do_connect_frontend/src/app/question/question.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { QuestionComponent } from './question.component';
+
+describe('QuestionComponent', () => {
+ let component: QuestionComponent;
+ let fixture: ComponentFixture{{ questionData?.question }}
+
+
+
+
+
+
+
+ Topic
+ {{ questionData?.topic }}
+
+
+ Posted By
+ {{ questionData?.postedBy }}
+
+
+ Posted At
+ {{ questionData?.postedAt | date:'medium' }}
+
+
+ Approved By
+ {{ questionData?.approvedBy }}
+
+
+
+
+ ![image]()
+
+
+
+
+ Other Answers
+
+
+
+
+ {{ answerData.answer }}
+
+
+ Posted By
+ {{ answerData.postedBy }}
+
+
+ Posted At
+ {{ answerData.postedAt | date:'medium' }}
+
+
+ Approved By
+ {{ answerData.approvedBy }}
+
+
+
+
+ ![image]()
+
+