Tabla usuarios

ogWebconsole/src/app/app-routing.module.ts

@@ -5,7 +5,9 @@ import { AuthLayoutComponent } from './components/layout/auth-layout/auth-layout
 import { LoginComponent } from './components/login/login.component';
 import { DashboardComponent } from './components/dashboard/dashboard.component';
 import { PageNotFoundComponent } from './components/page-not-found/page-not-found.component';
-import { UsersComponent } from './components/pages/users/users.component';
+import { AdminComponent } from './components/pages/admin/admin.component';
+import { UsersComponent } from './components/pages/admin/users/users/users.component';
+import { RolesComponent } from './components/pages/admin/roles/roles/roles.component';
 const routes: Routes = [
   { path: '', redirectTo: 'auth/login', pathMatch: 'full' },
 {
@@ -13,7 +15,9 @@ const routes: Routes = [
   component: MainLayoutComponent,
   children: [
     { path: 'dashboard', component: DashboardComponent },
+    { path: 'admin', component: AdminComponent },
     { path: 'users', component: UsersComponent },
+    { path: 'roles', component: RolesComponent },
     // otras rutas que usan el MainLayoutComponent
   ],
 },

ogWebconsole/src/app/app.module.ts

@@ -16,7 +16,14 @@ import {MatIconModule} from '@angular/material/icon';
 import { MatButtonModule } from '@angular/material/button';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { UsersComponent } from './components/pages/users/users.component';
+import { AdminComponent } from './components/pages/admin/admin.component';
+import { MatCardModule } from '@angular/material/card';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatListModule } from '@angular/material/list';
+import { UsersComponent } from './components/pages/admin/users/users/users.component';
+import { RolesComponent } from './components/pages/admin/roles/roles/roles.component';
 
 @NgModule({ declarations: [
         AppComponent,
@@ -25,9 +32,10 @@ import { UsersComponent } from './components/pages/users/users.component';
         HeaderComponent,
         SidebarComponent,
         LoginComponent,
-        UsersComponent,
+        AdminComponent,
         MainLayoutComponent,
         UsersComponent,
+        RolesComponent
     ],
     bootstrap: [AppComponent], imports: [BrowserModule,
         AppRoutingModule,
@@ -36,7 +44,13 @@ import { UsersComponent } from './components/pages/users/users.component';
         MatIconModule,
         MatButtonModule,
         MatSidenavModule,
-        BrowserAnimationsModule], providers: [
+        BrowserAnimationsModule,
+        MatCardModule,
+        MatCheckboxModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatListModule],
+    providers: [
         {
             provide: HTTP_INTERCEPTORS,
             useClass: CustomInterceptor,

ogWebconsole/src/app/components/layout/header/header.component.css

@@ -22,4 +22,5 @@ button[mat-flat-button] {
 
 .navbar-tittle{
     padding-left: 20px;
+    cursor: pointer;
 }

ogWebconsole/src/app/components/layout/header/header.component.html

@@ -2,7 +2,7 @@
     <button mat-mini-fab color="primary" aria-label="menu">
         <mat-icon>menu</mat-icon>
     </button>
-    <span class="navbar-tittle">Opengnsys webconsole</span>
+    <span class="navbar-tittle" routerLink="/dashboard">Opengnsys webconsole</span>
     <div class="navbar-button-row">
         <button mat-flat-button color="primary">Aulas</button>
         <button mat-flat-button color="primary">Acciones</button>
@@ -12,8 +12,8 @@
         <button mat-flat-button color="primary">Menús</button>
         <button mat-flat-button color="primary">Buscar</button>
         <button mat-flat-button color="primary">Calendario</button>
-        <button mat-flat-button color="primary" routerLink="/users">Usuarios</button>
         <button mat-flat-button color="primary">Ayuda</button>
+        <button mat-flat-button color="accent" routerLink="/admin">Admin</button>
         <button mat-flat-button color="warn">Salir</button>
       </div>
 

ogWebconsole/src/app/components/layout/main-layout/main-layout.component.css

@@ -8,6 +8,5 @@
 }
 .content-wrapper{
     display: block;
-    background-color: gold;
     grid-area: content;
 }

ogWebconsole/src/app/components/login/login.component.ts

@@ -45,6 +45,9 @@ export class LoginComponent {
                     this.errorMessage = 'Usuario o contraseña incorrectos';
                 } else {
                     this.errorMessage = 'Ha ocurrido un error. Por favor, inténtelo de nuevo.';
+
+                    //BYPASS TO DASHBOARD
+                    this.router.navigateByUrl('/dashboard');
                 }
             }
         });

ogWebconsole/src/app/components/pages/users/users.component.html

@@ -1 +0,0 @@
-<p>users works!</p>

ogWebconsole/src/app/components/pages/users/users.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { UsersComponent } from './users.component';
-
-describe('UsersComponent', () => {
-  let component: UsersComponent;
-  let fixture: ComponentFixture<UsersComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [UsersComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(UsersComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

ogWebconsole/src/app/components/pages/users/users.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-users',
-  templateUrl: './users.component.html',
-  styleUrl: './users.component.css'
-})
-export class UsersComponent {
-
-}