jgerstbe/async-huddle
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

[A] menu toggle in navbar, favicon

Browse source
This commit is contained in:
Jan 2020-10-30 19:30:04 +01:00
parent 4cc60b3755
commit 5397a34353
6 changed files with 22 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/app/api/supabase/channel.service.spec.ts Normal file
View file

@ -0,0 +1,16 @@
import { TestBed } from '@angular/core/testing';
import { ChannelService } from './channel.service';
describe('ChannelService', () => {
let service: ChannelService;
beforeEach(() => {
TestBed.configureTestingModule({});
service = TestBed.inject(ChannelService);
});
it('should be created', () => {
expect(service).toBeTruthy();
});
});

5
src/app/app.component.html
View file

@ -1,10 +1,11 @@
<nav class="navbar navbar-dark bg-dark"> <nav class="navbar navbar-dark bg-dark">
<a class="navbar-brand" href="#" style="margin: 0 auto;">ASYNC HUDDLE</a> <span *ngIf="supa.user | async" (click)="menuHidden ? menuHidden = false : menuHidden = true" title="Toggle menu." class="cursor-pointer">M</span>
<a class="navbar-brand cursor-pointer" href="#" style="margin: 0 auto;"><strong>A</strong><small>SYNC</small><strong>H</strong><small>UDDLE</small></a>
<span *ngIf="supa.user | async" (click)="logout()" class="cursor-pointer">Logout</span> <span *ngIf="supa.user | async" (click)="logout()" class="cursor-pointer">Logout</span>
</nav> </nav>
<div class="container-fluid p-0"> <div class="container-fluid p-0">
<div class="myContainer d-flex"> <div class="myContainer d-flex">
<div *ngIf="supa.user | async" class="menu"> <div *ngIf="supa.user | async" class="menu" [ngStyle]="{display: menuHidden ? 'none' : 'block'}">
<app-sidebar></app-sidebar> <app-sidebar></app-sidebar>
</div> </div>
<div class="container content"> <div class="container content">

1
src/app/app.component.ts
View file

@ -10,6 +10,7 @@ import { SupaService } from './api/supabase/supa.service';
}) })
export class AppComponent implements OnInit { export class AppComponent implements OnInit {
user: SupabaseAuthUser; user: SupabaseAuthUser;
menuHidden: boolean = false;
constructor( constructor(
public supa: SupaService, public supa: SupaService,

BIN
src/assets/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/assets/logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

10
src/index.html
View file

@ -2,17 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Angular</title> <title>ASYNC HUDDLE</title>
<base href="/" /> <base href="/" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="favicon.ico" /> <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- <link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous"
/> -->
</head> </head>
<body> <body>