@colijnit/transaction 12.1.124 → 12.1.125

package/lib/component/payment/style/_layout.scss

@@ -52,26 +52,6 @@
       row-gap: 10px;
       column-gap: 10px;
     }
-    .payment-to-pay {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      row-gap: $tp-payment-row-gap;
-      grid-column: 1 / 1;
-      grid-row: 1 / 1;
-    }
-    .payment-amount {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: $tp-payment-amount-height;
-      border: $tp-payment-amount-border;
-      font-family: $tp-payment-amount-font-family;
-      font-size: $tp-payment-amount-font-size;
-      font-weight: $tp-payment-amount-font-weight;
-      border-radius: 5px;
-      width: 100%;
-    }
 
     .payment-deposit {
       grid-column: 1 / 1;

package/lib/component/payment/style/_material-definition.scss

@@ -10,14 +10,7 @@ $tp-payment-header-extra-font-color: $tp-color-colijn-orange !default;
 $tp-payment-row-gap: 20px !default;
 $tp-payment-methods-column-gap: 5px !default;
 $tp-payment-methods-row-gap: 5px !default;
-$tp-payment-amount-height: 60px !default;
-$tp-payment-amount-font-family: $tp-font-family !default;
-$tp-payment-amount-font-size: 32px !default;
-$tp-payment-amount-font-weight: bold !default;
-$tp-payment-amount-color: rgba(0, 0, 0, 0.5) !default;
 $tp-payment-amount-border: 1px solid !default;
-$tp-payment-amount-border-color: $tp-color-border !default;
-$tp-payment-amount-background-color: #dedede5c !default;
 $tp-payment-error-margin: 5px 0 !default;
 $tp-payment-error-font-family: $tp-font-family !default;
 $tp-payment-error-font-size: $tp-font-size !default;

package/lib/component/payment/style/_theme.scss

@@ -7,11 +7,6 @@
         color: $tp-color-colijn-orange;
       }
     }
-    .payment-amount {
-      color: $tp-payment-amount-color;
-      border-color: $tp-payment-amount-border-color;
-      background-color: $tp-payment-amount-background-color;
-    }
     .payment-to-pay-button {
       .payment-error-message {
         color: $tp-payment-error-font-color;
@@ -20,24 +15,5 @@
         background-color: $tp-color-colijn-orange;
       }
     }
-    .payment-to-pay-keypad {
-      .key-pad-wrapper {
-        background: transparent;
-        border-color: $tp-payment-amount-border-color;
-      }
-      .key-pad-button {
-        background-color: $tp-payment-amount-background-color;
-        color: $tp-payment-amount-color;
-        font-weight: bold;
-        .co-icon {
-          svg { // for fontawesome icons
-            fill: $tp-payment-amount-color;
-          }
-          & [fill] { // for own icons
-            fill: $tp-payment-amount-color;
-          }
-        }
-      }
-    }
   }
 }

package/lib/component/payment/style/material.scss

@@ -4,3 +4,4 @@
 @import "../../payment-tile/style/material";
 @import "../../payment-qr-code/style/material";
 @import "../../deposit-payment/style/material";
+@import "../../payment-to-pay/style/material";

package/lib/component/payment-to-pay/payment-to-pay.component.d.ts

@@ -0,0 +1,4 @@
+export declare class PaymentToPayComponent {
+    amountToPay: number;
+    showClass(): boolean;
+}

package/lib/component/payment-to-pay/payment-to-pay.module.d.ts

@@ -0,0 +1,2 @@
+export declare class PaymentToPayModule {
+}

package/lib/component/payment-to-pay/style/_layout.scss

@@ -0,0 +1,26 @@
+@include export-module('cc-payment-to-pay-layout') {
+  .co-payment-to-pay {
+
+    .payment-to-pay {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      row-gap: $tp-payment-to-pay-row-gap;
+      grid-column: 1 / 1;
+      grid-row: 1 / 1;
+    }
+
+    .payment-amount {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: $tp-payment-to-pay-amount-height;
+      border: $tp-payment-to-pay-amount-border;
+      font-family: $tp-payment-to-pay-amount-font-family;
+      font-size: $tp-payment-to-pay-amount-font-size;
+      font-weight: $tp-payment-to-pay-amount-font-weight;
+      border-radius: 5px;
+      width: 100%;
+    }
+  }
+}

package/lib/component/payment-to-pay/style/_material-definition.scss

@@ -0,0 +1,6 @@
+$tp-payment-to-pay-row-gap: 20px !default;
+$tp-payment-to-pay-amount-height: 60px !default;
+$tp-payment-to-pay-amount-border: 1px solid !default;
+$tp-payment-to-pay-amount-font-family: $tp-font-family !default;
+$tp-payment-to-pay-amount-font-size: 32px !default;
+$tp-payment-to-pay-amount-font-weight: bold !default;

package/lib/component/payment-to-pay/style/_theme.scss

@@ -0,0 +1,9 @@
+@include export-module('cc-payment-to-pay-theme') {
+  .co-payment-to-pay {
+    .payment-amount {
+      color: $tp-payment-amount-color;
+      border-color: $tp-payment-amount-border-color;
+      background-color: $tp-payment-amount-background-color;
+    }
+  }
+}

package/lib/component/payment-to-pay/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/tile/style/_layout.scss

@@ -4,6 +4,8 @@
   .co-tile {
     display: flex;
     position: relative;
+    width: 100%;
+    height: 100%;
     &.selected {
       transform: scale($tp-tile-selected-zoom);
     }
@@ -17,6 +19,8 @@
       padding: $tp-tile-padding;
       width: $tp-tile-min-width;
       height: $tp-tile-min-height;
+      min-height: $tp-tile-min-height;
+      width: 100%;
     }
     .co-tile-select-wrapper {
       //position: absolute;

package/lib/component/transaction-cash-register-order/style/_layout.scss

@@ -0,0 +1,126 @@
+@include export-module('cc-transaction-cash-register-order-layout') {
+  .co-transaction-cash-register-order {
+    font-family: "Public sans";
+    font-size: 12px;
+    display: block;
+    padding: 25px;
+
+    .cash-register-wrapper {
+      display: flex;
+      width: 100%;
+      height: 100%;
+      column-gap: 40px;
+
+      .cash-register-main-content {
+        display: flex;
+        width: 75%;
+        row-gap: 30px;
+        height: inherit;
+        flex-direction: column;
+
+        .cash-register-header-wrapper {
+          display: flex;
+          width: 100%;
+          justify-content: space-between;
+          align-items: center;
+
+          .cash-register-header-buttons-wrapper {
+            display: flex;
+            column-gap: 10px;
+
+            .cash-register-header-button {
+              width: 136px;
+              height: 30px;
+              background-color: #f5f5fc;
+              padding: 5px;
+              font-size: 11px;
+              border-radius: 8px;
+              display: flex;
+              align-items: center;
+              text-align: center;
+              font-weight: bold;
+              cursor: pointer;
+            }
+          }
+
+          .cash-register-avatar-wrapper {
+            display: flex;
+
+            .transaction-sales-avatar {
+              height: 30px;
+              width: 30px;
+            }
+          }
+        }
+
+        .cash-register-lines-wrapper {
+          display: flex;
+
+
+        }
+      }
+
+      .cash-register-side-content {
+        display: flex;
+        width: 25%;
+        height: inherit;
+        flex-direction: column;
+        row-gap: 50px;
+
+        .cash-register-totals-wrapper {
+          display: flex;
+          flex-direction: column;
+          font-size: 11px;
+          padding: 8px;
+          width: 100%;
+          background-color: white;
+          border: 1px solid #f3f3f6;
+          border-radius: 8px;
+          row-gap: 5px;
+
+          .cash-register-totals-row {
+            display: flex;
+            font-weight: bold;
+            justify-content: space-between;
+            padding: 5px;
+            &.total {
+              font-size: 12px;
+            }
+            &.discount {
+              background: #5fdcb3;
+              border-radius: 8px;
+              cursor: pointer;
+              color: white;
+            }
+          }
+
+        }
+
+        .cash-register-payment-wrapper {
+          display: flex;
+          flex-direction: column;
+          row-gap: 10px;
+
+          .cash-register-payment-methods-wrapper {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
+            grid-gap: 5px;
+            padding: 8px;
+            border-radius: 8px;
+            background: $tp-payment-amount-background-color;
+
+            .co-tile-wrapper {
+              min-height: 70px;
+            }
+          }
+
+          .cash-register-num-pad-wrapper {
+            display: flex;
+            flex-direction: column;
+            row-gap: 10px;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-cash-register-order/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-cash-register-order-theme') {
+  .co-transaction-cash-register-order {
+  }
+}

package/lib/component/transaction-cash-register-order/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../payment-to-pay/style/material";

package/lib/component/transaction-line/transaction-cash-register-order-line/style/_layout.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-cash-register-order-line-layout') {
+  .co-transaction-cash-register-order-line {
+  }
+}

package/lib/component/transaction-line/transaction-cash-register-order-line/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-cash-register-order-line-theme') {
+  .co-transaction-cash-register-order-line {
+  }
+}

package/lib/component/transaction-line/transaction-cash-register-order-line/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/transaction-line/transaction-cash-register-order-line/transaction-cash-register-order-line.component.d.ts

@@ -0,0 +1,4 @@
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+export declare class TransactionCashRegisterOrderLineComponent extends TransactionBaseComponent {
+    showClass(): boolean;
+}

package/lib/component/transaction-line/transaction-cash-register-order-line/transaction-cash-register-order-line.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TransactionCashRegisterOrderLineModule {
+}

package/lib/enum/transaction-type-category.enum.d.ts

@@ -11,5 +11,6 @@ export declare enum TransactionTypeCategory {
     SalesOrderLogistics = "salesOrderLogistics",
     SalesOrderPlanning = "salesOrderPlanning",
     SalesOrderDeliveryNote = "salesOrderDeliveryNote",
-    SalesOrderInvoice = "salesOrderInvoice"
+    SalesOrderInvoice = "salesOrderInvoice",
+    SalesOrderCashRegister = "salesOrderCashRegister"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.124",
+  "version": "12.1.125",
   "description": "Colijn IT transaction module for Angular 12",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -18,7 +18,7 @@
     "@colijnit/relationapi": ">=1.0.6",
     "@colijnit/sharedapi": ">=1.0.10",
     "@colijnit/sharedcomponents": ">=1.0.40",
-    "@colijnit/transactionapi": ">=1.1.81",
+    "@colijnit/transactionapi": ">=1.1.82",
     "@syncfusion/ej2-angular-buttons": ">=19.3.44",
     "@syncfusion/ej2-angular-calendars": ">=19.3.44",
     "@syncfusion/ej2-angular-dropdowns": ">=19.3.45",