Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // Cookie Settings
- document.cookie = 'same-site-cookie=foo; SameSite=Lax';
- document.cookie = 'cross-site-cookie=bar; SameSite=None; Secure';
- chrome.storage.sync.get(
- function(options) {
- let boxNumber;
- let chatOpen;
- let designLoaded = false;
- var time = 1;
- let amountOfTrades;
- let totalValue = [];
- let totalPendingTradesValue = 0.00;
- let totalPendingTradesSteamValue = 0.00;
- var pendingTradesValueIcon;
- var pendingTradesValueSpan;
- let tradingBar = document.getElementsByClassName('trades-sidebar');
- let tradingBox = document.getElementsByClassName('trade');
- let pageLayout = document.getElementsByClassName('page-layout');
- var interval = setInterval(function() {
- if (time <= 5) {
- if (document.getElementsByClassName('trades-sidebar__head')[0].textContent.trim().replace(/[^0-9]/g, '') !== 0) {
- if (designLoaded == false) {
- amountOfTrades = document.getElementsByClassName('trades-sidebar__head')[0].textContent.trim().replace(/[^0-9]/g, '');
- if (options.hideChat == true) {
- chatOpen = document.getElementsByClassName('chat--open')[0];
- chatLayoutOpen = document.getElementsByClassName('site-layout--chat-open')[0];
- chatOpen.classList.remove('chat--open');
- chatLayoutOpen.classList.remove('site-layout--chat-open');
- designLoaded = true;
- }
- if (options.wideTrades > 10) {
- amountOfTrades = document.getElementsByClassName('trades-sidebar__head')[0].textContent.trim().replace(/[^0-9]/g, '');
- tradingBar[0].style.cssText = 'width: ' + options.wideTrades + '%;';
- pageLayout[0].style.cssText = 'padding-right: ' + options.wideTrades + '%;';
- boxNumber = 0;
- while (boxNumber < amountOfTrades) {
- if (options.wideTrades > 25) {
- tradingBox[boxNumber].style.cssText = 'width: 50%; float: left;';
- } else {
- tradingBox[boxNumber].style.cssText = 'width: 100%; float: left;';
- }
- boxNumber += 1;
- }
- designLoaded = true;
- }
- if (options.enableFullscreen == true) {
- if (options.wideTrades == 10) {
- tradingBar[0].style.cssText = 'width: 15%;';
- pageLayout[0].style.cssText = 'padding-right: 15%;';
- }
- // Skapa knappen
- var btnFullscreen = document.createElement("BUTTON");
- btnFullscreen.textContent = "Fullscreen";
- btnFullscreen.onclick = function(){fullscreen()};
- btnFullscreen.style.cssText = 'background-color: #24252f; color: #e9b10b; padding: 1em; margin-left: 1.875rem; border-radius: 3px; font-size: .8125rem; font-weight: 700; border: 1px solid #e9b10b; width: 12.5rem; height: 2.9rem;';
- document.getElementsByClassName('trades-sidebar__head')[0].appendChild(btnFullscreen);
- function fullscreen() {
- amountOfTrades = document.getElementsByClassName('trades-sidebar__head')[0].textContent.trim().replace(/[^0-9]/g, '');
- boxNumber = 0;
- while (boxNumber < amountOfTrades) {
- tradingBox[boxNumber].style.cssText = 'width: 12.5%; float: left;';
- tradingBox[boxNumber].getElementsByClassName('item')[0].style.cssText = 'height: 8.5rem;';
- console.log(amountOfTrades);
- totalValue.push(tradingBox[boxNumber].getElementsByClassName('item')[0].getElementsByClassName('items-center')[0].getElementsByClassName('flex-1')[0].getElementsByClassName('text-light-grey-1')[0].textContent.trim().replace(',', '.'));
- for (i = 0; i < 5; i++) {
- secondaryButton = document.getElementsByClassName('button-secondary')[i];
- if (secondaryButton.classList.contains('button-secondary--gold')) {
- if (i === 0 || i === 1) {
- foundPriceSource = options.priceSource + 'csgo';
- }
- if (i === 2) {
- foundPriceSource = options.priceSource + 'dota2';
- }
- if (i === 3) {
- foundPriceSource = options.priceSource + 'rust';
- }
- if (i === 4) {
- foundPriceSource = options.priceSource + 'h1z1';
- }
- }
- }
- chrome.runtime.sendMessage(
- {priceSource: 'getPendingMarketNames', id: boxNumber},
- marketName => {
- chrome.runtime.sendMessage(
- {priceSource: foundPriceSource, itemURL: marketName},
- price => {
- totalPendingTradesSteamValue += price.value;
- });
- });
- boxNumber = boxNumber + 1;
- }
- // Create Div
- var totalPendingTradesSteamValueIcon = document.createElement('div');
- totalPendingTradesSteamValueIcon.innerHTML = '<div style="background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Steam_icon_logo.svg/512px-Steam_icon_logo.png) 50%/100% auto no-repeat; height: 1rem; width: 1rem; margin-left: 0.7rem; margin-right: 0.35rem;"></div>'
- document.getElementsByClassName('trades-sidebar__head')[0].getElementsByClassName('h-40')[0].appendChild(totalPendingTradesSteamValueIcon);
- // Create Span
- var totalPendingTradesSteamValueSpan = document.createElement('span');
- totalPendingTradesSteamValueSpan.style.cssText = 'margin-left: 3rem; margin-right: 0.5rem;';
- totalPendingTradesSteamValueSpan.textContent = totalPendingTradesSteamValue;
- totalPendingTradesSteamValueSpan.style.cssText = 'font-size: .8125rem; color: silver; font-weight: 700;';
- document.getElementsByClassName('trades-sidebar__head')[0].getElementsByClassName('h-40')[0].appendChild(totalPendingTradesSteamValueSpan);
- btnFullscreen.textContent = "Close Fullscreen";
- btnFullscreen.onclick = function(){closeFullscreen()};
- tradingBar[0].style.cssText = 'width: 100%;';
- boxNumber = 0;
- totalPendingTradesValue = 0.00;
- for (elt in totalValue) {
- totalPendingTradesValue += parseFloat(totalValue[boxNumber]);
- boxNumber += 1;
- }
- totalPendingTradesValue = parseFloat((totalPendingTradesValue).toFixed(2));
- // Skapa Ikon
- pendingTradesValueIcon = document.createElement("DIV");
- pendingTradesValueIcon.classList = 'coinstack w-16 h-16 mr-2';
- pendingTradesValueIcon.style.cssText = 'margin-left: 3rem; margin-right: 0.5rem;';
- pendingTradesValueIcon.id = 'pendingTradesValueIconId';
- document.getElementsByClassName('trades-sidebar__head')[0].getElementsByClassName('h-40')[0].appendChild(pendingTradesValueIcon);
- // Skapa Span
- pendingTradesValueSpan = document.createElement("SPAN");
- pendingTradesValueSpan.textContent = 'Total Pending Trades Value: ' + totalPendingTradesValue;
- pendingTradesValueSpan.id = 'pendingTradesValueSpanId';
- document.getElementsByClassName('trades-sidebar__head')[0].getElementsByClassName('h-40')[0].appendChild(pendingTradesValueSpan);
- }
- function closeFullscreen() {
- btnFullscreen.onclick = function(){fullscreen()};
- boxNumber = 0;
- totalPendingTradesValue = 0.00;
- while (boxNumber < amountOfTrades) {
- tradingBox[boxNumber].getElementsByClassName('item')[0].style.cssText = '';
- boxNumber = boxNumber + 1;
- }
- document.getElementById('pendingTradesValueIconId').remove();
- document.getElementById('pendingTradesValueSpanId').remove();
- btnFullscreen.textContent = "Fullscreen";
- if (options.wideTrades == 10) {
- tradingBar[0].style.cssText = 'width: 15%;';
- pageLayout[0].style.cssText = 'padding-right: 15%;';
- } else {
- tradingBar[0].style.cssText = 'width: ' + options.wideTrades + '%;';
- pageLayout[0].style.cssText = 'padding-right: ' + options.wideTrades + '%;';
- }
- boxNumber = 0;
- while (boxNumber < amountOfTrades) {
- if (options.wideTrades > 25) {
- tradingBox[boxNumber].style.cssText = 'width: 50%; float: left;';
- } else {
- tradingBox[boxNumber].style.cssText = 'width: 100%; float: left;';
- }
- boxNumber += 1;
- }
- }
- designLoaded = true;
- }
- }
- }
- time++;
- }
- else {
- clearInterval(interval);
- }
- }, 2500);
- });
Advertisement
Add Comment
Please, Sign In to add comment