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

Revision as of 22:00, 28 April 2025

Latest revision as of 07:31, 29 April 2025

(14 intermediate revisions by the same user not shown)

Line 24:

header.style.paddingBottom = '10px';

// Add title

const title = document.createElement('h2');

title.textContent = 'DiscussionToolsDrafts';

const titletitleLink = document.createElement('h2a');

title.style.margin = '0';

titleLink.href = 'https://en.wikipedia.org/wiki/User:Polygnotus/Scripts/DiscussionToolsDrafts';

title.style.color = '#222';

title titleLink.textContent = 'DiscussionToolsDrafts';

title.style.fontSize = '1.2em';

titleLink.target = '_blank';

header.appendChild(title);

titleLink.style.backgroundImage = 'url(/w/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d)';

titleLink.style.backgroundPosition = 'center right';

titleLink.style.backgroundRepeat = 'no-repeat';

titleLink.style.backgroundSize = '0.857em';

titleLink.style.paddingRight = '1em';

header.appendChild(titletitleLink);

// Add buttons container

Line 42 ⟶ 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 56 ⟶ 64:

// Add toggle button

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

toggleButton.textContentclassName = isCollapsed ? '▼ Show' : '▲cdx-button Hidecdx-button--action-default';

toggleButton.style.paddingtextContent = isCollapsed ? '▼ Expand' : '6px▲ 12pxCollapse';

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 69 ⟶ 72:

// Toggle content area visibility

contentArea.style.display = isNowCollapsed ? 'none' : 'block';

toggleButton.textContent = isNowCollapsed ? '▼ ShowExpand' : '▲ HideCollapse';

// Store preference in localStorage

Line 81 ⟶ 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 92 ⟶ 95:

// Toggle content area visibility

contentArea.style.display = isNowCollapsed ? 'none' : 'block';

toggleButton.textContent = isNowCollapsed ? '▼ ShowExpand' : '▲ HideCollapse';

// Store preference in localStorage

Line 107 ⟶ 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 284 ⟶ 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