Merge pull request CCAppDevs#90 from gotsanity/development

added coming soon with back button that returns you to the previous page

Author: gotsanity

modelcabinet.client/src/app/app-routing.module.ts

@@ -9,6 +9,7 @@ import { HelpProjectComponent } from './Help-Page/Help-Page.component';
 import { AssetListComponent } from './asset/asset-list/asset-list.component';
 import { AssetDetailComponent } from './asset/asset-detail/asset-detail.component';
 import { ProfilePageComponent } from './profile-page/profile-page.component';
+import { ComingSoonComponent } from './coming-soon/coming-soon.component';
 
 // TODO: Change Names to actual Module Names
 const routes: Routes = [
@@ -22,7 +23,8 @@ const routes: Routes = [
   { path: 'Help', component: HelpProjectComponent },
   { path: 'Assets', component: AssetListComponent },
   { path: 'Assets/:id', component: AssetDetailComponent},
-  { path: 'User', component: ProfilePageComponent }
+  { path: 'User', component: ProfilePageComponent },
+  { path: 'coming-soon', component: ComingSoonComponent },
 ];
 
 @NgModule({

modelcabinet.client/src/app/app.module.ts

@@ -1,5 +1,35 @@
 
 
 
-// Project Edit Component
+import { ProjectEditComponent } from './projects/project-edit/project-edit.component';
+import { ReactiveFormsModule } from '@angular/forms';
+import { AssetListComponent } from './asset/asset-list/asset-list.component';
+import { AssetDetailComponent } from './asset/asset-detail/asset-detail.component';
+import { ComingSoonComponent } from './coming-soon/coming-soon.component';
 
+@NgModule({
+  declarations: [
+    AppComponent,
+    LandingPageComponent,
+    ProjectPageComponent,
+    ProjectListPageComponent,
+    ProfilePageComponent,
+    NavBarComponent,
+    ChangelogComponent,
+    ProfilePageComponent,
+    AboutProjectComponent,
+    ChangelogComponent,
+    ProjectEditComponent,
+    AssetListComponent,
+    AssetDetailComponent,
+    ComingSoonComponent
+  ],
+  imports: [
+    BrowserModule,
+    AppRoutingModule,
+    ReactiveFormsModule // For Project Edit Component
+  ],
+  providers: [provideHttpClient()], // Using this method rather than the module as the module is labeled as depricated
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

modelcabinet.client/src/app/coming-soon/coming-soon.component.css

@@ -0,0 +1,5 @@
+<div class="container-fluid">
+    <h1>Oops!</h1>
+    <h3>This feature has not been added yet...</h3>
+    <button class="btn btn-sm btn-primary" (click)="goBack()">Go Back</button>
+</div>

modelcabinet.client/src/app/coming-soon/coming-soon.component.html

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ComingSoonComponent } from './coming-soon.component';
+
+describe('ComingSoonComponent', () => {
+  let component: ComingSoonComponent;
+  let fixture: ComponentFixture<ComingSoonComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ComingSoonComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ComingSoonComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

modelcabinet.client/src/app/coming-soon/coming-soon.component.spec.ts

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import { Location } from '@angular/common';
+
+@Component({
+  selector: 'app-coming-soon',
+  templateUrl: './coming-soon.component.html',
+  styleUrl: './coming-soon.component.css'
+})
+export class ComingSoonComponent {
+
+  constructor(private location: Location) {
+   
+  }
+
+  goBack(): void {
+    this.location.back();
+  }
+}