diff --git a/ClientApp/src/app/app.module.ts b/ClientApp/src/app/app.module.ts index fae3ed9..93e1716 100644 --- a/ClientApp/src/app/app.module.ts +++ b/ClientApp/src/app/app.module.ts @@ -22,6 +22,7 @@ import { MatRippleModule } from '@angular/material/core'; import { ReactiveFormsModule } from '@angular/forms'; import { MatDialogModule } from '@angular/material/dialog'; import { MatTooltipModule } from '@angular/material/tooltip'; +import { AlertDialogComponent } from './home/alert-dialog/alert-dialog.component'; @@ -30,7 +31,8 @@ import { MatTooltipModule } from '@angular/material/tooltip'; AppComponent, NavMenuComponent, HomeComponent, - LockinDialogComponent + LockinDialogComponent, + AlertDialogComponent ], imports: [ BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }), diff --git a/ClientApp/src/app/home/alert-dialog/alert-dialog.component.html b/ClientApp/src/app/home/alert-dialog/alert-dialog.component.html new file mode 100644 index 0000000..9a72521 --- /dev/null +++ b/ClientApp/src/app/home/alert-dialog/alert-dialog.component.html @@ -0,0 +1,9 @@ +
+

One-Time Disclaimer!

+

This site is un-official & not affiliated with GameStop Corp. +
(since I see it asked alot)

+
+ +
+ +
diff --git a/ClientApp/src/app/home/alert-dialog/alert-dialog.component.scss b/ClientApp/src/app/home/alert-dialog/alert-dialog.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/ClientApp/src/app/home/alert-dialog/alert-dialog.component.spec.ts b/ClientApp/src/app/home/alert-dialog/alert-dialog.component.spec.ts new file mode 100644 index 0000000..9d14678 --- /dev/null +++ b/ClientApp/src/app/home/alert-dialog/alert-dialog.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AlertDialogComponent } from './alert-dialog.component'; + +describe('AlertDialogComponent', () => { + let component: AlertDialogComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [AlertDialogComponent] + }); + fixture = TestBed.createComponent(AlertDialogComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ClientApp/src/app/home/alert-dialog/alert-dialog.component.ts b/ClientApp/src/app/home/alert-dialog/alert-dialog.component.ts new file mode 100644 index 0000000..56d4060 --- /dev/null +++ b/ClientApp/src/app/home/alert-dialog/alert-dialog.component.ts @@ -0,0 +1,15 @@ +import { Component, Inject } from '@angular/core'; +import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; + +@Component({ + selector: 'app-alert-dialog', + templateUrl: './alert-dialog.component.html', + styleUrls: ['./alert-dialog.component.scss'] +}) +export class AlertDialogComponent { + + constructor( + public dialogRef: MatDialogRef, + @Inject(MAT_DIALOG_DATA) public data: any) { } + +} diff --git a/ClientApp/src/app/home/home.component.ts b/ClientApp/src/app/home/home.component.ts index f1b1b63..4b88a88 100644 --- a/ClientApp/src/app/home/home.component.ts +++ b/ClientApp/src/app/home/home.component.ts @@ -7,6 +7,7 @@ import { animate, state, style, transition, trigger } from '@angular/animations' import { MatDialog, MatDialogRef } from '@angular/material/dialog'; import { LockinDialogComponent } from './lockin-dialog/lockin-dialog.component'; import { MatDrawerMode } from '@angular/material/sidenav'; +import { AlertDialogComponent } from './alert-dialog/alert-dialog.component'; type ColorDictionary = { [key: string]: string; @@ -133,7 +134,7 @@ export class HomeComponent { }; - constructor(private themeService: ThemeService, public dialog: MatDialog) { + constructor(private themeService: ThemeService, public dialog: MatDialog, public alertDialog: MatDialog) { this.adjustSidenavMode(); } @@ -150,6 +151,14 @@ export class HomeComponent { ngOnInit(): void { + // Initial alert + /* + this.alertDialog.open(AlertDialogComponent, { + width: '600px', + panelClass: 'alert-dialog' + }); + */ + // Pre-instantiate Lock In dialog this.dialogRef = this.dialog.open(LockinDialogComponent, { disableClose: true }); this.dialogRef.close(); // immediately close diff --git a/ClientApp/src/app/nav-menu/nav-menu.component.html b/ClientApp/src/app/nav-menu/nav-menu.component.html index 276c1bf..f70119b 100644 --- a/ClientApp/src/app/nav-menu/nav-menu.component.html +++ b/ClientApp/src/app/nav-menu/nav-menu.component.html @@ -5,7 +5,7 @@