From 215b193b2fcbdfe2bb1e55324b3834a939a1fcea Mon Sep 17 00:00:00 2001
From: Akaki <31448057+khotcholava@users.noreply.github.com>
Date: Fri, 6 Dec 2024 14:35:48 +0400
Subject: [PATCH] feat(platform): table growing button

closes [#12793](https://github.com/SAP/fundamental-ngx/issues/12793)

Add conditional rendering to growing button component
Implemented logic to display the growing button only if there are more items to load, using a conditional check. This ensures that the button is hidden once all items have been loaded.
---
 .../table-growing-button.component.html       | 57 ++++++++++---------
 1 file changed, 30 insertions(+), 27 deletions(-)

diff --git a/libs/platform/table/components/growing-button/table-growing-button.component.html b/libs/platform/table/components/growing-button/table-growing-button.component.html
index e0e52f78d9d..82e0fd6c5da 100644
--- a/libs/platform/table/components/growing-button/table-growing-button.component.html
+++ b/libs/platform/table/components/growing-button/table-growing-button.component.html
@@ -1,30 +1,33 @@
-<div fd-list role="none">
-    <div
-        fd-list-item
-        ariaRole="none"
-        class="fdp-table__growing-button"
-        [growing]="true"
-        [style.height]="'auto'"
-        [action]="true"
-    >
-        <a fd-list-link (click)="_loadMore()">
-            <div fd-list-title>
-                <div
-                    class="fdp-table__growing-button-content"
-                    [class.fdp-table__growing-button-content--byline]="showItemsCount"
-                >
-                    @if (!showItemsCount) {
-                        {{ 'platformTable.loadMore' | fdTranslate }}
-                    } @else {
-                        <div class="fdp-table__growing-button__title">
+@if(_table.loadedRows$() < _dataSourceDirective.totalItems$()) {
+    <div fd-list role="none">
+        <div
+            fd-list-item
+            ariaRole="none"
+            class="fdp-table__growing-button"
+            [growing]="true"
+            [style.height]="'auto'"
+            [action]="true"
+        >
+            <a fd-list-link (click)="_loadMore()">
+                <div fd-list-title>
+                    <div
+                        class="fdp-table__growing-button-content"
+                        [class.fdp-table__growing-button-content--byline]="showItemsCount"
+                    >
+                        @if (!showItemsCount) {
                             {{ 'platformTable.loadMore' | fdTranslate }}
-                        </div>
-                        <div class="fdp-table__growing-button__subtitle">
-                            [ {{ _table.loadedRows$() }} / {{ _dataSourceDirective.totalItems$() }} ]
-                        </div>
-                    }
+                        } @else {
+                            <div class="fdp-table__growing-button__title">
+                                {{ 'platformTable.loadMore' | fdTranslate }}
+                            </div>
+                            <div class="fdp-table__growing-button__subtitle">
+                                [ {{ _table.loadedRows$() }} / {{ _dataSourceDirective.totalItems$() }} ]
+                            </div>
+                        }
+                    </div>
                 </div>
-            </div>
-        </a>
+            </a>
+        </div>
     </div>
-</div>
+
+}