providers continue partie2

This commit is contained in:
2025-11-27 14:19:35 +01:00
parent 043899db3f
commit cbf01acb99
6 changed files with 16 additions and 16 deletions

View File

@@ -3,7 +3,7 @@
} }
.app-layout { .app-layout {
height: 150vh; height: 150vh;
width: 100%; width: 100%;
} }
@@ -36,8 +36,8 @@
.logo img { .logo img {
display: inline-block; display: inline-block;
height: 70px; height: 70px;
width: 130px; width: 130px;
} }
.logo h1 { .logo h1 {

View File

@@ -2,16 +2,16 @@
<nz-header> <nz-header>
<div class="logo"> <div class="logo">
<a> <a>
<img src="../logo-navbar.svg" alt="logo"> <img src="../logo-navbar.svg" alt="logo">
<h1>Gestion des relations</h1> <h1>Gestion des relations</h1>
</a> </a>
</div> </div>
<ul nz-menu class="top-nav" nzTheme="dark" nzMode="horizontal"> <ul nz-menu class="top-nav" nzTheme="dark" nzMode="horizontal">
<li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/customers"><nz-icon nzType="shop" nzTheme="outline" /> Clients</li> <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/customers"><nz-icon nzType="shop" nzTheme="outline" /> Clients</li>
<li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/providers"><nz-icon nzType="solution" nzTheme="outline" /> Prestataires</li> <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/providers"><nz-icon nzType="solution" nzTheme="outline" /> Prestataires</li>
<li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/staff"><nz-icon nzType="fire" nzTheme="fill" /> Artificiers</li> <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/staff"><nz-icon nzType="fire" nzTheme="fill" /> Artificiers</li>
<li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/opportunities"><nz-icon nzType="stock" nzTheme="outline" /> Opportunités</li> <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/opportunities"><nz-icon nzType="stock" nzTheme="outline" /> Opportunités</li>
</ul> </ul>
</nz-header> </nz-header>
<nz-content> <nz-content>
<div class="inner-content"> <div class="inner-content">

View File

@@ -1,12 +1,11 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import {NzModalComponent, NzModalModule} from "ng-zorro-antd/modal"; import {NzModalComponent, NzModalModule} from "ng-zorro-antd/modal";
import {NzButtonComponent, NzButtonModule} from "ng-zorro-antd/button"; import {NzButtonComponent, NzButtonModule} from "ng-zorro-antd/button";
import {ProvidersAddForm} from "../providers-add-form/providers-add-form";
import {NzMessageService} from "ng-zorro-antd/message"; import {NzMessageService} from "ng-zorro-antd/message";
@Component({ @Component({
selector: 'app-providers-card-form', selector: 'app-providers-card-form',
imports: [NzButtonModule, NzModalModule, ProvidersAddForm], imports: [NzButtonModule, NzModalModule],
template: ` template: `
<button nz-button nzType="primary" (click)="showModal()"> <button nz-button nzType="primary" (click)="showModal()">
<span>+</span> <span>+</span>

View File

@@ -1 +1 @@
<p>providers-card works!</p> <app-providers-card-form/>

View File

@@ -1,8 +1,9 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import {ProvidersCardForm} from "../providers-card-form/providers-card-form";
@Component({ @Component({
selector: 'app-providers-card', selector: 'app-providers-card',
imports: [], imports: [ProvidersCardForm],
templateUrl: './providers-card.html', templateUrl: './providers-card.html',
styleUrl: './providers-card.css', styleUrl: './providers-card.css',
}) })

View File

@@ -6,4 +6,4 @@
// Override less variables to here // Override less variables to here
// View all variables: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/style/themes/default.less // View all variables: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/style/themes/default.less
@primary-color: #1c1c1c; // @primary-color: #1890ff;