Show Quora upvotes

Shows previously hidden upvotes in a Quora feed

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Show Quora upvotes
// @namespace    http://tampermonkey.net/
// @version      0.1.1
// @description  Shows previously hidden upvotes in a Quora feed
// @author       ncg
// @match        https://www.quora.com/
// @grant        none
// ==/UserScript==

const hiddenElementClass = 'hide_in_feed',
      hiddenElementSelector = `.${hiddenElementClass}`;
const feedSelector = '.paged_list_wrapper';
const upvoteButtonSelector = '.Upvote.Button';

function showUpvotesInAnswer(answerElement) {
    let hiddenElement;

    if (!(hiddenElement = answerElement.querySelector(hiddenElementSelector))) {
        return;
    }

    hiddenElement.classList.remove(hiddenElementClass);
}

const feed = document.querySelector(feedSelector);

const mutationObserver = new MutationObserver(function(mutations) {
    mutations.forEach(mutation => {
        mutation.addedNodes.forEach(element => {
            showUpvotesInAnswer(element);
        });
    });
});

mutationObserver.observe(feed, { childList: true });

// Show upvotes for first answers in feed

for (const upvoteButton of document.querySelectorAll(upvoteButtonSelector)) {
    showUpvotesInAnswer(upvoteButton);
}