small improvements to student home page

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

@@ -3,6 +3,7 @@ import { RouterModule, Routes } from '@angular/router';
 import { AuthGuard, MapsAPIResolver } from 'app/core';
 
 import { MembersComponent } from './members.component';
+import { StudentHomeComponent } from './student-home/student-home.component';
 
 const routes: Routes = [
   {
@@ -13,7 +14,7 @@ const routes: Routes = [
       {
         path: '',
         data: { title: 'Accueil' },
-        loadChildren: './student-home/student-home.module#StudentHomeModule',
+        component: StudentHomeComponent,
       },
       {
         path: 'sorties',

src/app/members/members.component.ts

@@ -16,9 +16,9 @@ export class MembersComponent {
   ) { }
 
   navLinks: Link[] = [
-    { href: '/membres', text: 'Mon espace membre' },
-    { href: '/membres/projets', text: 'Nos projets' },
-    { href: '/membres/sorties', text: 'Nos sorties' },
+    { href: './', text: 'Mon espace' },
+    { href: './projets', text: 'Nos projets' },
+    { href: './sorties', text: 'Nos sorties' },
     { text: 'Déconnexion', action: () => this.logout() },
   ];
 

src/app/members/student-home/projects-overview/projects-overview.component.html

@@ -3,9 +3,9 @@
 
   <p>
     Retrouve les descriptions des projets que le secteur Projets te propose, et inscris-toi à tes projets préférés.
-    <br><br><a routerLink="projets">
-      Voir
-    </a> 
   </p>
+  <a mat-raised-button color="accent" routerLink="projets">
+    Voir les projets
+  </a>
 
 </div>

src/app/members/student-home/student-home-routing.module.ts

-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-import { StudentHomeComponent } from './student-home.component';
-
-
-const routes: Routes = [
-  {
-    path: '',
-    component: StudentHomeComponent,
-  }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class StudentHomeRoutingModule { }

src/app/members/student-home/student-home.component.html

-<h1 class="text-center">Mon espace membre</h1>
+<h1 class="text-center">Mon espace</h1>
 
 <app-two-panes>
   <visits-overview pane="left"></visits-overview>
   <projects-overview pane="right"></projects-overview>
 </app-two-panes>
+
 <div class="container">
-  <h2>Notifications par mail</h2>
-  <p>Pour toute nouvelle information importante concernant ton inscription aux sorties et projets, l'état d'avancement du dossier etc., un mail automatique te sera envoyé à l'adresse que tu nous as fournie !</p>
+  <h2>
+    Notifications
+  </h2>
+  <p>
+    Les informations importantes concernant ton  <strong>inscription aux sorties et projets</strong> te seront envoyées par email à l'adresse que tu nous as fournie
+    ({{ userEmail }}).
+  </p>
 </div>
-<router-outlet></router-outlet>

src/app/members/student-home/student-home.component.ts

 import { Component } from '@angular/core';
+import { AuthService } from 'app/core';
+
 @Component({
   selector: 'student-home',
   templateUrl: './student-home.component.html',
   styleUrls: ['./student-home.component.scss']
 })
-export class StudentHomeComponent {}
+export class StudentHomeComponent {
+
+  userEmail: string;
+
+  constructor(private auth: AuthService) { }
 
+  ngOnInit() {
+    this.userEmail = this.auth.getUserSnapshot().email;
+  }
+}

src/app/members/student-home/student-home.module.ts

@@ -4,7 +4,9 @@ import { RouterModule } from '@angular/router';
 import { CoreModule } from 'app/core';
 import { SharedModule } from 'app/shared';
 import { PanesModule } from 'app/panes';
-import { StudentHomeRoutingModule } from './student-home-routing.module';
+import {
+  MatButtonModule,
+} from '@angular/material';
 
 // Components
 import { StudentHomeComponent } from './student-home.component';
@@ -18,7 +20,7 @@ import { VisitsOverviewComponent } from './visits-overview/visits-overview.compo
     CoreModule,
     PanesModule,
     SharedModule,
-    StudentHomeRoutingModule,
+    MatButtonModule,
   ],
   declarations: [
     StudentHomeComponent,

src/app/members/student-home/visits-overview/visits-overview.component.html

@@ -2,9 +2,11 @@
   <h2 id="title">Sorties</h2>
   <p>
     Retrouve toutes les informations concernant les prochanes sorties que le secteur Sorties a concocté pour toi !
-        <br><br> Dates, lieux et horaires, formulaires d'inscription, tout est disponible ici. 
-        <br><br><a routerLink="sorties">
-          Voir
-        </a>
   </p>
+  <p>
+    Dates, lieux et horaires, formulaires d'inscription, tout est disponible ici.
+  </p>
+  <a mat-raised-button color="accent" routerLink="sorties">
+    Voir les dernières sorties
+  </a>
 </div>