renderChannels() const filtered = this.getFilteredChannels(); if (filtered.length === 0) this.channelListContainer.innerHTML = '<div class="empty-state">No channels found</div>'; return; this.channelListContainer.innerHTML = filtered.map(channel => ` <div class="channel-item" data-id="$channel.id"> <div class="channel-number">$channel.number</div> <div class="channel-name"> $channel.logo ? `<img src="$channel.logo" style="width: 24px; height: 24px; vertical-align: middle; margin-right: 10px;">` : '' $this.escapeHtml(channel.name) </div> <div class="channel-category">$channel.category</div> <div class="channel-source">$channel.source</div> <div class="channel-actions"> <button class="icon-btn edit-btn" onclick="channelEditor.editChannel($channel.id)" title="Edit"> ✏️ </button> <button class="icon-btn delete-btn" onclick="channelEditor.deleteChannel($channel.id)" title="Delete"> 🗑️ </button> </div> </div> `).join('');
<!-- Edit Modal --> <div id="editModal" class="modal"> <div class="modal-content"> <span class="close">×</span> <h2>Edit Channel</h2> <form id="channelForm"> <div class="form-group"> <label>Channel Number:</label> <input type="number" id="channelNumber" required> </div> <div class="form-group"> <label>Channel Name:</label> <input type="text" id="channelName" required> </div> <div class="form-group"> <label>Category:</label> <select id="channelCategory"> <option value="news">News</option> <option value="entertainment">Entertainment</option> <option value="sports">Sports</option> <option value="movies">Movies</option> <option value="music">Music</option> <option value="kids">Kids</option> </select> </div> <div class="form-group"> <label>Source Type:</label> <select id="channelSource"> <option value="air">Antenna</option> <option value="cable">Cable</option> <option value="satellite">Satellite</option> <option value="streaming">Streaming</option> </select> </div> <div class="form-group"> <label>Frequency (MHz):</label> <input type="text" id="channelFrequency" placeholder="e.g., 175.25"> </div> <div class="form-group"> <label>Service ID:</label> <input type="text" id="channelServiceId"> </div> <div class="form-group"> <label>Logo URL:</label> <input type="url" id="channelLogo" placeholder="https://..."> </div> <div class="form-actions"> <button type="submit" class="btn btn-primary">Save</button> <button type="button" id="cancelEdit" class="btn btn-secondary">Cancel</button> </div> </form> </div> </div> </div> samsung channel editor
.btn-primary background: #4CAF50; color: white; renderChannels() const filtered = this