User:Polygnotus/Scripts/DiscussionToolsDrafts.js: Difference between revisions

Revision as of 06:59, 29 April 2025

Latest revision as of 07:31, 29 April 2025

(6 intermediate revisions by the same user not shown)

Line 55:

// Add refresh button

const refreshButton = document.createElement('button');

refreshButton.className = 'cdx-button cdx-button--action-default';

refreshButton.textContent = '↻ Refresh';

refreshButton.style.padding = '6px 12px';

refreshButton.style.backgroundColor = '#f8f9fa';

refreshButton.style.color = '#222';

refreshButton.style.border = '1px solid #a2a9b1';

refreshButton.style.borderRadius = '4px';

refreshButton.style.cursor = 'pointer';

refreshButton.addEventListener('click', function() {

refreshData();

Line 69 ⟶ 64:

// Add toggle button

const toggleButton = document.createElement('button');

toggleButton.className = 'cdx-button cdx-button--action-default';

toggleButton.textContent = isCollapsed ? '▼ Expand' : '▲ Collapse';

toggleButton.style.padding = '6px 12px';

toggleButton.style.backgroundColor = '#f8f9fa';

toggleButton.style.color = '#222';

toggleButton.style.border = '1px solid #a2a9b1';

toggleButton.style.borderRadius = '4px';

toggleButton.style.cursor = 'pointer';

toggleButton.addEventListener('click', function() {

const contentArea = document.getElementById('discussion-tools-content-wrapper');

Line 94 ⟶ 84:

// Add description

const description = document.createElement('p');

description.textContentinnerHTML = 'This tool helps you manage saved DiscussionTools drafts in your browser storage. <span style="color: #3366cc; text-decoration: underline;">Click here to expand/collapse</span>.';

description.style.marginBottom = '15px';

description.style.color = '#54595d';

Line 120 ⟶ 110:

// Create delete button with updated text

const deleteButton = document.createElement('button');

deleteButton.textContentclassName = 'Deletecdx-button All Empty Draftscdx-button--action-destructive';

deleteButton.style.paddingtextContent = '8pxDelete 16pxempty drafts';

deleteButton.style.backgroundColormarginBottom = '#d7333320px';

deleteButton.style.color = 'white';

deleteButton.style.border = 'none';

deleteButton.style.borderRadius = '4px';

deleteButton.style.cursor = 'pointer';

deleteButton.style.marginBottom = '15px';

deleteButton.addEventListener('click', function() {

const deleted = deleteEmptyReplies();

Line 297 ⟶ 282:

// Create delete button for individual entry

const deleteEntryBtn = document.createElement('button');

deleteEntryBtn.textContentclassName = 'Deletecdx-button cdx-button--action-destructive cdx-button--icon-only';

deleteEntryBtn.style.padding =setAttribute('aria-label', '4pxDelete 8pxentry');

//deleteEntryBtn.style.backgroundColortextContent = '#d73333Delete';

deleteEntryBtn.innerHTML = '<span class="cdx-icon cdx-icon--medium"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title>delete</title><g><path d="M17 2h-3.5l-1-1h-5l-1 1H3v2h14zM4 17a2 2 0 002 2h8a2 2 0 002-2V5H4z"></path></g></svg></span>';

deleteEntryBtn.style.color = 'white';

deleteEntryBtn.style.border = 'none';

deleteEntryBtn.style.borderRadius = '4px';

//const trashIcon = document.createElement('span');

deleteEntryBtn.style.cursor = 'pointer';

//trashIcon.className = 'cdx-button__icon cdx-button__icon--trash';

deleteEntryBtn.style.fontSize = '0.8em';

//deleteEntryBtn.style.marginLeft = '10px'appendChild(trashIcon);

deleteEntryBtn.style.flexShrink = '0';

// Add delete functionality