add eqlair project

eqlair/src/app/app.config.ts

@@ -0,0 +1,12 @@
+import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes)
+  ]
+};

eqlair/src/app/app.html

@@ -0,0 +1,3 @@
+<app-main-nav></app-main-nav>
+
+<router-outlet/>

eqlair/src/app/app.routes.ts

@@ -0,0 +1,20 @@
+import {Routes} from '@angular/router';
+import {Home} from './pages/home/home';
+import {Results} from './pages/results/results';
+
+export const routes: Routes = [
+
+  {
+    path: 'home',
+    component: Home
+  },
+  {
+    path: 'answer',
+    component: Results
+  },
+  {
+    path: '',
+    component: Home
+  },
+
+];

eqlair/src/app/app.scss

@@ -0,0 +1,25 @@
+// Styles globaux supplémentaires
+html, body {
+  height: 80vw;
+  width: 100%;
+  margin: 0;
+  padding: 2rem;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+sae-feedback-button .feedback-button {
+  top: 140px;
+}
+
+app-top-navigation {
+  position: fixed;
+  width: 100%;
+  z-index: 200;
+}
+
+a {
+  cursor: pointer;
+}

eqlair/src/app/app.spec.ts

@@ -0,0 +1,23 @@
+import { TestBed } from '@angular/core/testing';
+import { App } from './app';
+
+describe('App', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [App],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(App);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(App);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, eqlair');
+  });
+});

eqlair/src/app/app.ts

@@ -0,0 +1,13 @@
+import {Component, signal} from '@angular/core';
+import {RouterOutlet} from '@angular/router';
+import {MainNav} from './nav/main-nav/main-nav';
+
+@Component({
+  selector: 'app-root',
+  imports: [RouterOutlet, MainNav],
+  templateUrl: './app.html',
+  styleUrl: './app.scss'
+})
+export class App {
+  protected readonly title = signal('eqlair');
+}

eqlair/src/app/nav/main-nav/main-nav.html

@@ -0,0 +1,40 @@
+<header class="container">
+  <nav aria-label="main navigation" class="navbar" role="navigation">
+    <div class="navbar-brand">
+      <a class="navbar-item" routerLink="home" routerLinkActive="active-link">
+        <!--        <app-logo></app-logo>-->
+        Eqlair
+      </a>
+
+      <a
+        (click)="toggleMenu()"
+        [class.is-active]="isMenuActive"
+        aria-expanded="false"
+        aria-label="menu"
+        class="navbar-burger"
+        role="button">
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+      </a>
+    </div>
+
+    <div [class.is-active]="isMenuActive" class="navbar-menu" id="navbarBasicExample">
+      <div class="navbar-start">
+        <a class="navbar-item">
+          Home
+        </a>
+      </div>
+
+      <div class="navbar-end">
+
+        <a class="navbar-item">
+          Eqlair
+        </a>
+        <a class="navbar-item" routerLink="answer" routerLinkActive="active-link">answer </a>
+
+      </div>
+    </div>
+  </nav>
+</header>

eqlair/src/app/nav/main-nav/main-nav.spec.ts

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

eqlair/src/app/nav/main-nav/main-nav.ts

@@ -0,0 +1,21 @@
+import {Component} from '@angular/core';
+import {RouterLink, RouterLinkActive} from '@angular/router';
+
+@Component({
+  selector: 'app-main-nav',
+  imports: [
+    RouterLink,
+    RouterLink,
+    RouterLinkActive,
+    // Logo
+  ],
+  templateUrl: './main-nav.html',
+  styleUrl: './main-nav.scss'
+})
+export class MainNav {
+  isMenuActive: boolean = false;
+
+  toggleMenu() {
+
+  }
+}

eqlair/src/app/pages/home/home.html

@@ -0,0 +1,22 @@
+<div id="home">
+
+  Eqlair, page d'accueil
+
+  <pre>
+    stepper, partie 1
+  </pre>
+  <pre>
+    prompt
+  </pre>
+  <textarea cols="30" id="" name="" rows="10"></textarea>
+  <pre>
+    filtres
+  <select id="filter_1" name="filter_1"></select>
+  <select id="filter_2" name="filter_2"></select>
+  </pre>
+  <br>
+
+  <sae-m-button [label]="'envoyer'" kind="primary"></sae-m-button>
+
+  <sae-feedback-button></sae-feedback-button>
+</div>

eqlair/src/app/pages/home/home.spec.ts

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

eqlair/src/app/pages/home/home.ts

@@ -0,0 +1,16 @@
+import {Component} from '@angular/core';
+import {MainButton} from 'sae-lib/buttons/main-button/main-button';
+import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button';
+
+@Component({
+  selector: 'app-home',
+  imports: [
+    MainButton,
+    FeedbackButton
+  ],
+  templateUrl: './home.html',
+  styleUrl: './home.scss'
+})
+export class Home {
+
+}

eqlair/src/app/pages/results/results.html

@@ -0,0 +1,14 @@
+<div id="results">
+
+  <pre>
+    stepper, partie 2
+  </pre>
+
+  <pre>
+    résultats
+  </pre>
+
+  <pre>
+    chatbot en bas à droite
+  </pre>
+</div>

eqlair/src/app/pages/results/results.spec.ts

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

eqlair/src/app/pages/results/results.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-results',
+  imports: [],
+  templateUrl: './results.html',
+  styleUrl: './results.scss'
+})
+export class Results {
+
+}

eqlair/src/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Eqlair</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <app-root></app-root>
+</body>
+</html>

eqlair/src/main.ts

@@ -0,0 +1,6 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { App } from './app/app';
+
+bootstrapApplication(App, appConfig)
+  .catch((err) => console.error(err));

eqlair/src/styles.scss

@@ -0,0 +1,13 @@
+// from global to more precise
+// sass lang utils
+@use "sass:color";
+// lib SAE Aero styles
+@use 'sae-lib/src/styles/index.scss';
+@use 'sae-lib/buttons/feedback-button/feedback-button.scss';
+//@use 'sae-lib/src/styles/feedback.scss';
+/* Fichier de styles global pour l'application */
+
+// Importer les styles principaux
+@use "app/app.scss";
+//@use 'styles/main.scss';
+