Support for product in cart

Rachnerd · Rachnerd · commit 83cf30ca9225 · 2022-04-30T17:35:57.000+02:00
diff --git a/src/app/ui-components/molecules/product-default/product-default.component.html b/src/app/ui-components/molecules/product-default/product-default.component.html
@@ -4,11 +4,16 @@
   (resize)="onResize($event)"
 >
   <section actions>
-    <p *ngIf="isLarge">Add to cart:</p>
-    <ov-quantity-picker
-      [quantity]="product.quantity"
-      (selectQuantity)="selectQuantity($event)"
-    ></ov-quantity-picker>
+    <ov-message type="ok" *ngIf="product.inCart; else notInCart">
+      In cart
+    </ov-message>
+    <ng-template #notInCart>
+      <p *ngIf="isLarge">Add to cart:</p>
+      <ov-quantity-picker
+        [quantity]="product.quantity"
+        (selectQuantity)="selectQuantity($event)"
+      ></ov-quantity-picker>
+    </ng-template>
   </section>
   <section footer>
     <ov-message type="ok" *ngIf="!product.isLimited; else limited">
diff --git a/src/app/ui-components/molecules/product-default/product-default.component.mocks.ts b/src/app/ui-components/molecules/product-default/product-default.component.mocks.ts
@@ -2,31 +2,47 @@ import { QuantityPickerMocks } from '../../molecules/quantity-picker/quantity-pi
 import { ProductMock } from '../product/product.component.mocks';
 import { ProductDefault } from './product-default.component';
 
-type MockKeys = 'PRIMARY' | 'MAX_CONTENT' | 'MIN_CONTENT' | 'LANDSCAPE';
+type MockKeys =
+  | 'PRIMARY'
+  | 'MAX_CONTENT'
+  | 'MIN_CONTENT'
+  | 'LANDSCAPE'
+  | 'IN_CART';
 
 export const ProductDefaultMock: Record<MockKeys, ProductDefault> = {
   PRIMARY: {
     ...ProductMock.PRIMARY,
     type: 'product',
     quantity: QuantityPickerMocks.PRIMARY,
     isLimited: false,
+    inCart: false,
+  },
+  IN_CART: {
+    ...ProductMock.PRIMARY,
+    type: 'product',
+    quantity: QuantityPickerMocks.PRIMARY,
+    isLimited: false,
+    inCart: true,
   },
   MAX_CONTENT: {
     ...ProductMock.MAX_CONTENT,
     type: 'product',
     quantity: QuantityPickerMocks.WITH_STEPS,
     isLimited: false,
+    inCart: false,
   },
   MIN_CONTENT: {
     ...ProductMock.MIN_CONTENT,
     type: 'product',
     quantity: QuantityPickerMocks.MIN_QUANTITY,
     isLimited: true,
+    inCart: false,
   },
   LANDSCAPE: {
     ...ProductMock.LANDSCAPE,
     type: 'product',
     quantity: QuantityPickerMocks.PRIMARY,
     isLimited: false,
+    inCart: false,
   },
 };
diff --git a/src/app/ui-components/molecules/product-default/product-default.component.stories.ts b/src/app/ui-components/molecules/product-default/product-default.component.stories.ts
@@ -31,3 +31,8 @@ export const MinContent = Template.bind({});
 MinContent.args = {
   product: ProductDefaultMock.MIN_CONTENT,
 };
+
+export const InCart = Template.bind({});
+InCart.args = {
+  product: ProductDefaultMock.IN_CART,
+};
diff --git a/src/app/ui-components/molecules/product-default/product-default.component.ts b/src/app/ui-components/molecules/product-default/product-default.component.ts
@@ -17,6 +17,7 @@ export interface ProductDefault extends Product {
   type: 'product';
   quantity: Quantity;
   isLimited: boolean;
+  inCart: boolean;
 }
 
 @Component({

Original file line number	Diff line number	Diff line change
`@@ -17,6 +17,7 @@ export interface ProductDefault extends Product {`
`17`	`17`	`type: 'product';`
`18`	`18`	`quantity: Quantity;`
`19`	`19`	`isLimited: boolean;`
	`20`	`+ inCart: boolean;`
`20`	`21`	`}`
`21`	`22`
`22`	`23`	`@Component({`