Simple Managment webapp [LLM]

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

@@ -25,16 +25,19 @@
       [nzData]="subscriptions()"
       [nzLoading]="loading()"
       [nzShowPagination]="false"
+      [nzNoResult]="noResultTpl"
       nzSize="middle"
     >
+    <ng-template #noResultTpl></ng-template>
       <thead>
         <tr>
-          <th nzWidth="15%">Direction</th>
-          <th nzWidth="25%">Channel</th>
-          <th nzWidth="20%">Subscriber / Owner</th>
-          <th nzWidth="15%">Status</th>
-          <th nzWidth="15%">Created</th>
-          <th nzWidth="10%">Actions</th>
+          <th nzWidth="10%">Direction</th>
+          <th nzWidth="20%">Channel</th>
+          <th nzWidth="20%">Subscriber</th>
+          <th nzWidth="20%">Owner</th>
+          <th nzWidth="10%">Status</th>
+          <th nzWidth="12%">Created</th>
+          <th nzWidth="8%">Actions</th>
         </tr>
       </thead>
       <tbody>
@@ -48,15 +51,8 @@
             <td>
               <span class="mono">{{ sub.channel_internal_name }}</span>
             </td>
-            <td>
-              @if (isOutgoing(sub)) {
-                <span class="label">Owner:</span>
-                <span class="mono">{{ sub.channel_owner_user_id }}</span>
-              } @else {
-                <span class="label">Subscriber:</span>
-                <span class="mono">{{ sub.subscriber_user_id }}</span>
-              }
-            </td>
+            <td>{{ getUserDisplayName(sub.subscriber_user_id) }}</td>
+            <td>{{ getUserDisplayName(sub.channel_owner_user_id) }}</td>
             <td>
               <nz-tag [nzColor]="getStatusInfo(sub).color">
                 {{ getStatusInfo(sub).label }}
@@ -113,7 +109,7 @@
           </tr>
         } @empty {
           <tr>
-            <td colspan="6">
+            <td colspan="7">
               <nz-empty nzNotFoundContent="No subscriptions found"></nz-empty>
             </td>
           </tr>