deleted notifs components
This commit is contained in:
@@ -6,7 +6,7 @@ nz-table {
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
@@ -66,18 +66,21 @@ nz-table tbody td p {
|
||||
nz-table thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
nz-table tbody tr {
|
||||
display: block;
|
||||
margin-bottom: 16px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 8px;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
nz-table tbody td {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
nz-table tbody td::before {
|
||||
content: attr(data-label);
|
||||
font-weight: 600;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<nz-table [nzData]="deliverers()"
|
||||
[nzFrontPagination]="false"
|
||||
[nzLoading]="deliverersLoading()">
|
||||
<nz-table [nzData]="deliverers()"
|
||||
[nzFrontPagination]="false"
|
||||
[nzLoading]="deliverersLoading()">
|
||||
<thead>
|
||||
<tr class="text-center">
|
||||
<th>Transporteur</th>
|
||||
@@ -11,12 +11,12 @@
|
||||
<tbody class="text-center">
|
||||
@for (deliverer of deliverers(); track deliverer.id) {
|
||||
<tr>
|
||||
<td>{{deliverer.transporter}}</td>
|
||||
<td>{{ deliverer.transporter }}</td>
|
||||
<td>
|
||||
<app-modal-button type="link" name="Voir tout les bons de livraison" size="50%">
|
||||
<div style="max-height: 400px; overflow-y: auto;">
|
||||
<nz-table [nzData]="deliverers()"
|
||||
[nzFrontPagination]="false">
|
||||
[nzFrontPagination]="false">
|
||||
<thead>
|
||||
<tr class="text-center">
|
||||
<th>Numéro de livraison</th>
|
||||
@@ -28,10 +28,10 @@
|
||||
<tbody class="text-center">
|
||||
@for (deliveryInfo of deliverer.deliveryNotes; track deliveryInfo.id) {
|
||||
<tr>
|
||||
<td>{{deliveryInfo.trackingNumber}}</td>
|
||||
<td>{{deliveryInfo.expeditionDate | date: 'dd/MM/yyyy'}}</td>
|
||||
<td>{{deliveryInfo.estimateDeliveryDate | date: 'dd/MM/yyyy'}}</td>
|
||||
<td>{{deliveryInfo.realDeliveryDate | date: 'dd/MM/yyyy'}}</td>
|
||||
<td>{{ deliveryInfo.trackingNumber }}</td>
|
||||
<td>{{ deliveryInfo.expeditionDate | date: 'dd/MM/yyyy' }}</td>
|
||||
<td>{{ deliveryInfo.estimateDeliveryDate | date: 'dd/MM/yyyy' }}</td>
|
||||
<td>{{ deliveryInfo.realDeliveryDate | date: 'dd/MM/yyyy' }}</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
@@ -41,9 +41,11 @@
|
||||
</td>
|
||||
<td>
|
||||
<div style="justify-content: center; display: flex">
|
||||
<nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer" (click)="openEditModal(deliverer)"></nz-icon>
|
||||
<nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer"
|
||||
(click)="openEditModal(deliverer)"></nz-icon>
|
||||
<nz-divider nzType="vertical"></nz-divider>
|
||||
<nz-icon nzType="delete" nzTheme="outline" (click)="delete(deliverer.id)" class="text-red-600 cursor-pointer"></nz-icon>
|
||||
<nz-icon nzType="delete" nzTheme="outline" (click)="delete(deliverer.id)"
|
||||
class="text-red-600 cursor-pointer"></nz-icon>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -52,7 +54,8 @@
|
||||
</nz-table>
|
||||
|
||||
<div class="hidden">
|
||||
<app-modal-nav #modalNav nameIcon="edit" [name]="'Modifier'" (ok)="onModalOk(selectedDeliverer.id, delivererForm, modalNav)" (cancel)="onModalCancel(modalNav)">
|
||||
<app-modal-nav #modalNav nameIcon="edit" [name]="'Modifier'"
|
||||
(ok)="onModalOk(selectedDeliverer.id, delivererForm, modalNav)" (cancel)="onModalCancel(modalNav)">
|
||||
<app-deliverer-form #delivererForm [deliverer]="selectedDeliverer"></app-deliverer-form>
|
||||
</app-modal-nav>
|
||||
</div>
|
||||
|
||||
@@ -12,7 +12,7 @@ import {firstValueFrom} from "rxjs";
|
||||
import {SupplierForm} from "../supplier-form/supplier-form";
|
||||
|
||||
@Component({
|
||||
selector: 'app-deliverer-table',
|
||||
selector: 'app-deliverer-table',
|
||||
imports: [
|
||||
ModalNav,
|
||||
NzDividerComponent,
|
||||
@@ -22,8 +22,8 @@ import {SupplierForm} from "../supplier-form/supplier-form";
|
||||
DatePipe,
|
||||
DelivererForm,
|
||||
],
|
||||
templateUrl: './deliverer-table.html',
|
||||
styleUrl: './deliverer-table.css',
|
||||
templateUrl: './deliverer-table.html',
|
||||
styleUrl: './deliverer-table.css',
|
||||
})
|
||||
|
||||
export class DelivererTable implements OnInit {
|
||||
@@ -53,7 +53,7 @@ export class DelivererTable implements OnInit {
|
||||
this.deliverersLoading.set(false)
|
||||
}
|
||||
|
||||
async delete(deliverer:number) {
|
||||
async delete(deliverer: number) {
|
||||
try {
|
||||
await firstValueFrom(this.deliverersService.deleteDelivererEndpoint(deliverer))
|
||||
this.notificationService.success(
|
||||
@@ -89,8 +89,9 @@ export class DelivererTable implements OnInit {
|
||||
}
|
||||
|
||||
selectedDeliverer: GetDelivererDto | null = null;
|
||||
|
||||
openEditModal(supplier: GetSupplierDto) {
|
||||
this.selectedDeliverer = { ...supplier };
|
||||
this.selectedDeliverer = {...supplier};
|
||||
this.modal().showModal();
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user