+
+
+
\ No newline at end of file
diff --git a/ogWebconsole/src/app/components/layout/main-layout/main-layout.component.spec.ts b/ogWebconsole/src/app/components/layout/main-layout/main-layout.component.spec.ts
new file mode 100644
index 0000000..69d2bb2
--- /dev/null
+++ b/ogWebconsole/src/app/components/layout/main-layout/main-layout.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MainLayoutComponent } from './main-layout.component';
+
+describe('MainLayoutComponent', () => {
+ let component: MainLayoutComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [MainLayoutComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(MainLayoutComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/ogWebconsole/src/app/components/layout/main-layout/main-layout.component.ts b/ogWebconsole/src/app/components/layout/main-layout/main-layout.component.ts
new file mode 100644
index 0000000..c1ede05
--- /dev/null
+++ b/ogWebconsole/src/app/components/layout/main-layout/main-layout.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-main-layout',
+ templateUrl: './main-layout.component.html',
+ styleUrl: './main-layout.component.css'
+})
+export class MainLayoutComponent {
+
+}
diff --git a/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.css b/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.css
new file mode 100644
index 0000000..166a418
--- /dev/null
+++ b/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.css
@@ -0,0 +1,5 @@
+:host{
+ display: block;
+ background-color: rgb(85, 85, 85);
+ grid-area: sidebar;
+}
\ No newline at end of file
diff --git a/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.html b/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.html
new file mode 100644
index 0000000..52a8ffc
--- /dev/null
+++ b/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.html
@@ -0,0 +1 @@
+sidebar works!
diff --git a/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.spec.ts b/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.spec.ts
new file mode 100644
index 0000000..85e49bd
--- /dev/null
+++ b/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SidebarComponent } from './sidebar.component';
+
+describe('SidebarComponent', () => {
+ let component: SidebarComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [SidebarComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(SidebarComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.ts b/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.ts
new file mode 100644
index 0000000..869580e
--- /dev/null
+++ b/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-sidebar',
+ templateUrl: './sidebar.component.html',
+ styleUrl: './sidebar.component.css'
+})
+export class SidebarComponent {
+ hovered = false;
+}
+//https://medium.com/@yevhen.chmykhun.01/angular-blueprint-application-layout-b1680ca888e0
\ No newline at end of file
diff --git a/ogWebconsole/src/app/components/login/login.component.css b/ogWebconsole/src/app/components/login/login.component.css
new file mode 100644
index 0000000..36514b6
--- /dev/null
+++ b/ogWebconsole/src/app/components/login/login.component.css
@@ -0,0 +1,66 @@
+.login {
+ overflow: hidden;
+ background-color: rgb(255, 255, 255);
+ border: 1px solid grey;
+ padding: 40px 30px 30px 30px;
+ border-radius: 10px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 400px;
+ transform: translate(-50%, -50%);
+ transition: transform 300ms, box-shadow 300ms;
+ box-shadow: 5px 10px 10px rgba(2, 128, 144, 0.2);
+}
+
+.login::before, .login::after {
+ content: "";
+ position: absolute;
+ width: 600px;
+ height: 600px;
+ border-top-left-radius: 40%;
+ border-top-right-radius: 45%;
+ border-bottom-left-radius: 35%;
+ border-bottom-right-radius: 40%;
+ z-index: -1;
+}
+
+.login input {
+ font-family: "Asap", sans-serif;
+ display: block;
+ border-radius: 5px;
+ font-size: 16px;
+ background: rgba(230, 230, 230);
+ width: 100%;
+ padding: 10px 10px;
+ margin: 15px -10px;
+}
+
+.login button {
+ font-family: "Asap", sans-serif;
+ cursor: pointer;
+ color: #fff;
+ font-size: 16px;
+ text-transform: uppercase;
+ width: 80px;
+ border: 0;
+ padding: 10px 0;
+ margin-top: 10px;
+ margin-left: -5px;
+ border-radius: 5px;
+ background-color: #0084ff;
+ transition: background-color 300ms;
+}
+
+.login button:hover {
+ background-color: #0271da;
+}
+
+.invalid {
+ border: 1px solid red;
+}
+
+.error-message {
+ color: red;
+ margin-top: 10px;
+}
diff --git a/ogWebconsole/src/app/components/login/login.component.html b/ogWebconsole/src/app/components/login/login.component.html
new file mode 100644
index 0000000..02cfc41
--- /dev/null
+++ b/ogWebconsole/src/app/components/login/login.component.html
@@ -0,0 +1,9 @@
+
diff --git a/ogWebconsole/src/app/components/login/login.component.spec.ts b/ogWebconsole/src/app/components/login/login.component.spec.ts
new file mode 100644
index 0000000..eb0f2e4
--- /dev/null
+++ b/ogWebconsole/src/app/components/login/login.component.spec.ts
@@ -0,0 +1,26 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoginComponent } from './login.component';
+import { HttpClientModule } from '@angular/common/http';
+import { FormsModule } from '@angular/forms';
+
+describe('LoginComponent', () => {
+ let component: LoginComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [HttpClientModule, FormsModule],
+ declarations: [LoginComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(LoginComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/ogWebconsole/src/app/components/login/login.component.ts b/ogWebconsole/src/app/components/login/login.component.ts
new file mode 100644
index 0000000..36a9806
--- /dev/null
+++ b/ogWebconsole/src/app/components/login/login.component.ts
@@ -0,0 +1,52 @@
+import { HttpClient } from '@angular/common/http';
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+ selector: 'app-login',
+ templateUrl: './login.component.html',
+ styleUrls: ['./login.component.css'],
+})
+export class LoginComponent {
+ loginObj: any = {
+ "username": "",
+ "password": ""
+ };
+ errorMessage: string = '';
+
+ constructor(private http: HttpClient, private router: Router) { }
+
+ onLogin() {
+ if (!this.loginObj.username || !this.loginObj.password) {
+ if (!this.loginObj.username) {
+ document.getElementById('username')?.classList.add('invalid');
+ } else {
+ document.getElementById('username')?.classList.remove('invalid');
+ }
+
+ if (!this.loginObj.password) {
+ document.getElementById('password')?.classList.add('invalid');
+ } else {
+ document.getElementById('password')?.classList.remove('invalid');
+ }
+ return;
+ }
+
+ this.http.post('http://127.0.0.1:8080/auth/login', this.loginObj).subscribe({
+ next: (res: any) => {
+ if (res.token) {
+ localStorage.setItem('loginToken', res.token);
+ localStorage.setItem('refreshToken', res.refreshToken);
+ this.router.navigateByUrl('/dashboard');
+ }
+ },
+ error: (err) => {
+ if (err.status === 401) {
+ this.errorMessage = 'Usuario o contraseña incorrectos';
+ } else {
+ this.errorMessage = 'Ha ocurrido un error. Por favor, inténtelo de nuevo.';
+ }
+ }
+ });
+ }
+}
diff --git a/ogWebconsole/src/app/components/page-not-found/page-not-found.component.css b/ogWebconsole/src/app/components/page-not-found/page-not-found.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/ogWebconsole/src/app/components/page-not-found/page-not-found.component.html b/ogWebconsole/src/app/components/page-not-found/page-not-found.component.html
new file mode 100644
index 0000000..cc75e49
--- /dev/null
+++ b/ogWebconsole/src/app/components/page-not-found/page-not-found.component.html
@@ -0,0 +1 @@
+page-not-found works!
diff --git a/ogWebconsole/src/app/components/page-not-found/page-not-found.component.spec.ts b/ogWebconsole/src/app/components/page-not-found/page-not-found.component.spec.ts
new file mode 100644
index 0000000..19ef971
--- /dev/null
+++ b/ogWebconsole/src/app/components/page-not-found/page-not-found.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageNotFoundComponent } from './page-not-found.component';
+
+describe('PageNotFoundComponent', () => {
+ let component: PageNotFoundComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [PageNotFoundComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(PageNotFoundComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/ogWebconsole/src/app/components/page-not-found/page-not-found.component.ts b/ogWebconsole/src/app/components/page-not-found/page-not-found.component.ts
new file mode 100644
index 0000000..91430c3
--- /dev/null
+++ b/ogWebconsole/src/app/components/page-not-found/page-not-found.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-page-not-found',
+ templateUrl: './page-not-found.component.html',
+ styleUrl: './page-not-found.component.css'
+})
+export class PageNotFoundComponent {
+
+}
diff --git a/ogWebconsole/src/app/services/custom.interceptor.spec.ts b/ogWebconsole/src/app/services/custom.interceptor.spec.ts
new file mode 100644
index 0000000..ae08bb2
--- /dev/null
+++ b/ogWebconsole/src/app/services/custom.interceptor.spec.ts
@@ -0,0 +1,8 @@
+import { TestBed } from '@angular/core/testing';
+import { HttpInterceptorFn } from '@angular/common/http';
+
+import { CustomInterceptor } from './custom.interceptor';
+
+describe('customInterceptor', () => {
+
+});
diff --git a/ogWebconsole/src/app/services/custom.interceptor.ts b/ogWebconsole/src/app/services/custom.interceptor.ts
new file mode 100644
index 0000000..7e02094
--- /dev/null
+++ b/ogWebconsole/src/app/services/custom.interceptor.ts
@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+import { HttpInterceptorFn, HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { Token } from '@angular/compiler';
+
+export class CustomInterceptor implements HttpInterceptor{
+ constructor(){}
+ intercept(req: HttpRequest, next: HttpHandler): Observable> {
+
+ const token = localStorage.getItem('loginToken');
+ const newCloneRequest = req.clone({
+ setHeaders:{
+ Authorization: `${token}`
+ }
+ })
+
+ return next.handle(newCloneRequest);
+ }
+}
diff --git a/ogWebconsole/src/main.server.ts b/ogWebconsole/src/main.server.ts
deleted file mode 100644
index 4b9d4d1..0000000
--- a/ogWebconsole/src/main.server.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app/app.component';
-import { config } from './app/app.config.server';
-
-const bootstrap = () => bootstrapApplication(AppComponent, config);
-
-export default bootstrap;
diff --git a/ogWebconsole/src/main.ts b/ogWebconsole/src/main.ts
index 35b00f3..c58dc05 100644
--- a/ogWebconsole/src/main.ts
+++ b/ogWebconsole/src/main.ts
@@ -1,6 +1,7 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-bootstrapApplication(AppComponent, appConfig)
- .catch((err) => console.error(err));
+import { AppModule } from './app/app.module';
+
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+ .catch(err => console.error(err));
diff --git a/ogWebconsole/tsconfig.app.json b/ogWebconsole/tsconfig.app.json
index 7dc7284..374cc9d 100644
--- a/ogWebconsole/tsconfig.app.json
+++ b/ogWebconsole/tsconfig.app.json
@@ -3,14 +3,10 @@
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
- "types": [
- "node"
- ]
+ "types": []
},
"files": [
- "src/main.ts",
- "src/main.server.ts",
- "server.ts"
+ "src/main.ts"
],
"include": [
"src/**/*.d.ts"
diff --git a/ogWebconsole/tsconfig.json b/ogWebconsole/tsconfig.json
index eb49734..f37b67f 100644
--- a/ogWebconsole/tsconfig.json
+++ b/ogWebconsole/tsconfig.json
@@ -3,6 +3,7 @@
"compileOnSave": false,
"compilerOptions": {
"outDir": "./dist/out-tsc",
+ "forceConsistentCasingInFileNames": true,
"strict": true,
"noImplicitOverride": true,
"noPropertyAccessFromIndexSignature": true,