Settings

Adds live example button, with styling.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name Settings
// @description Adds live example button, with styling.
// @match *://gleam.io/*
// @grant GM_addStyle
// @version 1.0.0
// @namespace https://greasyfork.org/users/851257
// ==/UserScript==


let BSC = "VOID";
let Telegram = "VOID";
let Twitter = "VOID";
let Discord = "VOID";
let Wax = "VOID";
let Sollana = "VOID";



//////////////////////////ETH(BSC)(POLYGON)///////////////////////////////////////////

var zNode = document.createElement ('div');
zNode.innerHTML = '<span id="BSC" type="button">'+BSC+'</span>';
document.getElementsByClassName("incentive-description")[0].appendChild (zNode);

document.getElementById ("BSC").addEventListener (
"click", BSCClickAction, false
);

function BSCClickAction (zEvent) {
let test = document.querySelector('#BSC');
copyToClipboard(test.innerHTML);
}

//////////////////////////Telegram/////////////////////////////////////////////////

zNode = document.createElement ('div');
zNode.innerHTML = '<span id="Telegram" type="button">'+ Telegram + '</span>';

document.getElementsByClassName("incentive-description")[0].appendChild (zNode);

document.getElementById ("Telegram").addEventListener (
"click", TelegramClickAction, false
);

function TelegramClickAction (zEvent) {
let test = document.querySelector('#Telegram');
copyToClipboard(test.innerHTML);
}

/////////////////////////////Twitter//////////////////////////////////////////////

zNode = document.createElement ('div');
zNode.innerHTML = '<span id="Twitter" type="button">'+ Twitter +'</span>';

document.getElementsByClassName("incentive-description")[0].appendChild (zNode);

document.getElementById ("Twitter").addEventListener (
"click", TwitterClickAction, false
);

function TwitterClickAction (zEvent) {
let test = document.querySelector('#Twitter');
copyToClipboard(test.innerHTML);
}

//////////////////////////Discord///////////////////////////////////////////

zNode = document.createElement ('div');
zNode.innerHTML = '<span id="Discord" type="button">'+ Discord +'</span>';

document.getElementsByClassName("incentive-description")[0].appendChild (zNode);

document.getElementById ("Discord").addEventListener (
"click", DiscordClickAction, false
);

function DiscordClickAction (zEvent) {
let test = document.querySelector('#Discord');
copyToClipboard(test.innerHTML);
}

//////////////////////////Wax///////////////////////////////////////////

zNode = document.createElement ('div');
zNode.innerHTML = '<span id="Wax" type="button">'+ Wax +'</span>';

document.getElementsByClassName("incentive-description")[0].appendChild (zNode);

document.getElementById ("Wax").addEventListener (
"click", WaxClickAction, false
);

function WaxClickAction (zEvent) {
let test = document.querySelector('#Wax');
copyToClipboard(test.innerHTML);
}

//////////////////////////Sollana///////////////////////////////////////////

zNode = document.createElement ('div');
zNode.innerHTML = '<span id="Sollana" type="button">'+ Sollana +'</span>';

document.getElementsByClassName("incentive-description")[0].appendChild (zNode);

document.getElementById ("Sollana").addEventListener (
"click", SollanaClickAction, false
);

function SollanaClickAction (zEvent) {
let test = document.querySelector('#Sollana');
copyToClipboard(test.innerHTML);
}

/////////////////////////////////////////////////////////////////////////////

GM_addStyle ( `
#Twitter {
color: white;
position: absolute;
right: 540px;
bottom: 90px;
font-size: 10px;
background: #457298;
border: 3px outset black;
margin: 5px;
padding: 5px 20px;
}
#Twitter {
cursor: pointer;
}
#Telegram {
color: white;
position: absolute;
right: 540px;
bottom: 120px;
font-size: 10px;
background: #457298;
border: 3px outset black;
margin: 5px;
padding: 5px 20px;
}
#Telegram {
cursor: pointer;
}
#BSC {
color: white;
position: absolute;
right: 540px;
bottom: 150px;
font-size: 10px;
background: #457298;
border: 3px outset black;
margin: 5px;
padding: 5px 20px;
}
#BSC {
cursor: pointer;
}


#Discord {
color: white;
position: absolute;
right: 540px;
bottom: 60px;
font-size: 10px;
background: #457298;
border: 3px outset black;
margin: 5px;
padding: 5px 20px;
}
#Discord {
cursor: pointer;
}

#Wax {
color: white;
position: absolute;
right: 540px;
bottom: 30px;
font-size: 10px;
background: #457298;
border: 3px outset black;
margin: 5px;
padding: 5px 20px;
}
#Wax {
cursor: pointer;
}

#Sollana {
color: white;
position: absolute;
right: 540px;
bottom: 0px;
font-size: 10px;
background: #457298;
border: 3px outset black;
margin: 5px;
padding: 5px 20px;
}
#Sollana {
cursor: pointer;
}
` );





function copyToClipboard(str) {
var area = document.createElement('textarea');
document.body.appendChild(area);
area.value = str;
area.select();
document.execCommand("copy");
document.body.removeChild(area);
}