OLMIS-7987: Move Submit Requisitionless Orders functionalities from Angola to Core instance

CHANGELOG.md

@@ -1,3 +1,8 @@
+7.0.13-SNAPSHOT / WIP
+==================
+New functionalities that are backwards-compatible:
+* [OLMIS-7987](https://openlmis.atlassian.net/browse/OLMIS-7987): Move Submit Requisitionless Orders functionalities from Angola to Core instance
+
 7.0.12 / 2024-04-19
 ==================
 New functionalities that are backwards-compatible:

src/common/_layout.mixins.scss

@@ -0,0 +1,7 @@
+@mixin flex-layout($driection, $justify-content: normal, $align-items: normal, $gap: 0) {
+    display: flex;
+    flex-direction: $driection;
+    justify-content: $justify-content;
+    align-items: $align-items;
+    gap: $gap;
+}

src/common/_mixins.scss

@@ -0,0 +1,305 @@
+@mixin fade-in {
+    @keyframes fadeIn {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+}
+
+@mixin fade-out {
+    @keyframes fadeOut {
+        0% {
+            opacity: 1;
+        }
+        100% {
+            opacity: 0;
+        }
+    }
+}
+
+@mixin direction() {
+    [dir="ltr"] & {
+        direction: ltr;
+    }
+    [dir="rtl"] & {
+        direction: rtl;
+    }
+}
+
+@mixin translate-x($value) {
+    [dir="ltr"] & {
+        transform: translateX($value);
+    }
+    [dir="rtl"] & {
+        transform: translateX(-$value);
+    }
+}
+
+@mixin translate-xy($valueX, $valueY) {
+    [dir="ltr"] & {
+        transform: translateX($valueX) translateY($valueY);
+    }
+    [dir="rtl"] & {
+        transform: translateX(-$valueX) translateY($valueY);
+    }
+}
+
+@mixin padding-right($value) {
+    [dir="ltr"] & {
+        padding-right: $value;
+    }
+    [dir="rtl"] & {
+        padding-left: $value;
+    }
+}
+
+@mixin padding-right-important($value) {
+    [dir="ltr"] & {
+        padding-right: $value !important;
+    }
+    [dir="rtl"] & {
+        padding-left: $value !important;
+    }
+}
+
+@mixin padding-left($value) {
+    [dir="ltr"] & {
+        padding-left: $value;
+    }
+    [dir="rtl"] & {
+        padding-right: $value;
+    }
+}
+
+@mixin padding-x($value) {
+    [dir="ltr"] & {
+        padding-left: $value;
+        padding-right: $value;
+    }
+    [dir="rtl"] & {
+        padding-left: $value;
+        padding-right: $value;
+    }
+}
+
+@mixin padding-yx($padding-y, $padding-x) {
+    padding-top: $padding-y;
+    padding-bottom: $padding-y;
+
+    [dir="ltr"] & {
+        padding-left: $padding-x;
+        padding-right: $padding-x;
+    }
+    [dir="rtl"] & {
+        padding-left: $padding-x;
+        padding-right: $padding-x;
+    }
+}
+
+@mixin padding($padding-top, $padding-right, $padding-bottom, $padding-left) {
+    padding-top: $padding-top;
+    padding-bottom: $padding-bottom;
+
+    [dir="ltr"] & {
+        padding-left: $padding-left;
+        padding-right: $padding-right;
+    }
+    [dir="rtl"] & {
+        padding-left: $padding-right;
+        padding-right: $padding-left;
+    }
+}
+
+@mixin margin-right($value) {
+    [dir="ltr"] & {
+        margin-right: $value;
+    }
+    [dir="rtl"] & {
+        margin-left: $value;
+    }
+}
+
+@mixin margin-left($value) {
+    [dir="ltr"] & {
+        margin-left: $value;
+    }
+    [dir="rtl"] & {
+        margin-right: $value;
+    }
+}
+
+@mixin margin-x($value) {
+    [dir="ltr"] & {
+        margin-left: $value;
+        margin-right: $value;
+    }
+    [dir="rtl"] & {
+        margin-left: $value;
+        margin-right: $value;
+    }
+}
+
+@mixin margin-yx($margin-y, $margin-x) {
+    margin-top: $margin-y;
+    margin-bottom: $margin-y;
+
+    [dir="ltr"] & {
+        margin-left: $margin-x;
+        margin-right: $margin-x;
+    }
+    [dir="rtl"] & {
+        margin-left: $margin-x;
+        margin-right: $margin-x;
+    }
+}
+
+@mixin margin($margin-top, $margin-right, $margin-bottom, $margin-left) {
+    margin-top: $margin-top;
+    margin-bottom: $margin-bottom;
+
+    [dir="ltr"] & {
+        margin-left: $margin-left;
+        margin-right: $margin-right;
+    }
+    [dir="rtl"] & {
+        margin-left: $margin-right;
+        margin-right: $margin-left;
+    }
+}
+
+@mixin border-right($value) {
+    [dir="ltr"] & {
+        border-right: $value;
+    }
+    [dir="rtl"] & {
+        border-left: $value;
+    }
+}
+
+@mixin border-right-important($value) {
+    [dir="ltr"] & {
+        border-right: $value !important;
+    }
+    [dir="rtl"] & {
+        border-left: $value !important;
+    }
+}
+
+@mixin border-left($value) {
+    [dir="ltr"] & {
+        border-left: $value;
+    }
+    [dir="rtl"] & {
+        border-right: $value;
+    }
+}
+
+@mixin border-left-important($value) {
+    [dir="ltr"] & {
+        border-left: $value !important;
+    }
+    [dir="rtl"] & {
+        border-right: $value !important;
+    }
+}
+
+@mixin border-x($value) {
+    [dir="ltr"] & {
+        border-left: $value;
+        border-right: $value;
+    }
+    [dir="rtl"] & {
+        border-left: $value;
+        border-right: $value;
+    }
+}
+
+@mixin border-yx($border-y, $border-x) {
+    border-top: $border-y;
+    border-bottom: $border-y;
+
+    [dir="ltr"] & {
+        border-left: $border-x;
+        border-right: $border-x;
+    }
+    [dir="rtl"] & {
+        border-left: $border-x;
+        border-right: $border-x;
+    }
+}
+
+@mixin border($border-top, $border-right, $border-bottom, $border-left) {
+    border-top: $border-top;
+    border-bottom: $border-bottom;
+
+    [dir="ltr"] & {
+        border-left: $border-left;
+        border-right: $border-right;
+    }
+    [dir="rtl"] & {
+        border-left: $border-right;
+        border-right: $border-left;
+    }
+}
+
+@mixin float($float) {
+    $float-ltr: $float;
+    $float-rtl: if($float == left, right, if($float == right, left, none));
+
+    [dir="ltr"] & {
+        float: $float-ltr;
+    }
+
+    [dir="rtl"] & {
+        float: $float-rtl;
+    }
+}
+
+@mixin right($value) {
+    [dir="ltr"] & {
+        right: $value;
+    }
+
+    [dir="rtl"] & {
+        left: $value;
+    }
+}
+
+@mixin left($value) {
+    [dir="ltr"] & {
+        left: $value;
+    }
+
+    [dir="rtl"] & {
+        right: $value;
+    }
+}
+
+@mixin text-align($alignment) {
+    $alignment-ltr: $alignment;
+    $alignment-rtl: if($alignment == left, right, if($alignment == right, left, $alignment));
+
+    [dir="ltr"] & {
+        text-align: $alignment-ltr;
+    }
+
+    [dir="rtl"] & {
+        text-align: $alignment-rtl;
+    }
+}
+
+@mixin background-position($position) {
+    $position-ltr: $position;
+    $position-rtl: if($position == left, right, if($position == right, left, $position));
+
+    [dir="ltr"] & {
+        background-position: $position-ltr;
+    }
+
+    [dir="rtl"] & {
+        background-position: $position-rtl;
+    }
+}

src/requisition-order-create/messages_en.json

@@ -1,8 +1,39 @@
 {
-  "requisition.orderCreate": "Create Order",
-  "requisition.orderCreate.submitted": "Order created successfully",
+  "requisition.orderCreate": "Create Orders",
+  "requisition.orderCreate.cancel": "Cancel",
+  "requisition.orderCreate.loading": "Loading",
+  "requisition.orderCreate.view": "View",
+  "requisition.orderCreate.printOrder": "Print Order",
+  "requisition.orderCreate.edit": "Edit",
+  "requisition.orderCreate.create": "Create Order",
+  "requisition.orderCreate.saveDraft": "Save Draft",
+  "requisition.orderCreate.submitted": "Orders created successfully",
   "requisition.orderCreate.createdOrderSent.success": "Offline created order sent successfully.",
   "requisition.orderCreate.createdOrderSent.error": "Error occurred while sending offline created order.",
   "requisition.orderCreate.draftUpdate.success": "Draft order update success.",
-  "requisition.orderCreate.draftUpdate.error": "Error occurred while updating draft order."
+  "requisition.orderCreate.draftUpdate.error": "Error occurred while updating draft order.",
+  "requisition.orderCreate.delete": "Delete",
+  "requisition.orderCreate.deleteBatch": "Delete Batch",
+  "requisition.orderCreate.delete.prompt": "Are you sure you want to delete this order?",
+  "requisition.orderCreate.delete.prompt.batch": "Are you sure you want to delete available orders?",
+  "requisition.orderCreate.delete.error": "Error occurred while deleting order(s).",
+  "requisition.orderCreate.delete.success": "Order(s) deleted successfully.",
+  "requisition.orderCreate.program": "Program",
+  "requisition.orderCreate.program.placeholder": "Select Program",
+  "requisition.orderCreate.reqFacility": "Requesting Facility",
+  "requisition.orderCreate.reqFacility.placeholder": "Select Requesting Facility",
+  "requisition.orderCreate.supFacility": "Supplying Facility",
+  "requisition.orderCreate.supFacility.placeholder": "Select Supplying Facility",
+  "requisition.orderCreate.table.productCode": "Product Code",
+  "requisition.orderCreate.table.product": "Product",
+  "requisition.orderCreate.table.soh": "SOH",
+  "requisition.orderCreate.table.quantity": "Quantity",
+  "requisition.orderCreate.table.actions": "Actions",
+  "requisition.orderCreate.table.facility": "Facility",
+  "requisition.orderCreate.table.addProduct": "Add",
+  "requisition.orderCreate.table.productAlreadyAdded": "This product was already added to the table",
+  "requisition.orderCreate.requisistionInfo.status": "Status",
+  "requisition.orderCreate.requisistionInfo.dateCreated": "Date Created",
+  "requisition.orderCreate.searchSelect.placeholder": "Select an option",
+  "requisition.orderCreate.searchSelect.empty.message": "Not found"
 }