Fixed qty input of fractions as well as allowing pasting of values ou…

…tside valid range.
soonaverse · Feb 16, 2024 · 433eb7e · 433eb7e
1 parent 5c136c9
commit 433eb7e
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 4 deletions.
diff --git a/src/app/pages/nft/pages/nft/nft.page.html b/src/app/pages/nft/pages/nft/nft.page.html
@@ -268,6 +268,7 @@ <h1 class="mt-2 mb-1">{{ getTitle(data.nft$ | async) }}</h1>
                       [(ngModel)]="nftQtySelected"
                       (ngModelChange)="updateQuantity()"
                       #quantityInput="ngModel"
+                      (paste)="forceValidRange($event)"
                       min="1"
                       max="{{ getAvailableNftQuantity(collection, nft) }}"
                     />

diff --git a/src/app/pages/nft/pages/nft/nft.page.ts b/src/app/pages/nft/pages/nft/nft.page.ts
@@ -419,16 +419,45 @@ export class NFTPage implements OnInit, OnDestroy {
       this.data.collection$.value,
       this.data.nft$.value,
     );
-    const parsedQuantity = Number(this.nftQtySelected);
-    if (isNaN(parsedQuantity) || parsedQuantity < 1) {
+    let parsedQuantity = Math.round(Number(this.nftQtySelected));
+
+    if (isNaN(parsedQuantity) || parsedQuantity <= 0) {
       this.nftQtySelected = 1;
-      this.resetInput();
     } else if (parsedQuantity > maxQuantity) {
       this.nftQtySelected = maxQuantity;
-      this.resetInput();
     } else {
       this.nftQtySelected = parsedQuantity;
     }
+
+    if (parsedQuantity === this.nftQtySelected) {
+      return;
+    } else {
+      this.resetInput();
+    }
+  }
+
+  public forceValidRange(event: ClipboardEvent): void {
+    event.preventDefault();
+
+    if (event.clipboardData) {
+      const pastedData = event.clipboardData.getData('text/plain');
+      let parsedQuantity = Math.round(Number(pastedData));
+
+      const maxQuantity = this.getAvailableNftQuantity(
+        this.data.collection$.value,
+        this.data.nft$.value,
+      );
+
+      if (isNaN(parsedQuantity) || parsedQuantity <= 0) {
+        this.nftQtySelected = 1;
+      } else if (parsedQuantity > maxQuantity) {
+        this.nftQtySelected = maxQuantity;
+      } else {
+        this.nftQtySelected = parsedQuantity;
+      }
+
+      this.resetInput();
+    }
   }
 
   private resetInput() {