Adicionado sidebar

Author: carloskotacho

src/app/core/core.module.ts

@@ -1,12 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
+import { SidebarModule } from 'primeng/sidebar';
+import { ButtonModule } from 'primeng/button';
+
 import { NavbarComponent } from './navbar/navbar.component';
 import { FooterComponent } from './footer/footer.component';
 
 @NgModule({
   imports: [
     CommonModule,
+
+    SidebarModule,
+    ButtonModule
   ],
   declarations: [
     NavbarComponent,

src/app/core/navbar/navbar.component.html

@@ -2,15 +2,23 @@
   <div class="container">
     <div class="ui-g">
       <div class="ui-g-12">
-        <a href="javascript:;" class="navbar-toggle" (click)="showMenu = !showMenu"><i class="pi pi-bars"></i></a>
+        <a href="javascript:;" class="navbar-toggle" (click)="display = true"><i class="pi pi-bars"></i></a>
         <a href="javascript:;" class="navbar-member">Sou membro</a>
       </div>
     </div>
   </div>
 
-  <ul class="navbar-menu" [hidden]="!showMenu">
-    <li class="navbar-usuario">CARLOS HENRIQUE</li>
-    <li class="navbar-menuitem">Inicio</li>
-    <li class="navbar-menuitem">Sou membro</li>
-  </ul>
+  <p-sidebar [(visible)]="display" position="right">
+    Bem vindo!
+  </p-sidebar>
 </nav>
+
+<!--
+<a href="javascript:;" class="navbar-toggle" (click)="showMenu = !showMenu"><i class="pi pi-bars"></i></a>
+
+<ul class="navbar-menu" [hidden]="!showMenu">
+  <li class="navbar-usuario">CARLOS HENRIQUE</li>
+  <li class="navbar-menuitem">Inicio</li>
+  <li class="navbar-menuitem">Sou membro</li>
+</ul>
+-->