Greasy Fork is available in English.
Order Trello comments by ascending date
当前为
// ==UserScript==
// @name Trello Chronological Comment Order
// @namespace https://gist.github.com/kxlt
// @version 2019.09.26
// @description Order Trello comments by ascending date
// @author kxlt (https://github.com/kxlt)
// @match https://trello.com/*
// @grant none
// ==/UserScript==
(function() {
"use strict";
function withDomReady(fn) {
// If we're early to the party
document.addEventListener("DOMContentLoaded", fn);
// If late; I mean on time.
if (
document.readyState === "interactive" ||
document.readyState === "complete"
) {
fn();
}
}
withDomReady(function() {
const reverseCommentsCss = document.createElement("style");
reverseCommentsCss.innerHTML = `
.mod-card-back.reverse {
display: flex;
flex-direction: column-reverse;
}
.sort-comments-btn.reverse {
background-color: #6C7A90;
color: white;
}
.sort-comments-btn.reverse {
background-color: #6C7A90;
color: white;
}
.sort-comments-btn.reverse:hover {
background: #7e8da5;
}
`;
document.head.appendChild(reverseCommentsCss);
const reverseCommentsBtn = document.createElement("a");
reverseCommentsBtn.href = "#";
reverseCommentsBtn.classList.add("subtle", "button", "sort-comments-btn");
reverseCommentsBtn.innerHTML = "Reverse comment order";
reverseCommentsBtn.addEventListener("click", function() {
const commentList = document.querySelector(
".js-list-actions.mod-card-back"
);
commentList.classList.toggle("reverse");
reverseCommentsBtn.classList.toggle("reverse");
const isReversed = commentList.classList.contains("reverse");
document.cookie =
"reverse-comments=" +
isReversed +
"; path=/; domain=trello.com; max-age=31536000";
});
new MutationObserver(function(mutations, observer) {
for (let mutation of mutations) {
if (mutation.type === "childList") {
if (
mutation.target.classList.contains("window-module") &&
!mutation.target.classList.contains("sort-comments-btn-added")
) {
const btnContainer = mutation.target.querySelector(
".window-module-title-options"
);
if (btnContainer) {
btnContainer.prepend(reverseCommentsBtn);
mutation.target.classList.add("sort-comments-btn-added");
break;
}
}
}
}
}).observe(document.querySelector(".window-wrapper.js-tab-parent"), {
childList: true,
subtree: true
});
for (let cookie of document.cookie.split(";")) {
const [name, value] = cookie.split("=");
if (name.trim() === "reverse-comments") {
if (value === "true") {
reverseCommentsBtn.classList.add("reverse");
} else {
reverseCommentsBtn.classList.remove("reverse");
}
}
}
});
})();