// ==UserScript==
// @name         Hejto
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.hejto.pl/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=hejto.pl
// ==/UserScript==

function add_button(link, napis, css) {
    var button = document.createElement("a");
    button.href = link;
    button.text = napis;
    button.style = css;

    var bar = document.getElementsByClassName("flex-grow")[0];
    bar.appendChild(button);
}

// Wyświetlaj formularz odpowiedzi po wciśnięciu przycisku Odpowiedz
function button_odp_click(element) {
    var input = document.getElementsByTagName('form');
    element.target.closest('article').getElementsByTagName("form")[0].style = "display: block";

}

(function() {
    'use strict';
    var buton_style = "font-weight: bold;\
background-color: rgb(41 41 41);\
color: white;\
margin-left: 10px;\
margin-right: 10px;\
padding: 10px 10px 10px 10px;\
border: 1px solid #504f4f;";

    add_button("https://www.hejto.pl/", "Gorące", buton_style);
    add_button("https://www.hejto.pl/najnowsze", "Najnowsze", buton_style);
    add_button("https://www.hejto.pl/najnowsze/typ/artykuly", "Artykuły", buton_style);

    var input = document.getElementsByTagName('form');
    for(let i=0; i < input.length; i++) {
        input[i].style = "display: none;";
    }
})();

// Wygląd postów i odpowiedzi, odświeżany co 1 sekundę

var intervalId = window.setInterval(function(){
    // Zmniejszenie boxów z postem
    var box = document.getElementsByClassName('md\:p-4');
    for(let i=0; i < box.length; i++) {
        box[i].style = "padding: 5px;";
    }

    // Zmiana wyglądu postów
    var posty = document.querySelectorAll('article', '.dark:bg-paper-dark-primary');
    for(let i=0; i < posty.length; i++) {
        posty[i].style = "background-color: rgb(41 41 41); padding-left: 10px; margin-left: 10px;";
        //posty[i].id = i;
    }

    // Zmiana wyglądu odpowiedzi
    var odpowiedzi = document.getElementsByClassName('dark\:bg-paper-dark-secondary');
    for(let i=0; i < odpowiedzi.length; i++) {
        odpowiedzi[i].style = "background-color: rgb(41 41 41); padding-left: 50px; margin-left: 10px;";
    }

    // Zmiana wyglądu tekstu
    var text = document.getElementsByClassName('basic-text');
    for(let i=0; i < text.length; i++) {
        text[i].style = "color: white; font-size: 12px;";
    }
    // Pasek w postach pod nazwą użytkownika
    var user = document.getElementsByClassName('items-start');
    for(let i=0; i < user.length; i++) {
        user[i].style = "align-items: flex-start; border-bottom: 1px solid #504f4f; padding-bottom: 10px;";
    }

    // Przyciski odpowiedzi
    var odp = document.querySelectorAll("article > div > div > div button")
    for(let i=0; i < odp.length; i++) {
        odp[i].style = "padding-top: 0px; padding-bottom: 0px; font-size: 12px;";
        odp[i].addEventListener("click", button_odp_click);
    }
}, 1000);