Confirm Before Removing Items
diff --git a/img/learn/compact-marketplace-after.webp b/img/learn/compact-marketplace-after.webp
new file mode 100644
index 00000000..526f15c3
Binary files /dev/null and b/img/learn/compact-marketplace-after.webp differ
diff --git a/img/learn/compact-marketplace-before.webp b/img/learn/compact-marketplace-before.webp
new file mode 100644
index 00000000..80311019
Binary files /dev/null and b/img/learn/compact-marketplace-before.webp differ
diff --git a/js/extension/background.js b/js/extension/background.js
index 32dba176..c1eadbfb 100644
--- a/js/extension/background.js
+++ b/js/extension/background.js
@@ -24,6 +24,7 @@ let prefs = {
confirmBeforeRemoving: false,
collectionBoxFix: false,
compactArtist: false,
+ compactMarketplace: false,
converter: true,
darkTheme: false,
darkThemeVariant: '',
diff --git a/js/extension/features/navbar-shortcuts.js b/js/extension/features/navbar-shortcuts.js
index bd46fed8..4383a06d 100644
--- a/js/extension/features/navbar-shortcuts.js
+++ b/js/extension/features/navbar-shortcuts.js
@@ -23,7 +23,7 @@
const FORUM_URL = '/forum';
const GROUPS_URL = '/group';
const INVENTORY_URL = '/sell/manage';
- const ITEMSIWANT_URL = `/sell/mywants${itemsIWant}`;
+ const ITEMSIWANT_URL = `/shop/mywants${itemsIWant}`;
const LISTANITEM_URL = '/sell';
const ORDERS_URL = '/sell/orders';
const PROFILE_URL = `/user/${username}`;
diff --git a/js/extension/features/toggle-compact-marketplace.js b/js/extension/features/toggle-compact-marketplace.js
new file mode 100644
index 00000000..ce28088a
--- /dev/null
+++ b/js/extension/features/toggle-compact-marketplace.js
@@ -0,0 +1,16 @@
+/**
+ *
+ * Discogs Enhancer
+ *
+ * @author: Matthew Salcido
+ * @website: http://www.msalcido.com
+ * @github: https://github.com/salcido
+ *
+ */
+
+ (function () {
+
+ let link = document.getElementById('compactMarketplaceCss');
+
+ if ( link ) { link.disabled = !link.disabled; }
+}());
diff --git a/js/extension/user-preferences.js b/js/extension/user-preferences.js
index 6cd37bb8..cc6393b9 100644
--- a/js/extension/user-preferences.js
+++ b/js/extension/user-preferences.js
@@ -387,6 +387,17 @@ appendFragment([resourceLibrary])
elems.push(compact_artist_css);
+ // compact-artist.scss
+ let compact_marketplace_css = document.createElement('link');
+
+ compact_marketplace_css.rel = 'stylesheet';
+ compact_marketplace_css.type = 'text/css';
+ compact_marketplace_css.href = chrome.runtime.getURL('css/compact-marketplace.css');
+ compact_marketplace_css.id = 'compactMarketplaceCss';
+ compact_marketplace_css.disabled = !prefs.compactMarketplace;
+
+ elems.push(compact_marketplace_css);
+
// baoi-fields.css
let baoi_css = document.createElement('link');
diff --git a/js/popup/change-log.js b/js/popup/change-log.js
index f2f4a5e0..4a2412b0 100644
--- a/js/popup/change-log.js
+++ b/js/popup/change-log.js
@@ -2,15 +2,15 @@ module.exports = {
current: [
{
features: [{
- name: 'Utility: Backup / Restore',
- description: 'Introducing a new utility feature for backing up and restoring your Discogs Enhancer configuration. This will allow you to migrate your preferences to separate browsers or restore a specific configuration.',
- link: '#backupRestore'
+ name: 'Compact Marketplace',
+ description: 'Compact Marketplace reduces the image sizes, white space, buttons, and font sizes on the new Shop My Wants page.',
+ link: '#compactMarketplace'
}],
removedFeatures: [],
updates: [
{
name: 'Enhancement',
- description: 'More Dark Theme updates for the new Edit Master Release feature and new Collection Fields layout.'
+ description: 'More Dark Theme updates for the new Create Master Release feature.'
},
],
thanks: ['Massive thank you to Joel Yauk for their generous donation!'],
diff --git a/js/popup/popup-logic/features/compact-marketplace.js b/js/popup/popup-logic/features/compact-marketplace.js
new file mode 100644
index 00000000..41ef9e47
--- /dev/null
+++ b/js/popup/popup-logic/features/compact-marketplace.js
@@ -0,0 +1,27 @@
+/**
+ * Compact Marketplace
+ */
+
+ import { applySave, getTabId } from '../utils';
+
+ // ========================================================
+ // toggleCompactMarketplace
+ // ========================================================
+ /**
+ * Toggles the compact marketplace css on the Shop my wants page
+ * @method toggleCompactMarketplace
+ * @param {Object} event [The event object]
+ * @return {undefined}
+ */
+ export async function toggleCompactMarketplace(event) {
+
+ let tabId = await getTabId();
+
+ chrome.scripting.executeScript({
+ target: { tabId: tabId },
+ func: () => {
+ let link = document.getElementById('compactMarketplaceCss');
+ if ( link ) { link.disabled = !link.disabled; }
+ }
+ }, () => { applySave(null, event); });
+ }
diff --git a/js/popup/popup-logic/popup.js b/js/popup/popup-logic/popup.js
index b14b4083..dbc5b8b8 100644
--- a/js/popup/popup-logic/popup.js
+++ b/js/popup/popup-logic/popup.js
@@ -14,6 +14,7 @@ require('../../../css/popup/popup.scss');
import * as absoluteDate from './features/absolute-date.js';
import * as baoiFields from './features/baoi-fields.js';
import * as compactArtist from './features/compact-artist.js';
+import * as compactMarketplace from './features/compact-marketplace.js';
import * as contextualMenus from './features/contextual-menus.js';
import * as linksInTabs from './features/links-in-new-tabs.js';
import * as navbarShortcuts from './features/navbar-shortcuts.js';
@@ -80,6 +81,7 @@ window.addEventListener('load', () => {
toggleBlockBuyers = document.getElementById('toggleBlockBuyers'),
toggleBlockSellers = document.getElementById('toggleBlockSellers'),
toggleCompactArtist = document.getElementById('toggleCompactArtist'),
+ toggleCompactMarketplace = document.getElementById('toggleCompactMarketplace'),
toggleCollectionBoxFix = document.getElementById('toggleCollectionBoxFix'),
toggleConfirmBeforeRemoving = document.getElementById('toggleConfirmBeforeRemoving'),
toggleConverter = document.getElementById('toggleConverter'),
@@ -287,6 +289,7 @@ window.addEventListener('load', () => {
toggleBlockBuyers.addEventListener('change', triggerSave);
toggleBlockSellers.addEventListener('change', triggerSave);
toggleCompactArtist.addEventListener('change', compactArtist.toggleCompactArtist);
+ toggleCompactMarketplace.addEventListener('change', compactMarketplace.toggleCompactMarketplace);
toggleCollectionBoxFix.addEventListener('change', triggerSave);
toggleConfirmBeforeRemoving.addEventListener('change', triggerSave);
toggleConverter.addEventListener('change', triggerSave);
@@ -486,6 +489,7 @@ window.addEventListener('load', () => {
toggleBlockSellers.checked = prefs.blockSellers;
toggleCollectionBoxFix.checked = prefs.collectionBoxFix;
toggleCompactArtist.checked = prefs.compactArtist;
+ toggleCompactMarketplace.checked = prefs.compactMarketplace;
toggleConfirmBeforeRemoving.checked = prefs.confirmBeforeRemoving;
toggleConverter.checked = prefs.converter;
toggleDarkTheme.checked = prefs.darkTheme;
diff --git a/js/popup/popup-logic/utils.js b/js/popup/popup-logic/utils.js
index 171f28ed..f0e70a22 100644
--- a/js/popup/popup-logic/utils.js
+++ b/js/popup/popup-logic/utils.js
@@ -43,6 +43,7 @@ export function applySave(message, event, currencyTarget = 'currency') {
blockSellers: document.getElementById('toggleBlockSellers').checked,
collectionBoxFix: document.getElementById('toggleCollectionBoxFix').checked,
compactArtist: document.getElementById('toggleCompactArtist').checked,
+ compactMarketplace: document.getElementById('toggleCompactMarketplace').checked,
confirmBeforeRemoving: document.getElementById('toggleConfirmBeforeRemoving').checked,
converter: document.getElementById('toggleConverter').checked,
darkTheme: document.getElementById('toggleDarkTheme').checked,
diff --git a/package-lock.json b/package-lock.json
index c8aae1e3..6a30826d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "discogs-enhancer",
- "version": "3.11.2",
+ "version": "3.12.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
diff --git a/package.json b/package.json
index 78ca0d90..a9708569 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "discogs-enhancer",
- "version": "3.11.2",
+ "version": "3.12.0",
"description": "A web extension that adds useful functionality to Discogs.com! https://www.discogs-enhancer.com",
"main": "index.js",
"scripts": {
diff --git a/webpack.config.js b/webpack.config.js
index 740e602e..902e84f4 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -146,6 +146,12 @@ module.exports = () => {
return sass.renderSync({ file: filePath }).css.toString();
},
},
+ {
+ from: 'css/compact-marketplace.scss', to: 'css/compact-marketplace.css',
+ transform(content, filePath) {
+ return sass.renderSync({ file: filePath }).css.toString();
+ },
+ },
{
from: 'css',
to: 'css',
+ 
+