Development

package.json

@@ -26,7 +26,7 @@
     "e2e:ci:production": "npm run e2e:ci --env=production",
     "lint": "npx ng lint",
     "prettier": "npx prettier --write .",
-    "doc": "node -e \"require('os').platform() === 'win32' ? require('child_process').execSync('start http://127.0.0.1:8080') : require('child_process').execSync('open http://127.0.0.1:8080')\" && compodoc -p tsconfig.doc.json -s",
+    "doc": "npx compodoc -p tsconfig.doc.json -d documentation && npx compodoc -s -p tsconfig.doc.json --host 127.0.0.1 -r 8081",
     "docker:dev": "docker-compose -f docker-compose.development.yml up --build",
     "docker:staging": "docker-compose -f docker-compose.staging.yml up --build",
     "docker:prod": "docker-compose -f docker-compose.production.yml up --build"
@@ -61,7 +61,7 @@
     "@angular-devkit/build-angular": "^19.0.0",
     "@angular/cli": "^19.0.0",
     "@angular/compiler-cli": "^19.0.0",
-    "@compodoc/compodoc": "^1.1.19",
+    "@compodoc/compodoc": "^1.1.26",
     "@cypress/schematic": "^2.5.2",
     "@ngrx/store-devtools": "^19.2.1",
     "@types/jest": "^29.5.14",

src/app/app.component.html

@@ -1,10 +1,11 @@
-<app-header></app-header>
 <div class="page">
+  <app-header></app-header>
   <p-toast></p-toast>
   @if (loading) {
     <p-progressBar mode="indeterminate" [style]="{ height: '6px' }" />
   }
 
   <router-outlet></router-outlet>
+  <div class="spacer"></div>
   <app-footer></app-footer>
 </div>

src/app/app.component.scss

@@ -5,4 +5,9 @@
   white-space: pre-line;
   max-width: 1920px;
   margin: 0 auto;
+  min-height: 100vh;
+
+  .spacer {
+    flex-grow: 1;
+  }
 }

src/app/app.config.ts

@@ -42,6 +42,9 @@ export const appConfig: ApplicationConfig = {
     providePrimeNG({
       theme: {
         preset: myPreset,
+        options: {
+          darkModeSelector: false,
+        },
       },
       translation: PRIME_NG_FR.password,
     }),

src/app/common/components/footer/footer.component.scss

@@ -3,12 +3,8 @@ footer {
   justify-content: space-around;
   align-items: center;
   background-color: var(--primary-light-color);
-  position: fixed;
-  bottom: 0;
-  left: 0;
   width: 100%;
   padding: 12px 0;
-  z-index: 11;
 
   .links-asso {
     display: flex;

src/app/features/activity/components/activity-description/activity-description.component.html

@@ -25,13 +25,17 @@ <h1>{{ activity.title }}</h1>
     </div>
 
     @if (isVoluntary$ | async) {
-      <app-single-button
-        [id]="1"
-        (buttonClicked)="toggleRegister(activity)"
-        [styleClass]="(isRegisteredActivity$ | async) ? ButtonStyleClass.unsubscribe : ButtonStyleClass.subscribe"
-        [label]="(isRegisteredActivity$ | async) ? 'Me désinscrire' : 'M\'inscrire 🚀'"
-        [ariaLabel]="'bouton de ' + (isRegisteredActivity$ | async) ? 'désinscription' : 'inscription'">
-      </app-single-button>
+      @if (isNotFull$ | async) {
+        <app-single-button
+          [id]="1"
+          (buttonClicked)="toggleRegister(activity)"
+          [styleClass]="(isRegisteredActivity$ | async) ? ButtonStyleClass.unsubscribe : ButtonStyleClass.subscribe"
+          [label]="(isRegisteredActivity$ | async) ? 'Me désinscrire' : 'M\'inscrire !'"
+          [ariaLabel]="'bouton de ' + (isRegisteredActivity$ | async) ? 'désinscription' : 'inscription'">
+        </app-single-button>
+      } @else {
+        <p class="full-message">Cette activité est complète</p>
+      }
     }
   </section>
 }

src/app/features/activity/components/activity-description/activity-description.component.scss

@@ -71,4 +71,19 @@
       }
     }
   }
+
+  .full-message {
+    margin-top: 1rem;
+    padding: 0.6rem 1rem;
+    border-radius: 8px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--secondary-complete-color);
+    color: var(--background-color-white);
+    font-size: var(--font-size-p);
+    font-weight: 600;
+    font-family: var(--font-family-p);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  }
 }

src/app/features/activity/components/activity-description/activity-description.component.ts

@@ -1,7 +1,7 @@
 import { AsyncPipe, DatePipe } from '@angular/common';
 import { Component, inject, Input, OnInit } from '@angular/core';
 import { ButtonModule } from 'primeng/button';
-import { Observable, take } from 'rxjs';
+import { map, Observable, take } from 'rxjs';
 import { TAKE_1 } from 'src/app/common/constants/observables.constants';
 import { ButtonStyleClass } from 'src/app/common/models/button';
 import { AuthService } from 'src/app/features/authentication/services/auth.service';
@@ -31,11 +31,13 @@ export class ActivityDescriptionComponent implements OnInit {
   public voluntariesRegistered$: Observable<Participant>;
 
   isVoluntary$: Observable<boolean> = this._authService.isVoluntaryUser();
+  isNotFull$: Observable<boolean>;
 
   ngOnInit(): void {
     this.isRegisteredActivity$ = this._activityFacadeService.getIsRegisteredActivity(this.activity.id);
     this.isSavedActivity$ = this._activityFacadeService.getIsSavedActivity(this.activity.id);
     this.voluntariesRegistered$ = this._activityFacadeService.getVoluntariesRegisteredToAnActivity(this.activity.id);
+    this.isNotFull$ = this.voluntariesRegistered$.pipe(map(participants => participants.current < participants.max));
   }
 
   toggleRegister(activity: Activity): void {

src/app/features/activity/pages/activities-home/activities-home.component.scss

@@ -5,7 +5,7 @@
   justify-content: space-around;
   background-color: var(--background-color-light);
   width: 90%;
-  height: 85vh;
+  height: 83vh;
   margin: 5px auto;
   position: relative;
 

src/app/features/activity/pages/activities-home/activities-home.component.ts

@@ -95,7 +95,11 @@ export class ActivitiesHomeComponent implements OnInit {
 
   private _applyFilters(): void {
     this.filteredActivities$ = this.activities$.pipe(
-      map(activities => this._activityFilterService.filterActivities(activities, this.searchFilters, this.selectedThemesName))
+      map(activities =>
+        this._activityFilterService
+          .filterActivities(activities, this.searchFilters, this.selectedThemesName)
+          .filter(activity => new Date(activity.date).getTime() >= Date.now())
+      )
     );
   }
 }

src/app/features/activity/pages/activity-creation/activity-creation.component.scss

@@ -124,6 +124,7 @@
 
         .add-informations-container {
           overflow: visible;
+          z-index: 11;
           .section-content {
             display: grid;
             grid-template-columns: 1fr 1fr;

src/app/features/profile/components/profile-menu/profile-menu.component.scss

@@ -1,7 +1,7 @@
 .sidebar {
   background-color: var(--primary-dark-color);
   width: 250px;
-  height: 100vh;
+  height: 85vh;
   padding: 2rem 1rem;
   box-sizing: border-box;
 }

src/app/features/profile/components/voluntary/voluntary-about/voluntary-about.component.ts

@@ -11,7 +11,7 @@ import { MAX_LENGTH, MIN_LENGTH, PHONE_REGEX } from 'src/app/features/authentica
 import { UserType, VoluntaryLogin } from 'src/app/features/authentication/models/user.model';
 import { AuthFacade } from 'src/app/features/authentication/services/auth-facade.service';
 import { AuthService } from 'src/app/features/authentication/services/auth.service';
-import { environment } from 'src/environments/environment.development';
+import { environment } from 'src/environments/environment';
 import { VoluntaryUpdateRequestDTO } from '../../../models/update-request-dto.models';
 import { VoluntaryProfileService } from '../../../services/voluntary-profil.service';
 import { EditableFieldComponent } from '../../editable-field/editable-field.component';

src/app/features/profile/pages/association-profile-page/association-profile-page.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { AssociationProfileMenuComponent } from '../../components/association/association-profile-menu/association-profile-menu.component';
 
@@ -9,4 +9,8 @@ import { AssociationProfileMenuComponent } from '../../components/association/as
   templateUrl: './association-profile-page.component.html',
   styleUrls: ['./association-profile-page.component.scss'],
 })
-export class AssociationProfilePageComponent {}
+export class AssociationProfilePageComponent implements OnInit {
+  ngOnInit(): void {
+    window.scrollTo(0, 0);
+  }
+}

src/app/features/profile/services/voluntary-profil.service.ts

@@ -1,7 +1,7 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
-import { environment } from 'src/environments/environment.development';
+import { environment } from 'src/environments/environment';
 import { VoluntaryLogin } from '../../authentication/models/user.model';
 import { VoluntaryUpdateRequestDTO } from '../models/update-request-dto.models';
 

src/index.html

@@ -12,7 +12,7 @@
     <meta name="keywords" content="bénévolat, association, engagement, solidarité, activités bénévoles, entraide, volontariat, dons, missions" />
     <meta name="author" content="A l'Asso" />
     <meta name="robots" content="index, follow" />
-    <link rel="canonical" href="https://www.alasso.fr/" />
+    <link rel="canonical" href="https://a-l-asso.fr/" />
 
     <!-- Mobile & Accessibilité -->
     <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -24,14 +24,14 @@
     <meta property="og:title" content="A l'Asso – Trouvez des activités bénévoles près de chez vous" />
     <meta property="og:description" content="Rejoignez facilement une association et participez à des activités solidaires locales ou à distance." />
     <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://www.alasso.fr/" />
-    <meta property="og:image" content="https://www.alasso.fr/opengraph.png" />
+    <meta property="og:url" content="https://a-l-asso.fr/" />
+    <meta property="og:image" content="https://a-l-asso.fr/opengraph-seo.png" />
 
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="A l'Asso – Bénévolat & Engagement" />
     <meta name="twitter:description" content="Rejoignez facilement une association et participez à des activités solidaires locales ou à distance." />
-    <meta name="twitter:image" content="https://www.alasso.fr/assets/opengraph.png" />
+    <meta name="twitter:image" content="https://a-l-asso.fr/opengraph-seo.png" />
 
     <!-- Favicon -->
     <link rel="icon" type="image/png" href="LogoALAsso.png" />
@@ -46,11 +46,18 @@
         "@context": "https://schema.org",
         "@type": "WebSite",
         "name": "A l'asso",
-        "url": "https://www.alasso.fr/",
-        "potentialAction": {
-          "@type": "SearchAction",
-          "target": "https://www.alasso.fr/recherche?q={search_term_string}",
-          "query-input": "required name=search_term_string"
+        "url": "https://a-l-asso.fr/",
+        "image": "https://a-l-asso.fr/opengraph-seo.png",
+        "description": "Rejoignez facilement une association et participez à des activités solidaires locales ou à distance.",
+        "email": "[email protected]",
+        "telephone": "+33 6 58 96 25 48",
+        "address": {
+          "@type": "PostalAddress",
+          "streetAddress": "89 rue de la liberté",
+          "addressLocality": "Paris",
+          "postalCode": "75000",
+          "addressRegion": "Île-de-France",
+          "addressCountry": "FR"
         }
       }
     </script>

tsconfig.doc.json

@@ -1 +1,13 @@
-{"include":["src/**/*.ts"],"exclude":["src/**/*.spec.ts"]}
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/doc",
+    "types": []
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
+  ]
+}