UserReviewBanHelper.user.js

// ==UserScript==
// @name         User Review Ban Helper
// @description  Display users' prior review bans in review, Insert review ban button in user review ban history page, Load ban form for user if user ID passed via hash
// @homepage     https://github.com/samliew/SO-mod-userscripts
// @author       Samuel Liew
// @version      9.1.13
//
// @include      */review/close*
// @include      */review/reopen*
// @include      */review/suggested-edits*
// @include      */review/helper*
// @include      */review/low-quality-posts*
// @include      */review/triage*
// @include      */review/first-questions*
// @include      */review/first-answers*
// @include      */review/late-answers*
//
// @include      */users/account-info/*
// @include      */users/history/*?type=User+has+been+suspended+from+reviewing
// @include      */users/*?tab=activity&sort=reviews*
// @include      */users/*?tab=activity&sort=suggestions*
//
// @include      */admin/review/failed-audits*
// @include      */admin/review/audits*
// @include      */admin/review/suspensions*
// @include      */admin/links
//
// @require      https://raw.githubusercontent.com/samliew/SO-mod-userscripts/master/lib/se-ajax-common.js
// @require      https://raw.githubusercontent.com/samliew/SO-mod-userscripts/master/lib/common.js
// @require      https://raw.githubusercontent.com/userscripters/storage/master/dist/browser.js
// ==/UserScript==

/* globals StackExchange, Store, fkey, SOMU, MS, _window */
/// <reference types="./globals" />

'use strict';

// This is a moderator-only userscript
if (!isModerator()) return;

const superusers = [584192, 6296561];
const isSuperuser = superusers.includes(selfId);

const disableGApiPrompts = true;
const messageCharLimit = 2000;

const defaultBanMessage = `A number of your [recent reviews](${location.origin}/users/current?tab=activity&sort=reviews) were incorrect. We suspect that you are not giving each task adequate attention. Please pay more attention to each review in future.`;
const permaBanMessage = `Due to your [poor review history](${location.origin}/users/current?tab=activity&sort=reviews) as well as no signs of improvement after many review suspensions, you won't be able to use any of the review queues on the site any longer.`;

// Use {POSTLINK} and {QUEUENAME} placeholders
const cannedMessages = {
  current: '',
  triageQuestionReqEdits: `You took incorrect action on the following task(s):\n{POSTLINK}. Choose the "Needs author edit" action for questions that should be closed and can be only improved/clarified by the question-asker. The "Needs community edit" action should only be used when other community users (like yourself) are able to improve an answerable question with editing or formatting. When in doubt, use the Skip action.`,
  helperEditPoor: `Your review on {POSTLINK} wasn't helpful. If a question should be closed and you are unable to make the question on-topic in the "Help and Improvement" review, please use "Skip" instead of making trivial changes.`,
  postNaa: `You recently reviewed this post {POSTLINK}. Although it was posted as an answer, it clearly did not attempt to provide an answer to the question. You should have flagged it as "not an answer" so that it could be removed.`,
  postNaaEdited: `You recently edited this post {POSTLINK}. Please do not edit posts that should have been deleted. Use "edit" only when your edit salvages the post and makes it a valid answer.`,
  postNaaCommentOnly: `You recently reviewed this post {POSTLINK}. Although you correctly identified it as not being an answer, you chose to leave a comment. That did not help to solve the problem. You should have flagged it as "not an answer" so that it could be removed.`,
  postLinkOnly: `You recently reviewed this post {POSTLINK}. It contained nothing more than a link to an off-site resource, which does not meet our minimum standards for an answer (${location.origin}/help/how-to-answer). You should have flagged it as "not an answer" or "very low quality" so that it could be removed.`,
  postEditPoor: `You approved poor edits to this post {POSTLINK}, which should have been rejected. Please pay more attention to each review in future.`,
  postEditPlagiarism: `You reviewed this post {POSTLINK} incorrectly. The suggested edit was for the most part, plagiarism, and should have been rejected. Please pay more attention to each review in future.`,
  postSpam: `You recently reviewed this spam post {POSTLINK} without flagging it as spam. Please pay more attention to each review in future.`,
  failedAudit: `You have made too many incorrect reviews. For an example of a task you should have reviewed differently, see: {POSTLINK}.`,
  recentGeneral: defaultBanMessage,
  noLongerWelcome: permaBanMessage
};

// Use {QUEUEHELPLINK} placeholders
const cannedMessageSuffix = `\n\nBeing suspended can be a frustrating experience, but your help in moderation is still important. In the meantime, you can refer to {QUEUEHELPLINK} for more information, and revisit your [recent reviews](${location.origin}/users/current?tab=activity&sort=reviews) to see if you could have taken a different action instead.`;
const defaultCannedMessageHelpLink = `*[What are the review queues, and how do they work?](https://meta.stackexchange.com/q/161390)*`;
const cannedMessagesHelpLinks = {
  current: defaultCannedMessageHelpLink,
  triageQuestionReqEdits: `*[Getting banned from Triage reviews](https://meta.stackoverflow.com/q/389148)* and *[How does the Triage queue work?](https://meta.stackoverflow.com/q/295650)*`,
  helperEditPoor: `*[The Help & Improvement Queue FAQ](https://meta.stackoverflow.com/q/287466)*`,
  postNaa: `*[How should I get started reviewing Late Answers and First Posts?](https://meta.stackoverflow.com/q/288505)*`,
  postNaaEdited: `*[How should I get started reviewing Late Answers and First Posts?](https://meta.stackoverflow.com/q/288505)*`,
  postNaaCommentOnly: `*[How should I get started reviewing Late Answers and First Posts?](https://meta.stackoverflow.com/q/288505)*`,
  postLinkOnly: `*[How should I get started reviewing Late Answers and First Posts?](https://meta.stackoverflow.com/q/288505)*`,
  postEditPoor: defaultCannedMessageHelpLink,
  postEditPlagiarism: defaultCannedMessageHelpLink,
  postSpam: defaultCannedMessageHelpLink,
  failedAudit: defaultCannedMessageHelpLink,
  recentGeneral: defaultCannedMessageHelpLink,
  noLongerWelcome: null // do not show suffix
};


// For review ban message
let textarea;
let params, uid, posts, reviewAction, allposts = '', posttext = '';


// Review unban user
function reviewUnban(uid) {
  return new Promise(function (resolve, reject) {
    if (typeof uid === 'undefined' || uid === null) { reject(); return; }

    $.post({
      url: `${location.origin}/admin/review/unsuspend-user`,
      data: {
        'fkey': fkey,
        'userId': uid
      }
    })
      .done(resolve)
      .fail(reject);
  });
}
// Review ban user
function reviewBan(uid, duration = 4, message = defaultBanMessage) {
  return new Promise(function (resolve, reject) {
    if (typeof uid === 'undefined' || uid === null) { reject(); return; }

    $.post({
      url: `${location.origin}/admin/review/suspend-user`,
      data: {
        'fkey': fkey,
        'userId': uid,
        'explanation': message,
        'reviewSuspensionChoice': 'on',
        'reviewSuspensionDays': duration
      }
    })
      .done(resolve)
      .fail(reject);
  });
}
function reviewPermaBan(uid) {
  return new Promise(function (resolve, reject) {
    reviewUnban(uid).then(() =>
      reviewBan(uid, 365, permaBanMessage)
        .then(resolve).catch(reject)
    ).catch(reject);
  });
}


// Find out if user is currently review banned and returns relative days to ban end date
// X >  0 : review banned for X more days
// X <= 0 : X days since ban
function daysReviewBanned(banStart, banDuration) {
  let banEndDatetime = new Date(banStart);

  // Simple validation
  if (isNaN(banDuration) || banDuration <= 0) return false;
  if (banEndDatetime.toString() == "Invalid Date") return false;

  // Calculate ban end
  banEndDatetime.setDate(banEndDatetime.getDate() + banDuration);

  // Return difference (in days) to current time
  return (banEndDatetime.getTime() - Date.now()) / 86400000;
}
function isReviewBanned(banStart, banDuration) {
  return daysReviewBanned(banStart, banDuration) > 0;
}


function initCannedMessages() {

  const cans = $(`<div id="canned-messages"></div>`).on('click', 'a', function (evt) {
    textarea.val(this.dataset.message);
    $('.js-lookup-result input:submit').focus(); // focus submit button
    return false;
  }).appendTo('.message-wrapper');

  Object.keys(cannedMessages).forEach(function (v) {
    let queuename = '';

    if (posts && posts.length == 1) {
      queuename = posts[0].split('/')[0] + ' ';
      allposts = allposts.replace(/(\n|\r)+/g, '');
    }

    let suffix = cannedMessagesHelpLinks[v] !== null ? cannedMessageSuffix.replace(/{QUEUEHELPLINK}/g, cannedMessagesHelpLinks[v]) : '';
    let msg = cannedMessages[v].replace(/"/g, '&quot;').replace(/{POSTLINK}/g, allposts).replace(/{QUEUENAME}\s?/g, queuename);

    if (posts && posts.length == 1) {
      msg = msg.replace(/(\(\n|\n\))/g, '');
    }

    cans.append(`<a data-message="${msg}${suffix}">${v}</a>`);
  });
}


// Completely new page
function initFailedAuditsByUserPage() {
  document.title = 'Failed Review Audits - ' + StackExchange.options.site.name;

  const queues = [
    ['Close Review', 'close'],
    ['First Questions', 'first-questions'],
    ['First Answers', 'first-answers'],
    ['Late Answers', 'late-answers'],
    ['Low Quality Posts', 'low-quality-posts'],
    ['Reopen Votes', 'reopen'],
    ['Suggested Edits', 'suggested-edits'],
    ['Triage', 'triage'],
  ];

  // Valid values: last30days, last14days, last7days, last2days, today
  const dateRange = 'last30days';

  const cont = $('#content').removeClass('d-flex').addClass('failed-audits-page')
    .empty().prepend(`<h1 class="bb bc-black-5 py8 s-subheader">Failed Audits (${dateRange.replace(/(\d+)/, ' $1 ')})</h1>`);

  cont.append(`
    <table class="history-table-filter"><tr>
      <td><label class="d-block pt6"><input type="checkbox" id="js-toggle-date-format" /> toggle format</label></td>
      <td><input type="text" id="js-filter-user" class="s-input s-input__sm w100" placeholder="username or userid" /></td>
      <td></td>
      <td></td>
    </tr></table>`)
    .on('change', '#js-toggle-date-format', function () {
      cont.toggleClass('js-absolute-dates');
    })
    .on('change', '#js-filter-user', function () {
      const rows = $('.s-table tr');
      const val = this.value.toLowerCase().trim();
      const userid = Number(val);
      if (!isNaN(userid) && userid > 0) {
        rows.hide().filter(function () {
          const link = $(this).find('a').attr('href');
          return link ? link.includes(`/users/${userid}/`) : false;
        }).show();
      }
      else if (val.length > 0) {
        rows.hide().filter(function () {
          return $(this).find('a').first().text().toLowerCase().includes(val);
        }).show();
      }
      else {
        rows.show();
      }
    });

  const filterField = $('#js-filter-user');

  queues.forEach(q => {
    cont.append(`<h3 class="s-subheader mt32 py8 bb bc-black-5"><a href="${location.origin}/admin/review/audits?queue=${q[1]}&daterange=${dateRange}&failuresOnly=true" target="_blank">${q[0]}</a></h3>`);

    let numPages = 3;
    if (q[1] === 'first-questions') numPages = 5; // add more pages for first questions and first answers queues

    for (let i = 1; i <= numPages; i++) {
      $(`<div id="${q[1]}-review-${i}"><i>loading...</i></div>`).appendTo(cont).load(`${location.origin}/admin/review/audits?queue=${q[1]}&daterange=${dateRange}&failuresOnly=true&page=${i} #content .s-table`, function () {
        $(`#${q[1]}-review-${i}`).find('thead').remove();
        filterField.trigger('change');
      });
    }
  });

  // Once on page load, read user querystring to filter results
  const uid = Number(getQueryParam('uid')) || "";
  filterField.val(uid);
}


/* For review pages */
function getUsersInfo() {

  // If triage queue
  if (location.pathname.includes('/review/triage/')) {

    // Sort by action
    $('.js-review-instructions .review-results').detach().sort(function (a, b) {
      const ax = $(a).children('b').last().text();
      const bx = $(b).children('b').last().text();
      return ax < bx ? -1 : 1;
    }).appendTo('.js-review-instructions');

    // Add review-ban button for users who selected "Looks OK"
    $(`<button class="s-btn s-btn__sm s-btn__filled mt12 js-ban-looksok">Review ban "Looks OK"</button>`).appendTo('.reviewable-post-stats').on('click', function () {
      $('.review-results').filter((i, el) => el.innerText.includes('Looks OK')).find('.reviewban-link').each((i, el) => el.trigger('click'));
      $(this).remove();
    }).wrap('<div></div>');

    // Add review-ban button for users who selected "Needs community edit"
    $(`<button class="s-btn s-btn__sm s-btn__filled mt12 js-ban-reqedit">Review ban "Needs community edit"</button>`).appendTo('.reviewable-post-stats').on('click', function () {
      $('.review-results').filter((i, el) => el.innerText.includes('Needs community edit')).find('.reviewban-link').each((i, el) => el.trigger('click'));
      $(this).remove();
      _window.top.close();
    }).wrap('<div></div>');

    // Add review ban all button
    $(`<button class="s-btn s-btn__sm s-btn__filled mt12">Review ban ALL</button>`).appendTo('.reviewable-post-stats').on('click', function () {
      $(this).parents('.reviewable-post-stats').find('.js-ban-looksok, .js-ban-reqedit').trigger('click');
      $(this).remove();
      _window.top.close();
    }).wrap('<div></div>');
  }

  const reviewTaskId = location.pathname.split('/').pop();

  // Get users review history
  $('.js-review-instructions').find('a[href^="/users/"]').each(function () {

    // Ignore mods
    const hasModFlair = $(this).next('.mod-flair');
    if (hasModFlair.length) return;

    const uid = getUserId(this.getAttribute('href'));
    const url = '/users/history/' + uid + '?type=User+has+been+suspended+from+reviewing';
    const action = $(this).nextAll('b').last().text().toLowerCase().trim().replace(/\W+/g, '-');
    const reviewActionQuerystring = `&reviewAction=${action}`;

    // Can't get user id
    if(!uid) return;

    // Append review action to suspend link
    $(this).nextAll('a').first()
      .attr('href', function (i, href) {
        return href + (href.includes('/suspend-user?') ? reviewActionQuerystring : `/suspend-user?userId=${uid}&reviewTaskId=${reviewTaskId}` + reviewActionQuerystring);
      })
      .attr({
        'title': 'suspend user from reviews',
        'target': '_blank',
      })
      .text((i, v) => v.replace(' user from reviews', ''));

    // Skip fetching history for supermods since we will already be fetching that while attempting to ban
    if (isSuperuser) {

      // Grab user review ban history
      $.ajax({
        url: url,
        xhr: jQueryXhrOverride,
        success: function (data) {

          // Parse user history page
          var numBans = 0;
          var summary = $('#summary', data);
          var numBansLink = summary.find('a[href="?type=User+has+been+suspended+from+reviewing"]').get(0);
          if (typeof numBansLink !== 'undefined') {
            numBans = Number(numBansLink.nextSibling.nodeValue.match(/\d+/)[0]);
          }

          // Add annotation count
          $(`<a class="reviewban-count ${numBans >= 10 ? 'warning' : ''}" href="${url}" title="${numBans} prior review suspensions" target="_blank">${numBans}</a>`)
            .insertBefore(this);
        }
      });
    }
  });
}


/* For review ban page */
function getUserReviewBanHistory(uid) {
  const url = `${location.origin}/users/history/${uid}?type=User+has+been+suspended+from+reviewing`;

  // Change window/tab title so we can visually see the progress
  document.title = '3.HISTORY';

  // Grab user's history page
  $.get(url).then(function (data) {

    // Change window/tab title so we can visually see the progress
    document.title = '4.READY';

    // Parse user history page
    let numBans = 0;
    const summary = $('#summary', data);
    const eventRows = $('#user-history tbody tr', data);

    // Get number from filter menu, because user might have been banned more times and events will overflow to next page
    const numBansLink = summary.find('a[href="?type=User+has+been+suspended+from+reviewing"]').get(0);
    if (typeof numBansLink !== 'undefined') {
      numBans = Number(numBansLink.nextSibling.nodeValue.match(/\d+/)[0]);
    }

    // Add annotation count
    const banCountDisplay = $(`<div class="reviewban-history-summary">User was previously review suspended <b><a href="${url}" title="view history" target="_blank">${numBans} time${pluralize(numBans)}</a></b>. </div>`)
      .insertAfter('.message-wrapper');
    banCountDisplay.nextAll().wrapAll('<div class="grid history-duration-wrapper"><div class="grid--cell4 duration-wrapper"></div></div>');

    const pastReviewMessages = $('<div class="grid--cell12 reviewban-history"></div>').appendTo('.history-duration-wrapper');

    // Change user profile link to directly link to user reviews tab page
    $('.duration-wrapper a').first().attr('href', (i, v) => v + '?tab=activity&sort=reviews').attr('title', 'view other recent reviews by user');

    // Default to first radio button
    $('.duration-radio-group input').first().trigger('click');

    // Get hist items from filtered page
    const histItems = eventRows.map(function (i, el) {
      const event = Object.assign({}, null); // plain object
      let startDate = new Date($(el).find('.relativetime').attr('title'));
      let endDate = new Date(startDate);
      event.begin = startDate;
      event.reason = el.children[2].innerHTML.split('duration =')[0];
      event.mod = el.children[2].innerHTML.split(/(duration = \d+ days?|{"Duration":\d+})/i)[2].replace(/\s*by\s*/, '');
      event.duration = Number(el.children[2].innerText.match(/(\= (\d+) day|:(\d+)})/m)[0].replace(/\D+/g, ''));

      // calculate end datetime
      endDate.setDate(endDate.getDate() + event.duration);
      event.end = endDate;
      return event;
    }).get();

    // Append hist items to pastReviewMessages
    histItems.forEach(function (event) {
      pastReviewMessages.append(`
        <div class="item">
          <div class="item-meta">
            <div><span class="relativetime" title="${dateToIsoString(event.begin)}">${event.begin.toDateString() + ' ' + event.begin.toLocaleTimeString()}</span></div>
            <div>${event.duration} days</div>
            <div><span class="relativetime" title="${dateToIsoString(event.end)}">${event.end.toDateString() + ' ' + event.end.toLocaleTimeString()}</span></div>
            <div>${event.mod}</div>
          </div>
          <div class="item-reason">${event.reason}</div>
        </div>`);
    });

    // No items
    if (histItems.length == 0) {
      pastReviewMessages.append('<em>(none)</em>');
    }
    else {
      pastReviewMessages.find('a').attr('target', '_blank'); // links open in new tab/window
      StackExchange.realtime.updateRelativeDates();
    }

    // Add copyable CommonMark review link
    pastReviewMessages.find('.item-reason').each(function () {
      const reviewLinks = $(this).children('a[href*="/review/"]');
      if (reviewLinks.length == 0) return;

      const links = reviewLinks.get().map(v => {
        const b = v.href.split('/review/')[1];
        return `[${b}](/review/${b})`;
      });
      $(`<input value="${links.join(', ')}" class="js-review-textlinks s-input s-input__sm" />`).insertAfter(this);
    });
    pastReviewMessages.on('focus', '.js-review-textlinks', function () {
      this.select();
    });

    // Add currently/recently banned indicator if history found
    let isCurrentlyBanned = false;
    let isRecentlyBanned = false;
    let newDuration = null, recommendedDuration = null;
    let daysago = new Date();
    daysago.setDate(daysago.getDate() - 60);
    eventRows.eq(0).each(function () {
      const datetime = new Date($(this).find('.relativetime').attr('title'));
      const duration = Number(this.innerText.match(/(\= (\d+) day|:(\d+)})/m)[0].replace(/\D+/g, ''));
      let banEndDatetime = new Date(datetime);
      banEndDatetime.setDate(banEndDatetime.getDate() + duration);
      const currtext = banEndDatetime.getTime() > Date.now() ? 'Current' : 'Recent';

      newDuration = duration;
      recommendedDuration = duration;

      // Recent, double duration
      if (banEndDatetime > daysago) {
        isRecentlyBanned = true;

        $(`<span class="reviewban-ending ${currtext === 'Current' ? 'current' : 'recent'}"><span class="type" title="recommended to double the previous ban duration">${currtext}ly</span> review suspended for <b>${duration} days</b> until <span class="relativetime" title="${dateToIsoString(banEndDatetime)}">${banEndDatetime}</span>.</span>`)
          .appendTo(banCountDisplay);
        newDuration *= 2;

        // Also add warning to the submit button if currently banned
        if (currtext === 'Current') {
          isCurrentlyBanned = true;
          $('.js-lookup-result input:submit').addClass('s-btn__danger s-btn__filled js-ban-again').val((i, v) => v + ' again');
        }
      }
      // Halve duration
      else {
        $(`<span class="reviewban-ending">Last review suspended for <b>${duration} days</b> until <span class="relativetime" title="${dateToIsoString(banEndDatetime)}">${banEndDatetime}</span>.</span>`)
          .appendTo(banCountDisplay);
        newDuration = Math.ceil(duration / 2);
      }
      console.log('Calculated suspension duration:', newDuration);

      // Select recommended duration radio from available options
      if (newDuration < 2) newDuration = 2; // min duration
      if (newDuration > 365) newDuration = 365; // max duration
      $('.duration-radio-group input').each(function () {
        if (Number(this.value) <= newDuration + (newDuration / 7)) {
          this.click();
          recommendedDuration = Number(this.value);
        }
      });
      console.log('Closest suspension duration option:', recommendedDuration);
    });

    // If sam is review banning users in Triage
    if (isSuperuser && location.hash.includes('/triage')) {

      // If reviewAction is "Looks OK", and user is currently banned for >= 16, ignore (close tab)
      if (reviewAction == 'looks-ok' && isCurrentlyBanned && recommendedDuration >= 8) {
        _window.top.close();
      }
      // If recommended is up to 8, auto submit form
      else if (recommendedDuration == null || recommendedDuration <= 8) {

        // Change window/tab title so we can visually see which has been auto-processed
        document.title = '5.AUTOBAN';

        $('.js-lookup-result form').trigger('submit');
      }
    }

    // If is currently banned, add confirmation prompt when trying to ban user
    if (!isSuperuser && isCurrentlyBanned) {
      $('.js-lookup-result form').on('submit', function () {
        return confirm('User is currently review suspended!\n\nAre you sure you want to replace with a new ban?');
      });
    }

  });
}


async function doPageLoad() {

  // New suspend user form
  if (location.pathname === '/admin/review/suspensions/suspend-user') {

    const uid = getQueryParam('userId');
    if (!uid) return;

    const warning = $('.js-lookup-result .s-notice.s-notice__warning');
    const isCurrentlySuspended = warning.length > 0 ? warning.text().includes('currently suspended') : false;

    // Can't continue if user is currently suspended. Add a button to help us unban easily.
    if (isCurrentlySuspended) {
      const unbanAndRefreshBtn = $(`<a class="fr mtn8 s-btn s-btn__filled s-btn__sm">Unsuspend user and try again</a>`).appendTo(warning);
      unbanAndRefreshBtn.on('click', function () {
        reviewUnban(uid).then(() => {
          location.reload();
        });
      });
    }

    // Keep button enabled
    setInterval(() => $('.js-add-selected-actions').attr('disabled', false), 1000);

    // TODO: Work in-progress
    return;


  }

  // New historical page
  else if (location.pathname === '/admin/review/suspensions/historical') {

    // Load histories in a new window (instead of popup) to take advantage of userscript
    $('.js-show-suspension-history').replaceWith(function (i, el) {
      return `<a href="${location.origin}/admin/review/suspensions/historical/${this.dataset.userid}" target="_blank">${this.innerText}</a>`;
    });
  }

  // New user historical page
  else if (location.pathname.startsWith('/admin/review/suspensions/historical/')) {

    const wrapper = $('.js-individual-history');
    const heading = wrapper.children().first();
    const notice = wrapper.find('aside.s-notice.s-notice__warning');
    const table = wrapper.find('table.s-table').first();

    const isBanned = notice.find('b').text().includes('currently suspended');

    // Wrap heading text in a span
    heading.addClass('d-flex');
    $(heading.get(0).childNodes).wrapAll(`<span class="pt4"></span>`);

    // Add additional links to new pages
    heading.append(`<a href="/admin/review/failed-audits?uid=${currentUserId}" target="_blank" class="float-right s-btn s-btn__sm mr12" title="view all recently failed audits from all queues on a single page">see all failed audits</a>`);

    if (isBanned) {
      // Currently banned, show unban button
      $(`<a class="fr s-btn s-btn__sm s-btn__filled s-btn__danger reviewban-button">Review Unban</a>`)
        .on('click', function () {
          if (confirm('Unban user from reviewing?')) {
            $(this).remove();
            reviewUnban(currentUserId);
          }
        })
        .appendTo(heading);
    }

    // Move duration from third to second column for a little consistency
    table.find('tr').each(function () {
      const aftEl = $(this).children().eq(0);
      $(this).children().eq(2).insertAfter(aftEl);
    });

    // Remove expando arrow icons
    $('.js-message-grid > .flex--item').remove();

    // Expand all messages
    $('.js-message-body-container').removeClass('d-none');

    // Remove unsuspended by column to save horizontal space
    if (table.find('thead th').length === 6 && table.find('thead th').last().text().includes('Unsuspended')) {
      table.find('tr').find('th, td').filter(':last-child').remove();
    }
  }

  // Review suspension page /admin/review/suspensions
  else if (location.pathname === '/admin/review/suspensions') {

    const table = $('.js-current-suspensions, .js-historical-grid table').first();

    // Save space on all columns except reason
    table.find('thead th').addClass('w0').eq(4).removeClass('w0');

    // Each table item row
    table.find('tbody tr').each(function () {
      const uid = this.dataset.userId;

      // Remove (History) link to save space
      const firstCell = $(this).children('td').eq(0);
      firstCell.removeClass('ws-nowrap').addClass('w128').find('a').last().remove();
      firstCell.html(function (i, html) {
        return html.replace(/[\(\)\s]+$/, '');
      });

      // Linkify ban counts to user review ban history page
      const countCell = $(this).children('td').eq(5);
      countCell.addClass('px0').html(function (i, v) {
        //return `<a href="/users/history/${uid}?type=User+has+been+suspended+from+reviewing" target="_blank" title="see review suspension history">${v}</a>`; // Old method uses user mod history filter
        return `<a href="/admin/review/suspensions/historical/${uid}" class="px6" target="_blank" title="see review suspension history">${v}</a>`; // New user ban history page
      });
    });

    // BETTER ban titles if "general" or "custom" type
    $('.js-message-body-container').each(function () {
      const btn = $(this).parent().find('.js-message-type');
      if (!/(Custom|General)/i.test(btn.text())) return;

      const reason = $(this).text().toLowerCase();

      // Permabanned
      if (/(won't be able|(any|no) longer|no signs of improvement)/.test(reason)) {
        btn.text('Permabanned');
      }
      // Approved Plagiarism
      else if (/approve/.test(reason) && /plagiari([sz]ed|sm)/.test(reason)) {
        btn.text('Approved plagiarism');
      }
      // Approved Vandalism
      else if (/approve/.test(reason) && /vandalis[]/.test(reason)) {
        btn.text('Approved vandalism');
      }
    });

    // Fix table date sorting
    /*
    setTimeout(() => {
      if($('#banned-users-table').length == 0) return;
      $.tablesorter.destroy('.sorter', true, function() {

        // Add classes to date column headers
        const headers = $('thead th', table);
        headers.slice(1,3).addClass('sorter-miniDate').removeClass('headerSortDown');
        headers.eq(3).addClass('sorter-false');
        headers.last().addClass('sorter-false');

        // Add duration column header
        headers.eq(2).after(`<th class="tablesorter-header tablesorter-headerUnSorted">Duration</th>`);

        // Reinit sorter
        $('.sorter').tablesorter();

        // Default sort header
        headers.eq(1).addClass('tablesorter-headerDesc');
      });
    }, 2000);
    */

    // Add duration column header
    table.find('thead tr th').eq(2).after(`
      <th scope="col" data-target="s-table.column" data-action="click->s-table#sort" class="w0">
        Length
        <svg aria-hidden="true" class="js-sorting-indicator js-sorting-indicator-asc svg-icon iconArrowUpSm" width="14" height="14" viewBox="0 0 14 14"><path d="M3 9h8L7 5 3 9z"></path></svg>
        <svg aria-hidden="true" class="js-sorting-indicator js-sorting-indicator-desc svg-icon iconArrowDownSm d-none" width="14" height="14" viewBox="0 0 14 14"><path d="M3 5h8L7 9 3 5z"></path></svg>
        <svg aria-hidden="true" class="js-sorting-indicator js-sorting-indicator-none svg-icon iconArrowUpDownSm d-none" width="14" height="14" viewBox="0 0 14 14"><path d="M7 2l4 4H3l4-4zm0 10l4-4H3l4 4z"></path></svg>
      </th>`);
    // Add duration column to the other rows
    table.find('tbody tr').each(function () {
      const cells = $(this).children('td');
      let startDate = new Date(cells.eq(1).find('.relativetime').attr('title')).getTime();
      let endDate = new Date(cells.eq(2).find('.relativetime').attr('title')).getTime();
      let diffDays = (endDate - startDate) / 86400000;
      cells.eq(2).after(`<td class="ta-center va-top">${diffDays}</td>`);
    });

    // Option to renew permanent bans
    $('.js-message-body-container', table).filter((i, el) => el.innerText.includes('no longer welcome') || el.innerText.includes('no signs') || el.innerText.includes('any longer')).each(function () {
      const row = $(this).closest('tr');
      const reasonTemplate = $(this).parent().find('.js-message-type').text('Permabanned');
      const unsuspendButton = row.find('.js-unsuspend');
      const rebanLink = unsuspendButton.clone().insertAfter(this);
      rebanLink.removeClass('s-btn__link js-unsuspend').addClass('s-btn__xs s-btn__filled mt8 js-suspend-again')
        .attr('title', (i, s) => s.replace('Unsuspend', 'Renew review permaban for').replace(' from reviewing', '')).text((i, s) => s.replace('Unsuspend', 'Renew permaban'));
      unsuspendButton.hide();
    });
    table.on('click', '.js-suspend-again', function (i, btn) {
      if (confirm("Apply another year's suspension to this user?")) {
        const uid = this.dataset.userid;
        reviewPermaBan(uid).then(() => {
          btn.replaceWith(`<em>done!</em>`);
        });
      }
      return false;
    });


    // Add summary of currently review-banned users if we are not review banning users
    if (!(location.hash === '' && location.search === '')) return;

    const weekAgo = Date.now() - MS.oneWeek;
    const weekAhead = Date.now() + MS.oneWeek;

    const rows = table.find('tbody tr');

    const banReasons = rows.find('.js-message-body-container');
    const banTitles = banReasons.prev();

    const reqEditing = banReasons.filter((i, el) => el.innerText.match(/(requires editing|needs community edit)/i)).length;
    const forTriage = banReasons.filter((i, el) => el.innerText.toLowerCase().includes('triage')).length;
    const auditFailures = banTitles.filter((i, el) => {
      return el.innerText.includes('(Auto)');
    }).length;
    const hundred = rows.filter((i, el) => el.children[3].innerText >= 100).length;
    const permaban = banReasons.filter((i, el) => el.innerText.match(/(no|any) (longer|signs)/)).length;
    const firstTimers = rows.filter((i, el) => el.children[6].innerText == 1).length;
    const fiveTimers = rows.filter((i, el) => el.children[6].innerText >= 5).length;
    const tenTimers = rows.filter((i, el) => el.children[6].innerText >= 10).length;
    const pastDay = rows.filter((i, el) => el.children[1].innerText.match(/(just|min|hour)/)).length;
    const pastWeek = rows.filter((i, el) => new Date(el.children[1].children[0].title) > weekAgo).length;
    const unbanDay = rows.filter((i, el) => el.children[2].innerText.match(/(just|min|hour)/)).length;
    const unbanWeek = rows.filter((i, el) => new Date(el.children[2].children[0].title) < weekAhead).length;

    // Grab constant stats; the usernames of the reviewers (without the "Bot" label or the diamond), plus the length for stats
    const banners = rows.map((i, el) => el.children[4].children[0].innerText);
    const totalBans = rows.length;

    // Count elements
    let bannerMap = {};
    for (let username of banners) {
      bannerMap[username] = (bannerMap[username] + 1) || 1;
    }

    let bannerHtml = "<div><br>Mod stats:<br><ul>";
    for (let [username, count] of Object.entries(bannerMap)) {
      bannerHtml += `<li>${username}: ${count} (${(count / totalBans * 100.0).toFixed(2)}%)</li>`;
    }
    bannerHtml += "</ul></div>";

    // This gets added to the end of bannedStats, after copyTable if it's loaded
    const bannerStats = $(bannerHtml);

    const durations = rows.map((i, el) => Number(el.children[3].innerText)).get();
    const tally = {
      'count4': durations.filter(v => v <= 4).length,
      'count8': durations.filter(v => v > 4 && v <= 8).length,
      'count16': durations.filter(v => v > 8 && v <= 16).length,
      'count32': durations.filter(v => v > 16 && v <= 32).length,
      'count64': durations.filter(v => v > 32 && v <= 64).length,
      'count128': durations.filter(v => v > 64 && v <= 128).length,
      'count365': durations.filter(v => v > 128 && v <= 365).length,
      'count366': durations.filter(v => v > 365).length
    };

    const bannedStats = $(`<div id="banned-users-stats" class="mb16"><ul>` +
      (forTriage > 0 ? `<li><span class="copy-only">-&nbsp;</span>${forTriage} (${(forTriage / rows.length * 100).toFixed(1)}%) users are banned for Triage reviews in one way or another</li>` : '') +
      (reqEditing > 0 ? `<li><span class="copy-only">-&nbsp;</span>${reqEditing} (${(reqEditing / rows.length * 100).toFixed(1)}%) users are banned for selecting "Needs community edit" in Triage when the question should be closed</li>` : '') + `
<li><span class="copy-only">-&nbsp;</span>${auditFailures} (${(auditFailures / rows.length * 100).toFixed(1)}%) users are automatically banned for failing multiple review audits</li>
<li><span class="copy-only">-&nbsp;</span>${firstTimers} (${(firstTimers / rows.length * 100).toFixed(1)}%) users are banned for the first time</li>
<li><span class="copy-only">-&nbsp;</span>${fiveTimers} (${(fiveTimers / rows.length * 100).toFixed(1)}%) users have at least five review bans</li>
<li><span class="copy-only">-&nbsp;</span>${tenTimers} (${(tenTimers / rows.length * 100).toFixed(1)}%) users have at least ten review bans</li>
<li><span class="copy-only">-&nbsp;</span>${hundred} (${(hundred / rows.length * 100).toFixed(1)}%) users have a duration of at least 100 days, of which ${permaban} users are permabanned</li>
<li><span class="copy-only">-&nbsp;</span>${pastDay} (${(pastDay / rows.length * 100).toFixed(1)}%) users are banned within the past day</li>
<li><span class="copy-only">-&nbsp;</span>${pastWeek} (${(pastWeek / rows.length * 100).toFixed(1)}%) users are banned within the past week</li>
<li><span class="copy-only">-&nbsp;</span>${unbanDay} (${(unbanDay / rows.length * 100).toFixed(1)}%) users will be unbanned by tomorrow</li>
<li><span class="copy-only">-&nbsp;</span>${unbanWeek} (${(unbanWeek / rows.length * 100).toFixed(1)}%) users will be unbanned in the next seven days</li>
</ul>
Breakdown:<br>
<ul>
<li><span class="copy-only">-&nbsp;</span>&lt;=4 : ${tally.count4} users (${(tally.count4 / rows.length * 100).toFixed(1)}%)</li>
<li><span class="copy-only">-&nbsp;</span>&gt;4 to &lt;=8 : ${tally.count8} users (${(tally.count8 / rows.length * 100).toFixed(1)}%)</li>
<li><span class="copy-only">-&nbsp;</span>&gt;8 to &lt;=16 : ${tally.count16} users (${(tally.count16 / rows.length * 100).toFixed(1)}%)</li>
<li><span class="copy-only">-&nbsp;</span>&gt;16 to &lt;=32 : ${tally.count32} users (${(tally.count32 / rows.length * 100).toFixed(1)}%)</li>
<li><span class="copy-only">-&nbsp;</span>&gt;32 to &lt;=64 : ${tally.count64} users (${(tally.count64 / rows.length * 100).toFixed(1)}%)</li>
<li><span class="copy-only">-&nbsp;</span>&gt;64 to &lt;=128 : ${tally.count128} users (${(tally.count128 / rows.length * 100).toFixed(1)}%)</li>
<li><span class="copy-only">-&nbsp;</span>&gt;128 to &lt;=365 : ${tally.count365} users (${(tally.count365 / rows.length * 100).toFixed(1)}%)</li>
<li><span class="copy-only">-&nbsp;</span>&gt;365 : ${tally.count366} users (${(tally.count366 / rows.length * 100).toFixed(1)}%)</li>
</ul>
</div>`);

    // For easier copying data to a spreadsheet
    const copyTable = $(`<table><tr>
<td class="pl4">${rows.length}</td>
<td class="pl4">${forTriage}</td>
<td class="pl4">${reqEditing}</td>
<td class="pl4">${auditFailures}</td>
<td class="pl4">${firstTimers}</td>
<td class="pl4">${fiveTimers}</td>
<td class="pl4">${tenTimers}</td>
<td class="pl4">${hundred}</td>
<td class="pl4">${permaban}</td>
<td class="pl4">${pastDay}</td>
<td class="pl4">${pastWeek}</td>
<td class="pl4">${unbanDay}</td>
<td class="pl4">${unbanWeek}</td>
<td class="pl4">${tally.count4}</td>
<td class="pl4">${tally.count8}</td>
<td class="pl4">${tally.count16}</td>
<td class="pl4">${tally.count32}</td>
<td class="pl4">${tally.count64}</td>
<td class="pl4">${tally.count128}</td>
<td class="pl4">${tally.count365}</td>
<td class="pl4">${tally.count366}</td>
</tr></table>`);



    // Add a table that we can copy into a spreadsheet
    if (isSuperuser) {
      copyTable.appendTo(bannedStats);
    }

    bannerStats.appendTo(bannedStats);

    table.before(bannedStats);
    bannedStats.prepend(`<span>Currently, there are ${rows.length} banned reviewers, out of which:</span>`).parent().addClass('banned-reviewers-section');


    // Do not display upload to sheets option to all mods, so it's opt-in only
    if (!isSuperuser) return;

    const sheetsApiVersion = 4;
    const sheetsApiBase = "https://sheets.googleapis.com";

    const { locateStorage } = Store;

    const storage = locateStorage();

    window.addEventListener("load", async () => {
      const name = "review_ban_helper_sheets_api";

      const manager = typeof SOMU !== "undefined" ? SOMU : null;
      if (manager) {
        manager.store = storage;
        manager.addOption(name, "client_id");
        manager.addOption(name, "spreadsheet_id");
        manager.addOption(name, "api_key");
      }

      const store = new Store.default(name, storage);

      const appClientId = (manager && manager.getOptionValue(name, "client_id")) ||
        await store.load("client_id") ||
        (!disableGApiPrompts ? prompt("Enter the Google Cloud Project client id") : '');

      const statsSpreadId = (manager && manager.getOptionValue(name, "spreadsheet_id")) ||
        await store.load("spreadsheet_id") ||
        (!disableGApiPrompts ? prompt("Enter the destination spreadsheet id") : '');

      const sheetsApiKey = (manager && manager.getOptionValue(name, "api_key")) ||
        await store.load("api_key") ||
        (!disableGApiPrompts ? prompt("Enter the Sheets API key") : '');

      await store.save("client_id", appClientId);
      await store.save("spreadsheet_id", statsSpreadId);
      await store.save("api_key", sheetsApiKey);

      loadGAPI(appClientId, sheetsApiKey, statsSpreadId);
    });

    /**
     * @param {string} clientId client id to use
     * @param {string} apiKey API key to use
     */
    const initGAPI = (clientId, apiKey) => {
      return gapi.client.init({
        apiKey,
        clientId,
        scope: "https://www.googleapis.com/auth/spreadsheets"
      });
    };

    /**
     * @param {string} apiBase base URL of the API
     * @param {string|number} apiVer version of the API
     * @param {string} id spreadsheet id
     */
    const readValues = (apiBase, apiVer, id) => {
      return gapi.client.request({
        path: `${apiBase}/v${apiVer}/spreadsheets/${id}/values:batchGet`,
        params: {
          ranges: ["'Data'!A1:AB"],
          majorDimension: "ROWS",
          valueRenderOption: "UNFORMATTED_VALUE"
        }
      });
    };

    /**
     * @param {string} apiBase base URL of the API
     * @param {string|number} apiVer version of the API
     * @param {string} id spreadsheet id
     * @param {any[][]} values grid of values to set
     * @param {string} range A1 range to insert into
     */
    const updateValues = (apiBase, apiVer, id, values, range) => {
      return gapi.client.request({
        path: `${apiBase}/v${apiVer}/spreadsheets/${id}/values/${range}`,
        method: "PUT",
        body: { values },
        params: { valueInputOption: "USER_ENTERED" }
      });
    };

    /**
     * @param {string} apiBase base URL of the API
     * @param {string|number} apiVer version of the API
     * @param {string} id spreadsheet id
     * @param {any[][]} values grid of values to set
     * @param {string} range A1 range to insert into
     */
    const appendValues = (apiBase, apiVer, id, values, range) => {
      return gapi.client.request({
        path: `${apiBase}/v${apiVer}/spreadsheets/${id}/values/${range}:append`,
        method: "POST",
        body: { values },
        params: { valueInputOption: "USER_ENTERED" }
      });
    };


    /**
     * @param {string} num serial number date
     */
    const getDateValueFromSerialNumber = (num) => {
      const dec30th1899 = -2209170617000;
      return dec30th1899 + parseFloat(num) * 864e5;
    };

    /**
     * @param {gapi.client.HttpRequestFulfilled<any>} response API response
     * @param {string} raw non-JSON response from the API
     */
    const handleValues = (response, raw) => {
      if (!response) {
        console.debug(`Sheets API did not respond with JSON:\n\n${raw}`);
        return;
      }

      const { result } = response;
      const { valueRanges, spreadsheetId } = result;

      const today = new Date();
      const todayReset = new Date(
        today.getFullYear(),
        today.getMonth(),
        today.getDate()
      );
      const todayVal = todayReset.valueOf();

      const [{ values }] = valueRanges;
      const { length: numRows } = values;

      let rowIdx = numRows - 1;
      for (rowIdx; rowIdx >= 0; rowIdx--) {
        const [serialNumber] = values[rowIdx];
        if (!serialNumber) continue;

        const date = getDateValueFromSerialNumber(serialNumber);
        if (date.valueOf() <= todayVal) break;
      }

      const newData = [[
        todayReset.toISOString().slice(0, 10),
        rows.length, // total banned, TODO: reuse
        forTriage,
        reqEditing,
        auditFailures,
        firstTimers,
        fiveTimers,
        tenTimers,
        hundred,
        permaban,
        pastDay,
        pastWeek,
        unbanDay,
        unbanWeek,
        tally.count4,
        tally.count8,
        tally.count16,
        tally.count32,
        tally.count64,
        tally.count128,
        tally.count365,
        tally.count366
      ]];

      const rowPos = rowIdx + 2;
      const range = `'Data'!A${rowPos}:V${rowPos}`;

      const handler = rowPos > numRows ? appendValues : updateValues;

      handler(
        sheetsApiBase,
        sheetsApiVersion,
        spreadsheetId,
        newData, range
      ).then(() => {
        console.debug("Successful upload");
      }, handleError);
    };

    /**
     * @param {gapi.client.HttpRequestRejected} response
     */
    const handleError = (response) => {
      console.debug(`Sheets API error:\n${response.result.error.message}`);
    };

    /**
     * @param {string} spreadId spreadsheet id
     */
    const addStatsUploadButton = (spreadId) => {
      const uploadBtn = $(`<a id="upload_ban_stats" class="s-btn s-btn__sm s-btn__filled s-btn__primary">Send to Sheets</a>`);
      uploadBtn.on("click", () => {
        const auth = gapi.auth2.getAuthInstance();

        const { isSignedIn } = auth;

        const handle = () => readValues(sheetsApiBase, sheetsApiVersion, spreadId).then(handleValues, handleError);

        isSignedIn.listen(handle);

        return isSignedIn.get() ? handle() : auth.signIn();

      });
      uploadBtn.appendTo($("#banned-users-stats"));
    };

    /**
     * @param clientId client id to use
     * @param apiKey API key to use
     * @param spreadId spreadsheet id
     */
    const loadGAPI = (clientId, apiKey, spreadId) => {
      const script = document.createElement("script");
      script.src = "https://apis.google.com/js/api.js";
      script.async = true;
      script.defer = true;
      script.addEventListener("load", () => {
        gapi.load("client:auth2", () => initGAPI(clientId, apiKey).then(() => addStatsUploadButton(spreadId)));
      });
      document.body.append(script);
    };

  }

  // Mod user dashboard
  else if (location.pathname.includes('/users/account-info/')) {

    // Fix incorrect link to review ban history page
    const reviewbanhistoryLink = $('.mod-section').eq(1).children().last().find('a').first();
    if (reviewbanhistoryLink.length === 1) {
      reviewbanhistoryLink.attr('href', (i, v) => v.replace('/admin/review/suspensions/historical/', '/users/history/') + '?type=User+has+been+suspended+from+reviewing');
    }
  }

  // Mod user history - review bans filter
  else if (location.pathname.includes('/users/history') && location.search == "?type=User+has+been+suspended+from+reviewing") {
    const heading = $('#mainbar h2').first();

    // Add additional links to new pages
    heading.after(`<a href="/admin/review/failed-audits?uid=${currentUserId}" class="float-right s-btn s-btn__sm mr12" title="view all recently failed audits from all queues on a single page">see all failed audits</a>`);

    // Hide action and ip columns
    const histTable = $('#user-history').addClass('hide-col-action').addClass('hide-col-ip');
    const histTableEvents = histTable.children('tbody');

    // Get last review ban date and duration
    const lastHist = histTableEvents.children().first().children('td');
    if (lastHist.length == 4) {
      const lastBannedDate = lastHist.find('.relativetime').attr('title');
      const lastBannedDur = Number(lastHist.eq(2).text().match(/(\d+ days|"Duration":\d+)/)[0].replace(/\D+/g, ''));
      const bannedDiff = daysReviewBanned(lastBannedDate, lastBannedDur);

      if (bannedDiff > 0) {
        // Currently banned, show unban button
        $(`<a class="fr s-btn s-btn__sm s-btn__filled s-btn__danger reviewban-button">Review Unban</a>`)
          .on('click', function () {
            if (confirm('Unban user from reviewing?')) {
              $(this).remove();
              reviewUnban(currentUserId);
            }
          })
          .insertAfter(heading);
      }
    }

    if ($('.reviewban-button').length === 0) {
      // Not currently banned, show review ban button
      $(`<a class="fr s-btn s-btn__sm s-btn__filled s-btn__primary reviewban-button" href="/admin/review/suspensions#${uid2}">Review Ban</a>`).insertAfter(heading);
    }

    // Add copyable CommonMark review link
    histTable.find('.history-comment').each(function () {
      const reviewLinks = $(this).find('a[href*="/review/"]');
      if (reviewLinks.length === 0) return;

      const links = reviewLinks.get().map(v => {
        const b = v.href.split('/review/')[1];
        return `[${b}](/review/${b})`;
      });
      $(`<input value="${links.join(', ')}" class="js-review-textlinks s-input s-input__sm mt4 mb12" />`).appendTo(this);
    });
    histTable.on('focus', '.js-review-textlinks', function () {
      this.select();
    });

    // Fetch and display "Review suspension notice viewed" and display inline
    $.get(`${location.origin}/users/history/${uid2}?type=Review+suspension+notice+viewed`, function (data) {
      const events = $('#user-history tbody', data).children();
      events.addClass('js-review-susp-viewed').each(function () {
        $(this).children().eq(2).html('review suspension notice viewed');
      });

      histTableEvents.append(events);

      // Re-sort histTableEvents by date desc
      histTableEvents.children().detach().sort(function (a, b) {
        const aDate = new Date(a.children[0].children[0].title);
        const bDate = new Date(b.children[0].children[0].title);
        return aDate > bDate ? -1 : 1;
      }).appendTo(histTableEvents);

      // Calculate time taken to view
      $('#user-history .js-review-susp-viewed').each(function (i, el) {
        const aDate = new Date(el.children[0].children[0].title).getTime();
        const bDate = new Date(el.nextSibling.children[0].children[0].title).getTime();

        // Convert to readable format
        const minDiff = Math.ceil((aDate - bDate) / 60000);
        const hourDiff = minDiff >= 60 ? Math.floor(minDiff / 60) : null;
        const dayDiff = hourDiff >= 24 ? Math.floor(hourDiff / 24) : null;
        const displayDiff = dayDiff ? dayDiff + ' day/s' : (hourDiff ? hourDiff + ' hour/s' : minDiff + ' min/s');

        el.children[2].innerText += ` (took ~${displayDiff})`;
      });
    });
  }

  // Review queue history pages
  else if (/\/review\/.+\/history/.test(location.pathname)) {

    // Add textbox so we can filter by userId (just like our own)
    $('#mainbar-full .pager').last().append(`<span> | </span><form class="js-user-review-history-form d-inline"><input placeholder="by user id" name="userId" class="s-input s-input__sm w30" /><button type="submit" class="d-none"></button></form>`);
  }

  // Failed audits by user
  else if (location.pathname.includes('/admin/review/failed-audits')) {

    initFailedAuditsByUserPage();
  }

  // Add additional links to new pages
  else if (location.pathname === '/admin/links') {
    $('.content-page ul').first().append('<li><a href="/admin/review/failed-audits" title="view all recently failed audits from all queues on a single page">All failed review audits</a></li>');
  }

  // Add additional links to new pages
  else if (location.pathname === '/admin/review/audits') {
    $('#content .subheader').first().append('<a href="/admin/review/failed-audits" class="fr s-btn s-btn__sm" title="view all recently failed audits from all queues on a single page">all failed audits</a>');
  }

  // Review queues
  else {

    // On any completed review, load reviewers info
    $(document).ajaxComplete(function (event, xhr, settings) {
      if (settings.url.includes('/review/next-task')) {
        getUsersInfo();
      }
    });
  }
}


function listenForPageUpdates() {

  // Completed loading lookup
  $(document).ajaxComplete(function (event, xhr, settings) {
    if (settings.url.includes('/admin/review/lookup-suspendable-user')) {

      // Insert ban message if review link found
      if (typeof posts !== 'undefined') {
        var banMsg = `Your review${pluralize(posts)} on ${posttext} wasn't helpful.`;
        if (banMsg.length < messageCharLimit - 106) banMsg += ` Please review the history of the post${pluralize(posts)} and consider which action would achieve that outcome more quickly.`;
        $('textarea[name=explanation]').val(banMsg);
        cannedMessages.current = banMsg;
      }

      // Wrap text nodes in the lookup result ban form with spans so we can select them later if needed
      $($('.js-lookup-result form').prop('childNodes')).filter(function () {
        return this.nodeType === 3
      }).wrap('<span>').parent().text((i, v) => v.replace(/^\s*suspend\s*$/, 'Review suspend '));

      // Update message max length
      textarea = $('textarea[name="explanation"]').addClass('s-textarea').attr('maxlength', messageCharLimit).wrapAll(`<div class="message-wrapper"></div>`);

      // Add canned messages
      initCannedMessages();

      // Duration radios
      const firstRadio = $('#days-3').val('2').next('label').text('2 days').addBack();
      const secondRadio = $('#days-7').val('4').next('label').text('4 days').addBack();
      const thirdRadio = $('#days-30').val('8').next('label').text('8 days').addBack();
      $('#days-other')
        .before(`<input type="radio" value="16" name="reviewSuspensionChoice" id="days-16"><label for="days-16"> 16 days</label><br>`)
        .before(`<input type="radio" value="32" name="reviewSuspensionChoice" id="days-32"><label for="days-32"> 32 days</label><br>`)
        .before(`<input type="radio" value="64" name="reviewSuspensionChoice" id="days-64"><label for="days-64"> 64 days </label><br>`)
        .before(`<input type="radio" value="128" name="reviewSuspensionChoice" id="days-128"><label for="days-128"> 128 days</label><br>`)
        .before(`<input type="radio" value="256" name="reviewSuspensionChoice" id="days-256"><label for="days-256"> 256 days</label><br>`)
        .before(`<input type="radio" value="365" name="reviewSuspensionChoice" id="days-365"><label for="days-365"> 365 days</label><br>`)
        .before(`<div class="duration-error">Please select ban duration!</div>`)
        .next().addBack().remove();

      // UI stuff
      $('#days-3').parent().addClass('duration-radio-group').find('input').addClass('s-radio');
      const banSubmit = $('.js-lookup-result input:submit').addClass('s-btn s-btn__primary').attr('id', 'ban-submit');

      // Refocus submit button on duration change
      $('.duration-radio-group').on('click', 'input', function () {
        banSubmit.focus();
      });

      firstRadio.remove(); // remove option 2

      if (isSuperuser) {

        // If triage reviews
        if (location.hash.includes('|/review/triage/')) {

          // If reviewAction is "needs-community-edit", select alternate canned message
          if (reviewAction == 'needs-community-edit') {
            $('#canned-messages a[data-message*="Needs community edit"]').trigger('click');
          }
        }

        // If suggested-edits reviews
        else if (location.hash.includes('|/review/suggested-edits/')) {

          // If reviewAction is "approve", select alternate canned message
          if (reviewAction == 'approve') {
            $('#canned-messages a[data-message^="You approved poor edits"]').trigger('click');
          }
        }
      }

      // Default would be based on previous ban duration
      getUserReviewBanHistory(uid);
    }
  });
}


// Append styles
addStylesheet(`
a.reviewban-count {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  text-align: center;
  font-size: 0.8em;
  line-height: 14px;
  border-radius: 50%;
  border: 1px solid var(--black-500);
  color: var(--black-500);
}
a.reviewban-count.warning {
  background: var(--yellow-100);
  border-color: var(--red-500);
  color: var(--red-500);
}
.review-results a[href*="/suspensions/"] {
  color: var(--red-500);
}
a.reviewban-button {
  float: right;
}

.js-lookup-result {
  margin-top: 0px;
}
.js-lookup-result .user-info {
  min-height: 0;
}
.js-lookup-result .user-info .user-action-time {
  display: none;
}
.js-lookup-result .duration-radio-group {
  display: block;
  width: 300px;
  margin: 10px 0 10px;
}
.js-lookup-result .duration-radio-group label {
  margin-left: 2px;
  cursor: pointer;
}
.js-lookup-result .duration-radio-group label:after {
  content: '';
  display: block;
  margin-bottom: 4px;
}
.js-lookup-result .duration-radio-group input[name="reviewBanDays"] {
  position: absolute;
  margin-left: 10px;
  margin-top: -6px;
}
.js-lookup-result .duration-error {
  display: none;
  margin: 0;
  color: var(--red-500);
}
.js-lookup-result form.validation-error .duration-error {
  display: block;
}
.js-lookup-result form > div {
  margin: 5px 0;
}

.js-lookup-result form > .reviewban-history-summary {
  margin: 10px 0 15px;
}
.reviewban-history-summary .reviewban-ending.current span.type,
.reviewban-history-summary .reviewban-ending.recent span.type {
  color: var(--red-500);
}
.reviewban-history {
  max-height: 500px;
  border-left: 1px solid var(--black-150);
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 18px;
  overflow-y: scroll;
}
.reviewban-history:before {
  content: 'Previous review ban reasons:';
  position: sticky;
  top: 0;
  display: block;
  margin-bottom: 5px;
  padding-bottom: 5px;
  background: var(--white);
}
.reviewban-history > .item {
  margin: 10px 0 20px;
}
.reviewban-history .item-meta {
  font-size: 12px;
}
.reviewban-history .item-meta:after {
  content: '';
  display: block;
  clear: both;
}
.reviewban-history .item-reason {
  margin-top: 5px;
  padding: 7px 12px;
  background: var(--black-025);
  clear: both;
}
.reviewban-history .item-meta > div {
  width: 40%;
  float: left;
}
.reviewban-history .item-meta  > div:before {
  display: inline-block;
  min-width: 52px;
  font-style: italic;
}
.reviewban-history .item-meta > div:nth-child(1):before {
  content: 'Began: ';
}
.reviewban-history .item-meta > div:nth-child(2):before {
  content: 'Duration: ';
  width: 62px;
}
.reviewban-history .item-meta  > div:nth-child(3):before {
  content: 'Ending: ';
}
.reviewban-history .item-meta  > div:nth-child(4):before {
  content: 'Moderator: ';
  width: 62px;
}

.message-wrapper {
  position: relative;
}
.message-wrapper textarea {
  display: block;
  min-height: 270px;
  max-width: none !important;
  width: 80% !important;
  margin-bottom: 20px;
  font-family: monospace;
}
#canned-messages {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20%;
  padding: 12px 15px;
  border: 1px solid var(--black-150);
  border-left: none;
}
#canned-messages:before {
  content: 'Canned messages';
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
#canned-messages a {
  display: inline-block;
  float: left;
  clear: both;
}

.copy-only {
  display: inline-block;
  width: 0;
  opacity: 0;
  text-indent: -100vw;
}

#banned-users-table td:first-child {
  max-width: 140px;
  overflow: hidden;
}
table.sorter > tbody > tr:nth-child(odd) > td {
  background-color: var(--black-050) !important;
}
table.sorter > tbody > tr:nth-child(even) > td {
  background-color: var(--white) !important;
}
table.sorter > thead > tr .tablesorter-headerAsc,
table.sorter > thead > tr .tablesorter-headerDesc {
  background-color: var(--orange-300);
  color: var(--white);
}
table.sorter > thead > tr .tablesorter-headerAsc span::after {
  content: "▲";
}
table.sorter > thead > tr .tablesorter-headerDesc span::after {
  content: "▼";
}

#user-history.hide-col-ip th:nth-child(4),
#user-history.hide-col-ip td:nth-child(4),
#user-history.hide-col-action th:nth-child(2),
#user-history.hide-col-action td:nth-child(2) {
  display: none;
}

#user-history td {
  padding-top: 5px;
  padding-bottom: 5px !important;
}
#user-history .js-review-susp-viewed td {
  background: var(--yellow-050);
}
#user-history .js-review-susp-viewed td:nth-child(3) {
  font-style: italic;
}

a.js-suspend-again {
  float: right;
  margin: 5px;
  padding: 3px 7px;
  background: var(--black-100);
  color: var(--red-500);
}
a.js-suspend-again:hover {
  color: var(--white);
  background: var(--red-500);
}

.failed-audits-page table {
  width: 100%;
  border: none;
}
.failed-audits-page table tr,
.failed-audits-page .history-table-filter tr {
  display: flex;
}
.failed-audits-page table td,
.failed-audits-page .history-table-filter td {
  display: inline-block;
  width: 120px;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
}
.failed-audits-page table td:nth-child(2) {
  width: 600px;
}
.failed-audits-page table td:nth-child(4) {
  width: 70px;
}
.failed-audits-page table td:nth-child(5) {
  order: -1;
}
.failed-audits-page table td:nth-child(6) {
  width: 130px;
}
.failed-audits-page .history-table-filter td:nth-child(2) {
  width: 124px;
}
.failed-audits-page.js-absolute-dates table td:nth-child(5) {
  font-size: 0;
}
.failed-audits-page.js-absolute-dates table span.history-date:before {
  content: attr(title);
  font-size: 0.9rem;
}

.js-current-suspensions span[title^="Community Bot"] {
  display: none;
}
`); // end stylesheet


// On script run
(async function init() {
  await doPageLoad();
  listenForPageUpdates();
})();