Supreme7 / PH!NyeremenyAdatlapInfo

// ==UserScript==
// @name         PH!NyeremenyAdatlapInfo
// @updateURL https://openuserjs.org/meta/Supreme7/PH!NyeremenyAdatlapInfo.meta.js
// @license      MIT
// @namespace    https://prohardver.hu/tag/supreme7.eu
// @version      0.8.8
// @description  PH!Nyeremény infók a PH! adatlapokra!
// @author       Supreme7

// @include        *fototrend.hu/tag/*
// @include        *prohardver.hu/tag/*
// @include        *mobilarena.hu/tag/*
// @include        *gamepod.hu/tag/*
// @include        *itcafe.hu/tag/*
// @include        *logout.hu/tag/*

// @require http://code.jquery.com/jquery-latest.js

// @grant       GM_xmlhttpRequest

// ==/UserScript==
/* jshint -W097 */
'use strict';

(function($) {
    'use strict';

    // Css
    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);
    }

    function loadResults(user) {

        // Adatok lekérdezése
        GM_xmlhttpRequest({
            method: "GET",
            url: "http://www.phnyeremeny.supreme7.eu/func/phadatlap_script.php?u=" + user,
            headers: {
                "Content-Type": "application/x-www-form-urlencoded"
            },
            onload: function(response) {
                $("#phny_adatok").html("<p>" + response.responseText + "</p>");
            }
        });

    }

    addGlobalStyle(`

		ul.tabs{
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-align: center;
		width: 100%;
		}
		ul.tabs li{
		display: inline-block;
		padding: 10px 15px;
		cursor: pointer;
		opacity: 0.6;
		border: 1px solid #fff;
		width: 50%;
		float: left;
		padding: 10px 15px;
		}

		ul.tabs li.current{
		opacity: 1.0;
		}

		.tab-content-s7{
		display: none;
		padding: 15px;
		}

		.tab-content-s7.current{
		display: inherit;
		}
`);



    // Felhasználó profil
    var userProfile = $(location).attr('href');
    userProfile = userProfile.split("/tag/");
    userProfile = userProfile[1].split(".html");
    userProfile = userProfile[0];

    // TAB
    $("#center").prepend('<div id="tab-profile" class="tab-content-s7 current"></div>');
    $(".user-profile").appendTo($("#tab-profile"));

    if ($(".user-profile").length) {

        $("#tab-profile").after("<div id='tab-results' class='tab-content-s7'><div class='card' ><div class='card-header'>PH!Nyeremény eredménye</div><div class='card-body'><div id='phny_adatok'>PH!Nyeremény adatok betöltése <img src='https://prohardver.hu/dl/upc/2016-01/117454_opc-ajax-loader.gif' style='margin-bottom: -5px;'></div></div></div></div>");

    } else {

        $(".input").last().after("<div class='input' style='text-align: left !important;'><div class='box'><h4>PH!Nyeremény eredménye:</h4></div><div style='margin: 5px 20px !important;'><div id='phny_adatok'>PH!Nyeremény adatok betöltése <img src='https://prohardver.hu/dl/upc/2016-01/117454_opc-ajax-loader.gif' style='margin-bottom: -5px;'></div><br></div></div>");
        loadResults(userProfile)

    }


    $("#center").prepend(`<div class="row" style="padding: 0 15px">
                          <ul class="tabs" >
                          <li class="tab-link current btn-secondary" data-tab="tab-profile">Profil</li>
                          <li class="tab-link btn-secondary" data-tab="tab-results">PH! nyereményjáték eredménye</li>
                          </ul></div>`);

    // TAB JS
    $('ul.tabs li').click(function() {
        var tab_id = $(this).attr('data-tab');

        if (tab_id == "tab-results") {

            loadResults(userProfile);

        }

        $('ul.tabs li').removeClass('current');
        $('.tab-content-s7').removeClass('current');

        $(this).addClass('current').focus();
        $("#" + tab_id).addClass('current').focus();
    })

})(jQuery);