☰

last.fm 1-click delete

Shows a delete "x" button for scrobbles

当前为 2017-07-28 提交的版本，查看 最新版本。

// ==UserScript==
// @name          last.fm 1-click delete
// @description   Shows a delete "x" button for scrobbles
// @version       1.0
// @author        wOxxOm
// @namespace     wOxxOm.scripts
// @license       MIT License
// @match         https://www.last.fm/*
// @grant         GM_addStyle
// @run-at        document-end
// ==/UserScript==

/* jshint lastsemic:true, multistr:true, laxbreak:true, -W030, -W041, -W084 */

GM_addStyle(`
.one-click-delete {
  position: absolute;
  margin-left: .25em;
  opacity: .5;
  cursor: pointer;
  padding: 0px 8px;
}
.one-click-delete:hover {
  background-color: rgba(255,0,0,0.1);
  color: red;
  font-weight: bold;
}
`);

const observer = new MutationObserver(() => !$('.chartlist .one-click-delete') && process());

process();
registerPJAXforwarding();

function process() {
  observer.disconnect();
  $$('tr .chartlist-timestamp').forEach(el => {
    el.appendChild(Object.assign(
      document.createElement('span'), {
        className: 'one-click-delete',
        textContent: 'X',
        title: 'Delete',
        onclick: onClick,
      }
    ));
  });
  if ($('.chartlist tbody')) {
    observer.takeRecords();
    observer.observe($('.chartlist tbody'), {childList: true});
  }
}

function registerPJAXforwarding() {
  document.addEventListener(GM_info.script.name, process);
  window.addEventListener('load', function _() {
      window.removeEventListener('load', _);
      unsafeWindow.jQuery(unsafeWindow.document).on(
        'pjax:end',
        exportFunction(function relayPJAX() {
          document.dispatchEvent(new CustomEvent(GM_info.script.name));
        }, unsafeWindow)
      );
  });
}

function onClick() {
  const delButton = this.closest('tr').querySelector('[data-ajax-form-sets-state="deleted"]');
  delButton & delButton.click();
}

function $(selector, base) {
  return (base || document).querySelector(selector);
}

function $$(selector, base) {
  return Array.prototype.slice.call((base || document).querySelectorAll(selector));
}