From b2461bfe550dbcdb129e554a688bbbd89c5241c6 Mon Sep 17 00:00:00 2001
From: FyloZ <fylozdev@gmail.com>
Date: Mon, 8 Feb 2021 18:16:41 -0500
Subject: [PATCH] Oublie de rajouter le composant mixes-card dans le VCS

---
 .../mixes-card/mixes-card.component.html      | 29 +++++++++++++++++++
 .../mixes-card/mixes-card.component.sass      |  3 ++
 .../mixes-card/mixes-card.component.ts        | 21 ++++++++++++++
 3 files changed, 53 insertions(+)
 create mode 100644 src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.html
 create mode 100644 src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.sass
 create mode 100644 src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.ts

diff --git a/src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.html b/src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.html
new file mode 100644
index 0000000..f22e4d6
--- /dev/null
+++ b/src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.html
@@ -0,0 +1,29 @@
+<mat-card>
+  <mat-card-header>
+    <mat-card-title>Mélanges</mat-card-title>
+  </mat-card-header>
+  <mat-card-content [class.no-action]="!editionMode">
+    <ng-container *ngFor="let mix of recipe.mixes; let i = index">
+      <cre-mix-table
+        [class.no-top-margin]="i == 0"
+        [recipe]="recipe"
+        [mix]="mix"
+        [units$]="units$"
+        [deductErrorBody]="deductErrorBody"
+        [editionMode]="editionMode"
+        (quantityChange)="quantityChange.emit($event)"
+        (locationChange)="locationChange.emit($event)"
+        (deduct)="deduct.emit(mix.id)"
+        [(printingError)]="printingError">>
+      </cre-mix-table>
+    </ng-container>
+  </mat-card-content>
+  <mat-card-actions *ngIf="editionMode">
+    <button
+      mat-raised-button
+      color="accent"
+      routerLink="/color/add/mix/{{recipe.id}}">
+      Ajouter
+    </button>
+  </mat-card-actions>
+</mat-card>
diff --git a/src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.sass b/src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.sass
new file mode 100644
index 0000000..70d750c
--- /dev/null
+++ b/src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.sass
@@ -0,0 +1,3 @@
+mat-card
+  background-color: rgba(255, 255, 255, 0.5)
+  min-width: 20rem
diff --git a/src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.ts b/src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.ts
new file mode 100644
index 0000000..63ee4e8
--- /dev/null
+++ b/src/main/frontend/src/app/modules/colors/components/mixes-card/mixes-card.component.ts
@@ -0,0 +1,21 @@
+import {Component, EventEmitter, Input, Output} from '@angular/core';
+import {Recipe} from "../../../shared/model/recipe.model";
+import {Subject} from "rxjs";
+
+@Component({
+  selector: 'cre-mixes-card',
+  templateUrl: './mixes-card.component.html',
+  styleUrls: ['./mixes-card.component.sass']
+})
+export class MixesCardComponent {
+  @Input() recipe: Recipe
+  @Input() units$: Subject<string>
+  @Input() deductErrorBody: any
+  @Input() printingError = 2
+  @Input() editionMode = false
+
+  @Output() locationChange = new EventEmitter<{ id: number, location: string }>()
+  @Output() quantityChange = new EventEmitter<{ id: number, materialId: number, quantity: number }>()
+  @Output() deduct = new EventEmitter<number>()
+  @Output() printingErrorChange = new EventEmitter<number>()
+}