added project

src/app/app.config.ts

@@ -0,0 +1,19 @@
+import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+import { fr_FR, provideNzI18n } from 'ng-zorro-antd/i18n';
+import { registerLocaleData } from '@angular/common';
+import fr from '@angular/common/locales/fr';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { provideHttpClient } from '@angular/common/http';
+
+registerLocaleData(fr);
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes), provideNzI18n(fr_FR), provideAnimationsAsync(), provideHttpClient()
+  ]
+};

src/app/app.css

@@ -0,0 +1,46 @@
+:host {
+  display: flex;
+}
+
+.app-layout {
+  height: 100vh;
+}
+
+.top-nav {
+  line-height: 64px;
+}
+
+.logo {
+  float: left;
+  height: 64px;
+  padding-right: 24px;
+  line-height: 64px;
+  background: #001529;
+}
+
+.logo img {
+  display: inline-block;
+  height: 32px;
+  width: 32px;
+  vertical-align: middle;
+}
+
+.logo h1 {
+  display: inline-block;
+  margin: 0 0 0 15px;
+  color: #fff;
+  font-weight: 600;
+  font-size: 20px;
+  font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;
+  vertical-align: middle;
+}
+
+nz-content {
+  padding: 24px 50px;
+}
+
+.inner-content {
+  padding: 24px;
+  background: #fff;
+  height: 100%;
+}

src/app/app.html

@@ -0,0 +1,27 @@
+<nz-layout class="app-layout">
+    <nz-header>
+        <div class="logo">
+            <a>
+                <img src="https://ng.ant.design/assets/img/logo.svg" alt="logo">
+                <h1>NG-ZORRO</h1>
+            </a>
+        </div>
+        <ul nz-menu class="top-nav" nzTheme="dark" nzMode="horizontal">
+            <li nz-menu-item routerLinkActive="ant-menu-item-selected" routerLink="/welcome">Accueil</li>
+            <li nz-menu-item>Stock</li>
+            <li nz-menu-item>Fournisseur</li>
+            <li nz-menu-item>Livreur</li>
+            <li nz-menu-item>Devis</li>
+            <li nz-menu-item>Bon de commande</li>
+            <li nz-menu-item>Bon de livraison</li>
+            <li nz-menu-item>Notifications</li>
+            <li nz-menu-item>Profil</li>
+            <li nz-menu-item>Réglages</li>
+        </ul>
+    </nz-header>
+    <nz-content>
+        <div class="inner-content">
+            <router-outlet></router-outlet>
+        </div>
+    </nz-content>
+</nz-layout>

src/app/app.routes.ts

@@ -0,0 +1,41 @@
+import { Routes } from '@angular/router';
+
+export const routes: Routes = [
+    {
+        path: '',
+        pathMatch: 'full',
+        redirectTo: '/welcome'
+    },
+    {
+        path: 'welcome',
+        loadComponent: () => import('./pages/welcome/welcome').then(x => x.Welcome)
+    },
+    {
+        path: 'stock',
+        loadComponent: () => import('./pages/stock/stock').then(x => x.Stock)
+    },
+    {
+        path: 'supplier',
+        loadComponent: () => import('./pages/supplier/supplier').then(x => x.Supplier)
+    },
+    {
+        path: 'deliverer',
+        loadComponent: () => import('./pages/deliverer/deliverer').then(x => x.Deliverer)
+    },
+    {
+        path: 'quotation',
+        loadComponent: () => import('./pages/quotation/quotation').then(x => x.Quotation)
+    },
+    {
+        path: 'purchase-order',
+        loadComponent: () => import('./pages/purchase-order/purchase-order').then(x => x.PurchaseOrder)
+    },
+    {
+        path: 'delivery-note',
+        loadComponent: () => import('./pages/delivery-note/delivery-note').then(x => x.DeliveryNote)
+    },
+    {
+        path: 'user',
+        loadComponent: () => import('./pages/user/user').then(x => x.User)
+    }
+];

src/app/app.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { NzLayoutModule } from 'ng-zorro-antd/layout';
+import { NzMenuModule } from 'ng-zorro-antd/menu';
+import {NzFlexDirective} from "ng-zorro-antd/flex";
+
+@Component({
+  selector: 'app-root',
+    imports: [RouterOutlet, NzLayoutModule, NzMenuModule, NzFlexDirective],
+  templateUrl: './app.html',
+  styleUrl: './app.css'
+})
+export class App {}

src/app/pages/deliverer/deliverer.html

@@ -0,0 +1 @@
+<p>deliverer works!</p>

src/app/pages/deliverer/deliverer.ts

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

src/app/pages/delivery-note/delivery-note.html

@@ -0,0 +1 @@
+<p>delivery-note works!</p>

src/app/pages/delivery-note/delivery-note.ts

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

src/app/pages/purchase-order/purchase-order.html

@@ -0,0 +1 @@
+<p>purchase-order works!</p>

src/app/pages/purchase-order/purchase-order.ts

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

src/app/pages/quotation/quotation.html

@@ -0,0 +1 @@
+<p>quotation works!</p>

src/app/pages/quotation/quotation.ts

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

src/app/pages/stock/stock.html

@@ -0,0 +1 @@
+<p>stock works!</p>

src/app/pages/stock/stock.ts

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

src/app/pages/supplier/supplier.html

@@ -0,0 +1 @@
+<p>supplier works!</p>

src/app/pages/supplier/supplier.ts

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

src/app/pages/user/user.html

@@ -0,0 +1 @@
+<p>user works!</p>

src/app/pages/user/user.ts

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

src/app/pages/welcome/welcome.html

@@ -0,0 +1 @@
+<p>welcome works!</p>

src/app/pages/welcome/welcome.routes.ts

@@ -0,0 +1,6 @@
+import { Routes } from '@angular/router';
+import { Welcome } from './welcome';
+
+export const WELCOME_ROUTES: Routes = [
+  { path: '', component: Welcome },
+];

src/app/pages/welcome/welcome.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-welcome',
+  imports: [],
+  templateUrl: './welcome.html',
+  styleUrl: './welcome.css'
+})
+export class Welcome {}

src/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>PyrofetesFrontend</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>

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));

src/styles.css

@@ -0,0 +1,4 @@
+/* You can add global styles to this file, and also import other style files */
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities) important;

src/theme.less

@@ -0,0 +1,9 @@
+
+// Custom Theming for NG-ZORRO
+// For more information: https://ng.ant.design/docs/customize-theme/en
+@import "../node_modules/ng-zorro-antd/ng-zorro-antd.less";
+
+// Override less variables to here
+// View all variables: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/style/themes/default.less
+
+// @primary-color: #1890ff;