Simple Managment webapp [LLM]

webapp/src/app/features/channels/channel-list/channel-list.component.html

@@ -6,37 +6,27 @@
         <span nz-icon nzType="reload"></span>
         Refresh
       </button>
-      <button nz-button nzType="primary" (click)="openCreateModal()">
-        <span nz-icon nzType="plus"></span>
-        Create Channel
-      </button>
     </div>
   </div>
 
-  <nz-card class="filter-card">
-    <nz-radio-group [(ngModel)]="selector" (ngModelChange)="onSelectorChange()">
-      <label nz-radio-button nzValue="all">All</label>
-      <label nz-radio-button nzValue="owned">Owned</label>
-      <label nz-radio-button nzValue="subscribed">Subscribed</label>
-      <label nz-radio-button nzValue="subscribed_any">Subscribed (Any)</label>
-    </nz-radio-group>
-  </nz-card>
-
   <nz-card>
     <nz-table
       #channelTable
       [nzData]="channels()"
       [nzLoading]="loading()"
       [nzShowPagination]="false"
+      [nzNoResult]="noResultTpl"
       nzSize="middle"
     >
+    <ng-template #noResultTpl></ng-template>
       <thead>
         <tr>
-          <th nzWidth="25%">Name</th>
-          <th nzWidth="20%">Internal Name</th>
+          <th nzWidth="20%">Name</th>
+          <th nzWidth="15%">Internal Name</th>
+          <th nzWidth="15%">Owner</th>
           <th nzWidth="15%">Status</th>
           <th nzWidth="15%">Messages</th>
-          <th nzWidth="25%">Last Sent</th>
+          <th nzWidth="20%">Last Sent</th>
         </tr>
       </thead>
       <tbody>
@@ -51,6 +41,7 @@
             <td>
               <span class="mono">{{ channel.internal_name }}</span>
             </td>
+            <td>{{ getOwnerDisplayName(channel.owner_user_id) }}</td>
             <td>
               <nz-tag [nzColor]="getSubscriptionStatus(channel).color">
                 {{ getSubscriptionStatus(channel).label }}
@@ -69,7 +60,7 @@
           </tr>
         } @empty {
           <tr>
-            <td colspan="5">
+            <td colspan="6">
               <nz-empty nzNotFoundContent="No channels found"></nz-empty>
             </td>
           </tr>
@@ -79,32 +70,3 @@
   </nz-card>
 </div>
 
-<!-- Create Channel Modal -->
-<nz-modal
-  [(nzVisible)]="showCreateModal"
-  nzTitle="Create Channel"
-  (nzOnCancel)="closeCreateModal()"
-  (nzOnOk)="createChannel()"
-  [nzOkLoading]="creating()"
-  [nzOkDisabled]="!newChannelName.trim()"
->
-  <ng-container *nzModalContent>
-    <nz-form-item>
-      <nz-form-label>Channel Name</nz-form-label>
-      <nz-form-control>
-        <input
-          type="text"
-          nz-input
-          placeholder="Enter channel name"
-          [(ngModel)]="newChannelName"
-        />
-      </nz-form-control>
-    </nz-form-item>
-
-    <nz-form-item class="mb-0">
-      <label nz-checkbox [(ngModel)]="newChannelSubscribe">
-        Subscribe to this channel
-      </label>
-    </nz-form-item>
-  </ng-container>
-</nz-modal>