feat(shared account): add show more button for shared account

widefix · Sep 26, 2023 · bc5d532 · bc5d532
1 parent 1358aae
commit bc5d532
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/app/javascript/account/transactions.js → app/javascript/account/toggleButton.js b/app/javascript/account/transactions.js → app/javascript/account/toggleButton.js
@@ -3,8 +3,8 @@ document.addEventListener('turbolinks:load', function() {
   if (!toggleButton) {
     return
   }
-  var transactionsHidden = true;
-  var tbodyRows = Array.from(document.querySelectorAll('tbody.transactions tr'));
+  var elementsHidden = true;
+  var tbodyRows = Array.from(document.querySelectorAll('tbody.toggleable tr'));
 
   if (tbodyRows.length > 10) {
     toggleRows();
@@ -21,7 +21,7 @@ document.addEventListener('turbolinks:load', function() {
     e.preventDefault();
     toggleRows();
 
-    toggleButton.textContent = transactionsHidden ? 'Hide' : 'Show all'; 
-    transactionsHidden = !transactionsHidden;
+    toggleButton.textContent = elementsHidden ? 'Hide' : 'Show all'; 
+    elementsHidden = !elementsHidden;
   });
 });
diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
@@ -10,7 +10,7 @@ require("turbolinks").start()
 require("@rails/activestorage").start()
 require("channels")
 require("menu/navbar")
-require("account/transactions")
+require("account/toggleButton")
 
 // Uncomment to copy all static images under ../images to the output folder and reference
 // them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)

diff --git a/app/views/account_shares/index.html.slim b/app/views/account_shares/index.html.slim
@@ -21,4 +21,9 @@ h2.title.is-4
                 th Accepted
                 th Link
                 th Actions
-            = render partial: 'account_share', collection: account.account_shares.order(created_at: :desc)
+            tbody.toggleable
+              - account_shares = account.account_shares.order(created_at: :desc)
+              = render partial: 'account_share', collection: account_shares
+        - if account_shares.count > 10
+          .card-footer
+            = link_to "Show all", "#", id: "toggle-button", class: 'card-footer-item'
diff --git a/app/views/accounts/show.html.slim b/app/views/accounts/show.html.slim
@@ -37,7 +37,7 @@ h2.title.is-4
                 th Amount
                 th Description
                 th Actions
-            tbody.transactions
+            tbody.toggleable
               - transactions = account.transactions
               = render partial: 'transaction', collection: transactions, account: account
         - if transactions.count > 10