Sub mamangement

web/static/js/app.js

@@ -155,7 +155,6 @@ class MailingListApp {
             // Render all views
             this.renderLists();
             this.renderMembers();
-            this.renderSubscriptions();
             
         } catch (error) {
             uiManager.handleError(error, 'Failed to load data');
@@ -327,6 +326,15 @@ class MailingListApp {
             // Add action buttons
             const actionsCell = row.cells[4].querySelector('.action-buttons');
             
+            // Create Lists button with proper subscription modal functionality
+            const subscriptionsBtn = document.createElement('button');
+            subscriptionsBtn.className = 'btn btn-sm btn-primary';
+            subscriptionsBtn.innerHTML = '<i class="fas fa-list"></i> Lists';
+            subscriptionsBtn.title = 'Manage Subscriptions';
+            subscriptionsBtn.addEventListener('click', () => {
+                uiManager.showMemberSubscriptionsModal(member);
+            });
+
             const editBtn = uiManager.createActionButton('Edit', 'edit', 'btn-secondary', () => {
                 uiManager.showMemberModal(member);
             });
@@ -340,87 +348,15 @@ class MailingListApp {
                 );
             });
             
+            // Append all buttons
+            actionsCell.appendChild(subscriptionsBtn);
             actionsCell.appendChild(editBtn);
             actionsCell.appendChild(deleteBtn);
             tbody.appendChild(row);
         });
     }
 
-    /**
-     * Render subscriptions view
-     */
-    renderSubscriptions() {
-        const container = document.getElementById('subscriptionsGrid');
-        container.innerHTML = '';
-        
-        if (this.lists.length === 0) {
-            container.innerHTML = `
-                <div class="text-center text-muted">
-                    <p>No mailing lists available.</p>
-                    <button class="btn btn-primary mt-4" onclick="uiManager.switchTab('lists')">
-                        <i class="fas fa-plus"></i> Create Mailing List
-                    </button>
-                </div>
-            `;
-            return;
-        }
-        
-        this.lists.forEach(list => {
-            const members = this.subscriptions.get(list.list_id) || [];
-            const listCard = document.createElement('div');
-            listCard.className = 'subscription-list';
-            
-            listCard.innerHTML = `
-                <div class="subscription-header">
-                    <h3>${uiManager.escapeHtml(list.list_name)}</h3>
-                    <p>${uiManager.escapeHtml(list.list_email)}</p>
-                </div>
-                <div class="subscription-members">
-                    <div class="members-list"></div>
-                </div>
-            `;
-            
-            const membersList = listCard.querySelector('.members-list');
-            
-            if (members.length === 0) {
-                membersList.innerHTML = `
-                    <div class="text-center text-muted">
-                        <p>No members subscribed to this list.</p>
-                    </div>
-                `;
-            } else {
-                members.forEach(member => {
-                    const memberItem = document.createElement('div');
-                    memberItem.className = 'member-item';
-                    
-                    memberItem.innerHTML = `
-                        <div class="member-info">
-                            <div class="member-name">${uiManager.escapeHtml(member.name)}</div>
-                            <div class="member-email">${uiManager.escapeHtml(member.email)}</div>
-                        </div>
-                        <button class="btn btn-sm btn-danger" title="Unsubscribe">
-                            <i class="fas fa-times"></i>
-                        </button>
-                    `;
-                    
-                    // Add unsubscribe functionality
-                    const unsubscribeBtn = memberItem.querySelector('.btn-danger');
-                    unsubscribeBtn.addEventListener('click', () => {
-                        uiManager.showConfirmation(
-                            `Unsubscribe ${member.name} from ${list.list_name}?`,
-                            async () => {
-                                await this.unsubscribeMember(list.list_email, member.email);
-                            }
-                        );
-                    });
-                    
-                    membersList.appendChild(memberItem);
-                });
-            }
-            
-            container.appendChild(listCard);
-        });
-    }
+
 
     /**
      * Delete a mailing list