From c0bdd9fe6ed51330d9bf308fdcedce938051932c Mon Sep 17 00:00:00 2001
From: David Stone <david@nnucomputerwhiz.com>
Date: Wed, 18 Sep 2024 11:29:54 -0600
Subject: [PATCH] Better loading exp

---
 view/base/web/usage.js                               |  2 +-
 .../templates/catalog/product/usages-container.phtml |  2 +-
 .../templates/catalog/product/usages-loader.phtml    | 12 ++++++++----
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/view/base/web/usage.js b/view/base/web/usage.js
index 8d8ab82..b04ae3a 100644
--- a/view/base/web/usage.js
+++ b/view/base/web/usage.js
@@ -123,7 +123,7 @@ define([
                 }
 
                 self.hidden = !self.hidden;
-            });
+            }).prop('disabled', false);
             try {
                 $(self.options.priceHolderSelector).priceBox('setDefault', {
                     'basePrice': {
diff --git a/view/frontend/templates/catalog/product/usages-container.phtml b/view/frontend/templates/catalog/product/usages-container.phtml
index f7d5829..7c49ba3 100644
--- a/view/frontend/templates/catalog/product/usages-container.phtml
+++ b/view/frontend/templates/catalog/product/usages-container.phtml
@@ -1,7 +1,7 @@
 <?php /* @var $block \DevStone\UsageCalculator\Block\Catalog\Product\Usage */ ?>
 
 
-			<button id="usage-button" class="cta-button" title="<?= __('License Image is a type of “renting” of an image for a specific use; examples include licensing an image for the cover of a book, an illustration for a magazine article, or use of an image in an evangelistic handbill.') ?>">
+			<button disabled id="usage-button" class="cta-button" title="<?= __('License Image is a type of “renting” of an image for a specific use; examples include licensing an image for the cover of a book, an illustration for a magazine article, or use of an image in an evangelistic handbill.') ?>">
 				<span class="calc-icon">&nbsp;</span>
 				<span class="button-main">
             <span><?= __('License Image') ?></span>
diff --git a/view/frontend/templates/catalog/product/usages-loader.phtml b/view/frontend/templates/catalog/product/usages-loader.phtml
index b9e0b9b..7e6a428 100644
--- a/view/frontend/templates/catalog/product/usages-loader.phtml
+++ b/view/frontend/templates/catalog/product/usages-loader.phtml
@@ -2,7 +2,7 @@
 <?php if ($block->getProduct()->isSaleable() ):?>
 	<div id="usages-container" class="usages-container field" <?php if (!$block->showButton()): ?>style="margin-bottom: 0;" <?php endif; ?>>
 		<?php if ($block->showButton()): ?>
-			<button id="usage-button" class="cta-button" title="<?= __('License Image is a type of “renting” of an image for a specific use; examples include licensing an image for the cover of a book, an illustration for a magazine article, or use of an image in an evangelistic handbill.') ?>">
+			<button disabled id="usage-button" class="cta-button" title="<?= __('License Image is a type of “renting” of an image for a specific use; examples include licensing an image for the cover of a book, an illustration for a magazine article, or use of an image in an evangelistic handbill.') ?>">
 				<span class="calc-icon">&nbsp;</span>
 				<span class="button-main">
             <span><?= __('License Image') ?></span>
@@ -17,10 +17,13 @@
     require([
         'jquery'
     ], function($) {
+
+        $('#product-options-wrapper .price-box, .product-options-bottom').hide();
+
 		$('#usage-button').one('click', function(event ){
 		event.preventDefault()
      //               observer.disconnect();
-
+            $(this).prop('disabled', true);
             $.ajax({
                 method: 'GET',
                 url: '<?= $block->getBaseUrl() ?>usage/usage/ajax?id=<?= $block->getProduct()->getId() ?>',
@@ -32,9 +35,10 @@
             });
 
 
-        });
+        }).prop('disabled', false);
         if (location.hash.substr(0, 8) === '#license') {
             $('#usage-button').click();
         }
+
     });
-</script>
\ No newline at end of file
+</script>