SGLinkies

// ==UserScript==
// @name         SGLinkies Dev
// @namespace    https://greasyfork.org/en/users/14976-mullinx
// @version      1.4.2
// @noframes
// @description  Adds handy links to steamgifts.com top-menu, footer and inner-pages
// @author       Mullins
// @match        http://www.steamgifts.com/*
// @require      https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
// @grant        GM_addStyle
// ==/UserScript==

// script
$(function() {
    // Dropdown toggle
    $("html").click(function() {
        $("nav .nav__button, .page__heading__button--is-dropdown").removeClass("is-selected"), $("nav .nav__relative-dropdown").addClass("is-hidden")
    }), $("nav .nav__button--is-dropdown-arrow2").click(function(e) {
        var t = $(this).hasClass("is-selected");
        $("nav .nav__button").removeClass("is-selected"), $("nav .nav__relative-dropdown").addClass("is-hidden"), t || $(this).addClass("is-selected").siblings(".nav__relative-dropdown").removeClass("is-hidden"), e.stopPropagation()
    });

});

// inject custom style
function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

// define styles
addGlobalStyle('.sg-info { background-image: '+ $( 'header' ).css( "background-image" ) +' !important; color: '+ $( '.footer__inner-wrap i' ).css( "color" ) +'; padding: 6px 0; text-shadow: none; display: flex; justify-content: center; font: bold 11px/15px Arial,sans-serif; cursor: pointer; }')
addGlobalStyle('.sg-info-row { padding: 6px 20px; }');
addGlobalStyle('.sg-info-row i { font-size: 16px; }');



// add buttons to giveaway menu
$(".nav__left-container .nav__button[href='/']").parent().children(':first-child').children(':first-child').append ( ' \
<div class="nav__row nav__button-container--inactive"> \
<a style="display: flex;" href="/account/settings/giveaways/filters"> \
<i class="fa fa-fw fa-eye-slash"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Hidden Giveaways</p> \
<p class="nav__row__summary__description">View all games you have hidden.</p> \
</div> \
</a> \
</div> \
\
<div class="nav__row"> \
<a style="display: flex;" href="/bundle-games"> \
<i class="icon-green fa fa-fw fa-cube"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Bundle List</p> \
<p class="nav__row__summary__description">List with all bundled games.</p> \
</div> \
</a> \
</div> \
' );


// add buttons inside giveaway menu
$(".nav__left-container .nav__button[href='/']").parent().children(':first-child').children(':first-child').append ( ' \
<div class="nav__row sg-info"> \
<p>Giveaway Filters</p> \
</div> \
\
<a class="nav__row sg-info-row" href="/giveaways/search?type=group"> \
<i class="icon-grey fa fa-fw fa-user"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Group and Whitelist Giveaways</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="/giveaways/search?type=wishlist"> \
<i class="icon-grey fa fa-fw fa-user"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Wishlist Giveaways</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="/giveaways/search?type=new"> \
<i class="icon-grey fa fa-fw fa-user"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">New Giveaways</p> \
</div> \
</a> \
\
' );


// add buttons to discussion menu
$(".nav__left-container .nav__button[href='/discussions']").parent().children(':first-child').children(':first-child').append ( ' \
<div class="nav__row sg-info"> \
<p>Useful Threads</p> \
</div> \
\
<a class="nav__row sg-info-row" href="/trade/ERWWE/"> \
<i class="icon-grey fa fa-fw fa-user"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Find User by Steam ID</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="/discussion/b9vbr/"> \
<i class="icon-grey fa fa-fw fa-line-chart"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Guide to Winning on SG</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="/discussion/GeDfy/"> \
<i class="icon-grey fa fa-fw fa-check-circle"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">How to Check Your GA Winners</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="/discussion/XaCbA/"> \
<i class="icon-grey fa fa-fw fa-star"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">List of All CV Levels</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="/discussion/pJRbR/"> \
<i class="icon-grey fa fa-fw fa-ban"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">List of Games Disabled for GAs</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="/discussion/1SCgV/"> \
<i class="icon-grey fa fa-fw fa-plus"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">SG Add-ons Registry</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="/discussion/TLR8m/"> \
<i class="icon-grey fa fa-fw fa-puzzle-piece"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Zelgh\'s Magic Guide to SG Puzzling</p> \
</div> \
</a> \
' );


// add buttons to support menu
$(".nav__left-container .nav__button[href='/support']").parent().children(':first-child').children(':first-child').append ( ' \
<div class="nav__row sg-info"> \
<p>SG Tools (links open in a new page)</p> \
</div> \
\
<a class="nav__row sg-info-row" href="http://www.sgtools.info/real-cv" target="_blank"> \
<i class="icon-grey fa fa-fw fa-money"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Real Contributor Value</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="http://www.sgtools.info/activation" target="_blank"> \
<i class="icon-grey fa fa-fw fa-exclamation-triangle"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Non Activated Wins</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="http://www.sgtools.info/multiple-wins" target="_blank"> \
<i class="icon-grey fa fa-fw fa-repeat"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Multiple Wins</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="http://www.sgtools.info/lastbundled" target="_blank"> \
<i class="icon-grey fa fa-fw fa-list-alt"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">List of Last Bundled Games</p> \
</div> \
</a> \
' );


// add dropdown menu to faq button
$(".nav__left-container .nav__button[href='/about/faq']").before ( ' \
<div class="nav__relative-dropdown is-hidden"> \
<div class="nav__absolute-dropdown"> \
\
<a class="nav__row" href="/about/guidelines"> \
<i class="icon-red fa fa-fw fa-list"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Guidelines</p> \
<p class="nav__row__summary__description">How to use SteamGifts.</p> \
</div> \
</a> \
\
<a class="nav__row" href="/about/comment-formatting"> \
<i class="icon-blue fa fa-fw fa-info-circle"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Comment Formatting</p> \
<p class="nav__row__summary__description">View help about our markdown syntax.</p> \
</div> \
</a> \
\
<div class="nav__row sg-info"> \
<p>Quick Links</p> \
</div> \
\
<a class="nav__row sg-info-row" href="/users"> \
<i class="icon-grey fa fa-fw fa-users"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">User List</p> \
</div> \
</a> \
\
</div> \
</div> \
</div> \
' );

$(".nav__left-container .nav__button[href='/about/faq']").addClass( "nav__button--is-dropdown" ).after ( ' \
<div class="nav__button--is-dropdown-arrow nav__button nav__button--is-dropdown-arrow2"><i class="fa fa-angle-down"></i></div> \
' );


// add buttons to user menu
$(".nav__right-container .nav__button[href='/account'] + .nav__button--is-dropdown-arrow + .nav__relative-dropdown > .nav__absolute-dropdown").append ( ' \
<div class="nav__row sg-info"> \
<p>My Profile</p> \
</div> \
\
<a class="nav__button-container--inactive i nav__row sg-info-row" href="/account/manage/blacklist"> \
<i class="fa fa-fw fa-minus-circle"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Blacklist</p> \
</div> \
</a> \
\
<a class="nav__row sg-info-row" href="/account/manage/whitelist"> \
<i class="icon-blue fa fa-fw fa-heart"></i> \
<div class="nav__row__summary"> \
<p class="nav__row__summary__name">Whitelist</p> \
</div> \
</a> \
' );


// add button to footer menu
$(".footer__inner-wrap>div:last-child").append ( ' \
<div> \
<i class="fa fa-flag"></i> \
<a href="/stats/community/regions">Regions</a> \
</div> \
\
<div> \
<i class="fa fa-square-o"></i> \
<a href="/group/SJ7Bu/">SG Group</a> \
</div> \
' );