alihan/happy-app
1
0
Fork 0
mirror of https://github.com/Lissy93/happy-app.git synced 2021-05-12 19:52:18 +03:00
Code Issues Projects Releases Wiki Activity

Dialog and snackbar

Browse Source
This commit is contained in:
Alicia Sykes
2017-10-28 20:01:34 +01:00
parent eda6a50ca3
commit 9c2bbf6200
2 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
client/dev/components/navbar/navbar.component.ts
View File

@@ -3,7 +3,8 @@ import {Http} from "@angular/http";
import {Router, ActivatedRoute} from "@angular/router";
import {TeamService} from "../../services/team.service";
import {AllTeamsService} from "../../services/all-teams.service";
// import {MatDialog, MatSnackBar} from "@angular/material";
import { MatDialogModule, MatDialog } from "@angular/material/dialog";
import {MatSnackBarModule, MatSnackBar} from "@angular/material/snack-bar";
import { MatMenuModule } from "@angular/material/menu";
import {AppFeedbackComponent} from "../app-feedback/app-feedback";
@@ -27,11 +28,11 @@ export class NavbarComponent {
constructor(
private http: Http,
private route: ActivatedRoute,
// private dialog: MatDialog,
private dialog: MatDialog,
router: Router,
private teamService: TeamService,
private allTeamsService: AllTeamsService,
// public snackBar: MatSnackBar,
public snackBar: MatSnackBar,
private angulartics2: Angulartics2
) {
this.router = router;
@@ -56,15 +57,15 @@ export class NavbarComponent {
this.angulartics2.eventTrack.next({ action: action, properties: properties});
}
// openFeedbackDialog(){
// this.dialog.open(AppFeedbackComponent);
// this.trackNavigationAnalyticEvents('FeedbackDialogOpened');
// }
openFeedbackDialog(){
this.dialog.open(AppFeedbackComponent);
this.trackNavigationAnalyticEvents('FeedbackDialogOpened');
}
// openHelpDialog(){
// this.dialog.open(AppHelpComponent);
// this.trackNavigationAnalyticEvents('HelpDialogOpened');
// }
openHelpDialog(){
this.dialog.open(AppHelpComponent);
this.trackNavigationAnalyticEvents('HelpDialogOpened');
}
navigateToTeam(teamName) {
this.router.navigate([`./${teamName}`]);
@@ -78,10 +79,10 @@ export class NavbarComponent {
this.trackNavigationAnalyticEvents('NavigatedBackToHome');
}
// showFeatureUnavailableToast() {
// this.snackBar.open('Feature still under development, or not available on demo', 'Got it');
// this.trackNavigationAnalyticEvents('TriedToAccessAlphaComponent');
// }
showFeatureUnavailableToast() {
this.snackBar.open('Feature still under development, or not available on demo', 'Got it');
this.trackNavigationAnalyticEvents('TriedToAccessAlphaComponent');
}
}

6
client/dev/material.module.ts
View File

@@ -5,6 +5,8 @@ import { MatCardModule } from '@angular/material/card';
import { MatMenuModule } from "@angular/material/menu";
import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
import { MatSelectModule } from "@angular/material/select";
import { MatDialogModule } from "@angular/material/dialog";
import {MatSnackBarModule} from "@angular/material/snack-bar";
@NgModule({
imports: [
@@ -19,7 +21,9 @@ import { MatSelectModule } from "@angular/material/select";
MatCardModule,
MatMenuModule,
MatProgressSpinnerModule,
MatSelectModule
MatSelectModule,
MatDialogModule,
MatSnackBarModule
// MatButton,
// MatToolbarModule,