From 98f015e0fa057d63994976e529edbd4af894e956 Mon Sep 17 00:00:00 2001
From: Max <s_ehrlicherschmid18@stud.hwr-berlin.de>
Date: Tue, 7 Jan 2020 16:11:47 +0100
Subject: [PATCH] WIP add group

---
 src/app/app.module.ts                                    | 2 ++
 src/app/components/social/friends/friends.component.sass | 5 ++++-
 src/app/components/social/groups/groups.component.html   | 6 +++---
 src/app/components/social/groups/groups.component.sass   | 5 ++++-
 src/app/components/social/groups/groups.component.ts     | 8 +++++++-
 src/app/components/social/social.component.sass          | 3 +++
 6 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 1347c1d..9ddc11e 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -57,6 +57,7 @@ import {MatSortModule} from '@angular/material/sort';
 import { SearchComponent } from './components/search/search.component';
 import {DomSanitizer} from '@angular/platform-browser';
 import {MatIconRegistry} from '@angular/material/icon';
+import {MatDialogModule} from '@angular/material/dialog';
 
 // import logo from 'src/assets/gv-new-logo.svg';
 import logo from '!!raw-loader!./gv-new-logo-white.svg';
@@ -132,6 +133,7 @@ const appRoutes: Routes = [
     MatSortModule,
     MatBadgeModule,
     MatProgressSpinnerModule,
+    MatDialogModule
   ],
   providers: [],
   bootstrap: [AppComponent]
diff --git a/src/app/components/social/friends/friends.component.sass b/src/app/components/social/friends/friends.component.sass
index 16ce8f0..60c656b 100644
--- a/src/app/components/social/friends/friends.component.sass
+++ b/src/app/components/social/friends/friends.component.sass
@@ -19,4 +19,7 @@
 
 #button-box
   text-align: right
-  width: 100%
\ No newline at end of file
+  width: 100%
+
+.mat-toolbar
+  height: 40px
\ No newline at end of file
diff --git a/src/app/components/social/groups/groups.component.html b/src/app/components/social/groups/groups.component.html
index 93e0b6f..ea64cf3 100644
--- a/src/app/components/social/groups/groups.component.html
+++ b/src/app/components/social/groups/groups.component.html
@@ -5,9 +5,9 @@
 </div>-->
 <mat-toolbar>
   <span>Groups</span>
-  <!--<div id="button-box">
-    <button mat-icon-button><mat-icon>group_add</mat-icon></button>
-  </div>-->
+  <div id="button-box">
+    <button mat-icon-button (click)="openDialog()"><mat-icon>group_add</mat-icon></button>
+  </div>
 </mat-toolbar>
 <div id="grouplist">
     <!--<div class="groupitem" *ngFor="let group of groups"
diff --git a/src/app/components/social/groups/groups.component.sass b/src/app/components/social/groups/groups.component.sass
index 39012f4..c427c81 100644
--- a/src/app/components/social/groups/groups.component.sass
+++ b/src/app/components/social/groups/groups.component.sass
@@ -18,4 +18,7 @@
 
 #button-box
   text-align: right
-  width: 100%
\ No newline at end of file
+  width: 100%
+
+.mat-toolbar
+  height: 40px
\ No newline at end of file
diff --git a/src/app/components/social/groups/groups.component.ts b/src/app/components/social/groups/groups.component.ts
index 8263d7e..83f1d99 100644
--- a/src/app/components/social/groups/groups.component.ts
+++ b/src/app/components/social/groups/groups.component.ts
@@ -1,5 +1,11 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Inject } from '@angular/core';
 import { GroupInfo } from 'src/app/models/groupinfo';
+import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
+
+export interface DialogData {
+  animal: string;
+  name: string;
+}
 
 @Component({
   selector: 'social-groups',
diff --git a/src/app/components/social/social.component.sass b/src/app/components/social/social.component.sass
index a52f2d5..baf32af 100644
--- a/src/app/components/social/social.component.sass
+++ b/src/app/components/social/social.component.sass
@@ -16,3 +16,6 @@
 #tabs
   /deep/ .mat-tab-label
     min-width: 50px
+
+/deep/ .mat-toolbar-row
+  max-height: 40px
\ No newline at end of file