Initial commit
This commit is contained in:
@@ -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()
|
||||
]
|
||||
};
|
||||
@@ -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%;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
<nz-layout class="app-layout">
|
||||
<nz-header>
|
||||
<div class="logo">
|
||||
<a routerLink="/welcome">
|
||||
<img src="https://www.pyro-fetes.com/wp-content/themes/pcptheme/img/logo-pyro-fetes-OR-top.png" alt="logo" style="width: 100px; height: auto">
|
||||
<h1>PYRO FÊTES</h1>
|
||||
</a>
|
||||
</div>
|
||||
<ul nz-menu class="top-nav" nzTheme="dark" nzMode="horizontal">
|
||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||
<a routerLink="/stock">
|
||||
<nz-icon nzType="stock"></nz-icon>
|
||||
<span>Stock</span>
|
||||
</a>
|
||||
</li>
|
||||
<li nz-submenu nzTitle="Partenaires" nzIcon="team">
|
||||
<ul>
|
||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||
<a routerLink="/supplier">
|
||||
<nz-icon nzType="shop"></nz-icon>
|
||||
<span>Fournisseurs</span>
|
||||
</a>
|
||||
</li>
|
||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||
<a routerLink="/deliverer">
|
||||
<nz-icon nzType="car"></nz-icon>
|
||||
<span>Livreurs</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li nz-submenu nzTitle="Recettes" nzIcon="euro-circle">
|
||||
<ul>
|
||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||
<a routerLink="/quotation">
|
||||
<nz-icon nzType="file"></nz-icon>
|
||||
<span>Devis</span>
|
||||
</a>
|
||||
</li>
|
||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||
<a routerLink="/purchase-order">
|
||||
<nz-icon nzType="file"></nz-icon>
|
||||
<span>Bon de commande</span>
|
||||
</a>
|
||||
</li>
|
||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||
<a routerLink="/delivery-note">
|
||||
<nz-icon nzType="file"></nz-icon>
|
||||
<span>Bon de livraison</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li nz-menu-item routerLinkActive="ant-menu-item-selected">
|
||||
<a routerLink="/user">
|
||||
<nz-icon nzType="user"></nz-icon>
|
||||
<span>Utilisateur</span>
|
||||
</a>
|
||||
</li>
|
||||
<li nz-menu-item><nz-icon nzType="bell" nzTheme="outline" /></li>
|
||||
<li nz-menu-item><nz-icon nzType="user" nzTheme="outline" /></li>
|
||||
<li nz-menu-item><nz-icon nzType="setting" nzTheme="outline" /></li>
|
||||
</ul>
|
||||
</nz-header>
|
||||
<nz-content>
|
||||
<div class="inner-content">
|
||||
<router-outlet></router-outlet>
|
||||
</div>
|
||||
</nz-content>
|
||||
</nz-layout>
|
||||
@@ -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)
|
||||
}
|
||||
];
|
||||
@@ -0,0 +1,14 @@
|
||||
import { Component } from '@angular/core';
|
||||
import {RouterLink, RouterLinkActive, 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";
|
||||
import {NzIconDirective} from "ng-zorro-antd/icon";
|
||||
|
||||
@Component({
|
||||
selector: 'app-root',
|
||||
imports: [RouterOutlet, NzLayoutModule, NzMenuModule, NzFlexDirective, NzIconDirective, RouterLinkActive, RouterLink],
|
||||
templateUrl: './app.html',
|
||||
styleUrl: './app.css'
|
||||
})
|
||||
export class App {}
|
||||
@@ -0,0 +1 @@
|
||||
<p>deliverer works!</p>
|
||||
@@ -0,0 +1,11 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-deliverer',
|
||||
imports: [],
|
||||
templateUrl: './deliverer.html',
|
||||
styleUrl: './deliverer.css',
|
||||
})
|
||||
export class Deliverer {
|
||||
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<p>delivery-note works!</p>
|
||||
@@ -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 {
|
||||
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<p>purchase-order works!</p>
|
||||
@@ -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 {
|
||||
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<p>quotation works!</p>
|
||||
@@ -0,0 +1,11 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-quotation',
|
||||
imports: [],
|
||||
templateUrl: './quotation.html',
|
||||
styleUrl: './quotation.css',
|
||||
})
|
||||
export class Quotation {
|
||||
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<p>stock works!</p>
|
||||
@@ -0,0 +1,11 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-stock',
|
||||
imports: [],
|
||||
templateUrl: './stock.html',
|
||||
styleUrl: './stock.css',
|
||||
})
|
||||
export class Stock {
|
||||
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<p>supplier works!</p>
|
||||
@@ -0,0 +1,11 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-supplier',
|
||||
imports: [],
|
||||
templateUrl: './supplier.html',
|
||||
styleUrl: './supplier.css',
|
||||
})
|
||||
export class Supplier {
|
||||
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<p>user works!</p>
|
||||
@@ -0,0 +1,11 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-user',
|
||||
imports: [],
|
||||
templateUrl: './user.html',
|
||||
styleUrl: './user.css',
|
||||
})
|
||||
export class User {
|
||||
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<p>welcome works!</p>
|
||||
@@ -0,0 +1,6 @@
|
||||
import { Routes } from '@angular/router';
|
||||
import { Welcome } from './welcome';
|
||||
|
||||
export const WELCOME_ROUTES: Routes = [
|
||||
{ path: '', component: Welcome },
|
||||
];
|
||||
@@ -0,0 +1,9 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-welcome',
|
||||
imports: [],
|
||||
templateUrl: './welcome.html',
|
||||
styleUrl: './welcome.css'
|
||||
})
|
||||
export class Welcome {}
|
||||
@@ -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="https://www.pyro-fetes.com/wp-content/themes/pcptheme/img/logo-pyro-fetes-OR-top.png">
|
||||
</head>
|
||||
<body>
|
||||
<app-root></app-root>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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));
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
Reference in New Issue
Block a user