From 3bb89e02133d4cea7b3019aa7a2f3c5541f8b085 Mon Sep 17 00:00:00 2001
From: Dmitriy Petrov <dartwen@yandex.ru>
Date: Sat, 9 May 2020 20:55:30 +0300
Subject: [PATCH] RCW-7 created a method for converting the price to two
 characters and added it to different components

---
 receipt-web/src/components/ReceiptCard.vue      | 10 ++++++----
 .../pages/ReceiptPage/ReceiptItems.vue          |  9 ++++++++-
 .../pages/ReceiptPage/ReceiptMeta.vue           |  5 +++--
 receipt-web/src/components/utils/truncated.js   | 17 +++++++++++++++++
 4 files changed, 34 insertions(+), 7 deletions(-)
 create mode 100644 receipt-web/src/components/utils/truncated.js

diff --git a/receipt-web/src/components/ReceiptCard.vue b/receipt-web/src/components/ReceiptCard.vue
index 1ffab38..37841f7 100644
--- a/receipt-web/src/components/ReceiptCard.vue
+++ b/receipt-web/src/components/ReceiptCard.vue
@@ -6,7 +6,7 @@
                 {{date.format("DD.MM.YYYY HH:mm")}}
             </p>
             <p class="card-text">
-                {{receipt.sum}} рублей.
+                {{totalSum}} рублей.
             </p>
             <a v-bind:href="href" class="btn btn-primary">Открыть</a>
         </div>
@@ -14,7 +14,8 @@
 </template>
 
 <script>
-    import moment from "moment"
+    import moment from "moment";
+    import truncated from "./utils/truncated";
 
     export default {
         name: 'ReceiptCard',
@@ -31,7 +32,9 @@
             href: function () {
                 return `/receipt/` + this.receipt.id;
             },
-
+            totalSum() {
+                return truncated(this.receipt.sum);
+            },
             cardStyle: function () {
                 let status = this.receipt.status;
                 if (status === "FAILED") {
@@ -45,4 +48,3 @@
         }
     }
 </script>
-
diff --git a/receipt-web/src/components/pages/ReceiptPage/ReceiptItems.vue b/receipt-web/src/components/pages/ReceiptPage/ReceiptItems.vue
index 7487825..017fe31 100644
--- a/receipt-web/src/components/pages/ReceiptPage/ReceiptItems.vue
+++ b/receipt-web/src/components/pages/ReceiptPage/ReceiptItems.vue
@@ -11,12 +11,14 @@
         <tr v-for="(item, id) in items" v-bind:key="id">
             <td>{{item.text}}</td>
             <td>{{item.price}} р.</td>
-            <td>× {{item.amount}}</td>
+            <td>× {{totalSum(item.amount)}}</td>
         </tr>
         </tbody>
     </table>
 </template>
 <script>
+    import truncated from "../../utils/truncated";
+
     export default {
         name: 'ReceiptItems',
         props: {
@@ -24,6 +26,11 @@
                 type: Array,
                 default: () => []
             }
+        },
+        method: {
+            totalSum(num) {
+                return truncated(num);
+            }
         }
     }
 </script>
diff --git a/receipt-web/src/components/pages/ReceiptPage/ReceiptMeta.vue b/receipt-web/src/components/pages/ReceiptPage/ReceiptMeta.vue
index b8298ca..0ff9a4a 100644
--- a/receipt-web/src/components/pages/ReceiptPage/ReceiptMeta.vue
+++ b/receipt-web/src/components/pages/ReceiptPage/ReceiptMeta.vue
@@ -9,7 +9,8 @@
     </table>
 </template>
 <script>
-    import moment from "moment"
+    import moment from "moment";
+    import truncated from "../../utils/truncated";
 
     export default {
         name: "ReceiptMeta",
@@ -32,7 +33,7 @@
                     } else if (key === "provider") {
                         result["Провайдер"] = meta["provider"];
                     } else if (key === "sum") {
-                        result["Сумма"] = meta["sum"];
+                        result["Сумма"] = truncated(meta["sum"]);
                     } else if (key === "fn") {
                         result["Фискальный накопитель"] = meta["fn"];
                     } else if (key === "fd") {
diff --git a/receipt-web/src/components/utils/truncated.js b/receipt-web/src/components/utils/truncated.js
new file mode 100644
index 0000000..567468a
--- /dev/null
+++ b/receipt-web/src/components/utils/truncated.js
@@ -0,0 +1,17 @@
+function isInteger(num) {
+    return (num ^ 0) === num;
+}
+
+function toStringNumberLength(num) {
+    const crop = num.toString().split('.');
+    return crop[1].length;
+}
+
+const truncated = num => {
+    if(isInteger(num) || toStringNumberLength(num) === 1) {
+       return num.toFixed(2);
+    }
+    return Math.trunc((num) * 100) / 100;
+}
+
+export default truncated;