WIP add group

master
Max 5 years ago
parent 71e8dfef9b
commit 98f015e0fa

@ -57,6 +57,7 @@ import {MatSortModule} from '@angular/material/sort';
import { SearchComponent } from './components/search/search.component'; import { SearchComponent } from './components/search/search.component';
import {DomSanitizer} from '@angular/platform-browser'; import {DomSanitizer} from '@angular/platform-browser';
import {MatIconRegistry} from '@angular/material/icon'; import {MatIconRegistry} from '@angular/material/icon';
import {MatDialogModule} from '@angular/material/dialog';
// import logo from 'src/assets/gv-new-logo.svg'; // import logo from 'src/assets/gv-new-logo.svg';
import logo from '!!raw-loader!./gv-new-logo-white.svg'; import logo from '!!raw-loader!./gv-new-logo-white.svg';
@ -132,6 +133,7 @@ const appRoutes: Routes = [
MatSortModule, MatSortModule,
MatBadgeModule, MatBadgeModule,
MatProgressSpinnerModule, MatProgressSpinnerModule,
MatDialogModule
], ],
providers: [], providers: [],
bootstrap: [AppComponent] bootstrap: [AppComponent]

@ -20,3 +20,6 @@
#button-box #button-box
text-align: right text-align: right
width: 100% width: 100%
.mat-toolbar
height: 40px

@ -5,9 +5,9 @@
</div>--> </div>-->
<mat-toolbar> <mat-toolbar>
<span>Groups</span> <span>Groups</span>
<!--<div id="button-box"> <div id="button-box">
<button mat-icon-button><mat-icon>group_add</mat-icon></button> <button mat-icon-button (click)="openDialog()"><mat-icon>group_add</mat-icon></button>
</div>--> </div>
</mat-toolbar> </mat-toolbar>
<div id="grouplist"> <div id="grouplist">
<!--<div class="groupitem" *ngFor="let group of groups" <!--<div class="groupitem" *ngFor="let group of groups"

@ -19,3 +19,6 @@
#button-box #button-box
text-align: right text-align: right
width: 100% width: 100%
.mat-toolbar
height: 40px

@ -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 { GroupInfo } from 'src/app/models/groupinfo';
import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
export interface DialogData {
animal: string;
name: string;
}
@Component({ @Component({
selector: 'social-groups', selector: 'social-groups',

@ -16,3 +16,6 @@
#tabs #tabs
/deep/ .mat-tab-label /deep/ .mat-tab-label
min-width: 50px min-width: 50px
/deep/ .mat-toolbar-row
max-height: 40px
Loading…
Cancel
Save