feat: implement admin guard, add refuges skeleton

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

@@ -9,7 +9,7 @@ const routes: Routes = [
   },
   {
     path: '',
-    redirectTo: 'home',
+    redirectTo: 'refuges',
     pathMatch: 'full',
   },
   {
@@ -31,6 +31,13 @@ const routes: Routes = [
         (m) => m.ProgrammingErrorPageModule,
       ),
   },
+  {
+    path: 'refuges',
+    loadChildren: () =>
+      import('./pages/refuges/refuges/refuges.module').then(
+        (m) => m.RefugesPageModule,
+      ),
+  },
 ];
 
 @NgModule({

app/src/app/guards/admin.guard.ts

@@ -0,0 +1,14 @@
+import { CanActivateFn, Router } from '@angular/router';
+import { inject } from '@angular/core';
+import { AuthService } from '../services/auth/auth.service';
+
+export const adminGuard: CanActivateFn = async () => {
+  const authService = inject(AuthService);
+  const router = inject(Router);
+
+  if (await authService.isAuthenticated()) {
+    return true;
+  }
+
+  return router.parseUrl('/login');
+};

app/src/app/pages/login/login.page.html

@@ -22,8 +22,7 @@
         label="Username"
         labelPlacement="stacked"
         [clearInput]="true"
-        placeholder="(+34) xxx xxx xxx"
-        type="tel"
+        placeholder="John Doe"
         fill="outline"
         [(ngModel)]="credentials.username"
         name="username"

app/src/app/pages/refuges/refuges/refuges-routing.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { RefugesPage } from './refuges.page';
+import { adminGuard } from '../../../guards/admin.guard';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RefugesPage,
+    canActivate: [adminGuard],
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class RefugesPageRoutingModule {}

app/src/app/pages/refuges/refuges/refuges.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { RefugesPageRoutingModule } from './refuges-routing.module';
+
+import { RefugesPage } from './refuges.page';
+
+@NgModule({
+  imports: [CommonModule, FormsModule, IonicModule, RefugesPageRoutingModule],
+  declarations: [RefugesPage],
+})
+export class RefugesPageModule {}

app/src/app/pages/refuges/refuges/refuges.page.html

@@ -0,0 +1,13 @@
+<ion-header [translucent]="true">
+  <ion-toolbar>
+    <ion-title>refuges</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+  <ion-header collapse="condense">
+    <ion-toolbar>
+      <ion-title size="large">refuges</ion-title>
+    </ion-toolbar>
+  </ion-header>
+</ion-content>

app/src/app/pages/refuges/refuges/refuges.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RefugesPage } from './refuges.page';
+
+describe('RefugesPage', () => {
+  let component: RefugesPage;
+  let fixture: ComponentFixture<RefugesPage>;
+
+  beforeEach(async(() => {
+    fixture = TestBed.createComponent(RefugesPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

app/src/app/pages/refuges/refuges/refuges.page.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-refuges',
+  templateUrl: './refuges.page.html',
+  styleUrls: ['./refuges.page.scss'],
+})
+export class RefugesPage implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}