add cleaner blueprint

blueprint/README.md

@@ -1 +1,3 @@
-# blueprint pour créer un projet angular
+# blueprint pour créer un projet angular
+
+Dépôt à cloner pour démarrer un projet de webapp angular utilisant la lib du design system Aero.

blueprint/src/app/app.html

@@ -1,3 +1,7 @@
 <app-main-nav></app-main-nav>
+<sae-feedback-button></sae-feedback-button>
+<main>
+
 
 <router-outlet/>
+</main>

blueprint/src/app/app.scss

@@ -3,7 +3,12 @@ html, body {
   height: 80vw;
   width: 100%;
   margin: 0;
-  padding: 2rem;
+}
+main {
+  padding: 100px;
+  width: 80vw;
+
+  min-height: 100vh;
 }
 
 * {
@@ -13,3 +18,8 @@ html, body {
 a {
   cursor: pointer;
 }
+app-main-nav {
+  position: fixed;
+  width: 100vw;
+  z-index: 200;
+}

blueprint/src/app/app.ts

@@ -1,10 +1,10 @@
 import {Component, signal} from '@angular/core';
 import {RouterOutlet} from '@angular/router';
 import {MainNav} from './nav/main-nav/main-nav';
-
+import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button';
 @Component({
   selector: 'app-root',
-  imports: [RouterOutlet, MainNav],
+  imports: [RouterOutlet, MainNav, FeedbackButton],
   templateUrl: './app.html',
   styleUrl: './app.scss'
 })

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

@@ -1,9 +1,9 @@
-<header class="container">
+<header class="main-nav">
   <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
+        My webapp
       </a>
 
       <a
@@ -29,9 +29,6 @@
 
       <div class="navbar-end">
 
-        <a class="navbar-item">
-          Eqlair
-        </a>
         <a class="navbar-item" routerLink="answer" routerLinkActive="active-link">answer </a>
 
       </div>

eqlair/src/app/app.html

@@ -1,3 +1,7 @@
 <app-main-nav></app-main-nav>
+<sae-feedback-button></sae-feedback-button>
+<main>
+
 
 <router-outlet/>
+</main>

eqlair/src/app/app.scss

@@ -3,23 +3,23 @@ html, body {
   height: 80vw;
   width: 100%;
   margin: 0;
-  padding: 2rem;
+}
+main {
+  padding: 100px;
+  width: 80vw;
+
+  min-height: 100vh;
 }
 
 * {
   box-sizing: border-box;
 }
 
-sae-feedback-button .feedback-button {
-  top: 140px;
-}
-
-app-top-navigation {
-  position: fixed;
-  width: 100%;
-  z-index: 200;
-}
-
 a {
   cursor: pointer;
 }
+app-main-nav {
+  position: fixed;
+  width: 100vw;
+  z-index: 200;
+}

eqlair/src/app/app.ts

@@ -1,10 +1,10 @@
 import {Component, signal} from '@angular/core';
 import {RouterOutlet} from '@angular/router';
 import {MainNav} from './nav/main-nav/main-nav';
-
+import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button';
 @Component({
   selector: 'app-root',
-  imports: [RouterOutlet, MainNav],
+  imports: [RouterOutlet, MainNav, FeedbackButton],
   templateUrl: './app.html',
   styleUrl: './app.scss'
 })

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

@@ -1,9 +1,9 @@
-<header class="container">
+<header class="main-nav">
   <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
+        My webapp
       </a>
 
       <a
@@ -29,9 +29,6 @@
 
       <div class="navbar-end">
 
-        <a class="navbar-item">
-          Eqlair
-        </a>
         <a class="navbar-item" routerLink="answer" routerLinkActive="active-link">answer </a>
 
       </div>

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

@@ -1,22 +1,5 @@
 <div id="home">
 
-  Eqlair, page d'accueil
+  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/results/results.html

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

eqlair/src/index.html

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