Simple Managment webapp [LLM]

webapp/src/app/features/subscriptions/subscription-list/subscription-list.component.html

@@ -13,32 +13,32 @@
     </div>
   </div>
 
-  <nz-card>
-    <nz-tabset (nzSelectedIndexChange)="onTabChange($event)">
-      <nz-tab nzTitle="All"></nz-tab>
-      <nz-tab nzTitle="Own"></nz-tab>
-      <nz-tab nzTitle="Deactivated"></nz-tab>
-      <nz-tab nzTitle="External"></nz-tab>
-      <nz-tab nzTitle="Incoming"></nz-tab>
-    </nz-tabset>
+  <nz-tabset (nzSelectedIndexChange)="onTabChange($event)">
+    <nz-tab nzTitle="All"></nz-tab>
+    <nz-tab nzTitle="Own"></nz-tab>
+    <nz-tab nzTitle="Deactivated"></nz-tab>
+    <nz-tab nzTitle="External"></nz-tab>
+    <nz-tab nzTitle="Incoming"></nz-tab>
+  </nz-tabset>
 
-    @if (getTabDescription()) {
-      <nz-alert
-        nzType="info"
-        [nzMessage]="getTabDescription()!"
-        nzShowIcon
-        style="margin-bottom: 16px;"
-      ></nz-alert>
-    }
+  @if (getTabDescription()) {
+    <nz-alert
+      nzType="info"
+      [nzMessage]="getTabDescription()!"
+      nzShowIcon
+      style="margin-bottom: 16px;"
+    ></nz-alert>
+  }
 
-    <nz-table
-      #subscriptionTable
-      [nzData]="subscriptions()"
-      [nzLoading]="loading()"
-      [nzShowPagination]="false"
-      [nzNoResult]="noResultTpl"
-      nzSize="middle"
-    >
+  <nz-table
+    #subscriptionTable
+    nzBordered
+    [nzData]="subscriptions()"
+    [nzLoading]="loading()"
+    [nzShowPagination]="false"
+    [nzNoResult]="noResultTpl"
+    nzSize="middle"
+  >
     <ng-template #noResultTpl></ng-template>
       <thead>
         <tr>
@@ -126,8 +126,17 @@
           </tr>
         }
       </tbody>
-    </nz-table>
-  </nz-card>
+  </nz-table>
+
+  <div class="pagination-controls">
+    <nz-pagination
+      [nzPageIndex]="currentPage()"
+      [nzPageSize]="pageSize"
+      [nzTotal]="totalCount()"
+      [nzDisabled]="loading()"
+      (nzPageIndexChange)="goToPage($event)"
+    ></nz-pagination>
+  </div>
 </div>
 
 <!-- Create Subscription Modal -->