☰

Greasy Fork is available in English.

[Katcr.co] Old Header

Updates the header to be like the old one.

// ==UserScript==
// @name         [Katcr.co] Old Header
// @namespace    pxgamer
// @version      0.6.1
// @description  Updates the header to be like the old one.
// @author       pxgamer
// @include      *katcr.co/community/*
// @require      https://code.jquery.com/jquery-3.1.0.min.js
// @grant        GM_getValue
// @grant        GM_setValue
// ==/UserScript==
/*jshint multistr: true */

(function() {
    'use strict';

    let settings = {
        stickyHeader: true
    };

    let menu = {
        avatar: $('#upper_section .user .avatar img.avatar').attr('src'),
        bar: $('#main_menu').html(),
        sticky: '',
        mCount: $('#button_pm a span strong').text()
    };

    let links = {
        profile: 'https://katcr.co/community/index.php?action=profile',
        settings: 'https://katcr.co/community/index.php?action=profile;area=account',
        forumset: 'https://katcr.co/community/index.php?action=profile;area=forumprofile',
        logo: 'https://pximg.xyz/images/d2c1586c07034bc321ffb696f9929b47.png',
        logout: $('#button_logout a').attr('href'),
        replies: 'https://katcr.co/community/index.php?action=unreadreplies'
    };

    $('#header').html('');
    if (settings.stickyHeader){
        menu.sticky = 'position: fixed;';
    }
    $('#wrapper').before('<div id="new_nav" style="z-index: 1000; background: #594c2d; width: 100%; height: 50px; top: 0;'+menu.sticky+'"><div style="float: right;" class="mbar_div">'+menu.bar+'</div></div>');
    $('#button_home').remove();
    $('#new_nav').prepend('<a href="/community/" style="position: absolute;"><img src="'+links.logo+'" style="height: 40px; margin: 2% 5px; padding: 0;"/></a>');
    $('#button_profile').remove();
    $('#button_logout').remove();
    let calHtml = $('#button_calendar');
    $('#button_calendar').remove();
    $('#button_mlist').after(calHtml);
    $('#menu_nav').css('padding', '0');
    $('#button_pm ul li:first a').html('<i class="ka ka16 ka-list2 lower"></i>Dialogs');
    $('#button_pm ul li:last a').html('<i class="ka ka16 ka-message lower"></i>Create new');
    $('#menu_nav').append('<li id="button_user"> <a class="firstlevel" href="'+links.profile+'"><img src="'+menu.avatar+'" style="width:40px; height: 40px; border-radius: 50%; border: 2px solid #2c240f; margin: 5% auto; padding: 0;"></a> <ul style="right: 0;"><li> <a href="'+links.replies+'"><span class="last">Latest Replies</span></a></li><li><a href="'+links.forumset+'"><span>Forum Settings</span></a> </li><li> <a href="'+links.settings+'"><span class="last">Settings</span></a></li><li> <a href="'+links.logout+'"><span class="last">Logout</span></a></li>');
    if (menu.mCount !== '') {
        $('#button_pm a span').html('My Messages');
        $('#button_pm a').css('line-height', '3.9em');
        $('#button_pm a span').append(' <strong><sup class="" style="color: #FFA500;"><strong style="border-radius:50%; min-width: 10px; min-height: 10px; font-size: 18px; vertical-align: bottom;">*</strong>'+menu.mCount+'</sup></strong>');
    }
})();