aboutsummaryrefslogtreecommitdiff
path: root/youtube/piped-button.js
diff options
context:
space:
mode:
authorTim Keller <tjkeller.xyz>2024-11-17 20:53:58 -0600
committerTim Keller <tjkeller.xyz>2024-11-17 20:53:58 -0600
commit0ee3d4f4cd9674fbd9398615d8054de0ebd9c130 (patch)
tree2030f59f5e86aa3e1b4d5129b6c301252fc4c5b0 /youtube/piped-button.js
parent5dd17fe3c88d8543cbff634116d76f1fb1692faf (diff)
downloaduserscripts-0ee3d4f4cd9674fbd9398615d8054de0ebd9c130.tar.xz
userscripts-0ee3d4f4cd9674fbd9398615d8054de0ebd9c130.zip
replace spaces with tabs
Diffstat (limited to 'youtube/piped-button.js')
-rw-r--r--youtube/piped-button.js86
1 files changed, 35 insertions, 51 deletions
diff --git a/youtube/piped-button.js b/youtube/piped-button.js
index fd4b331..60cd7f2 100644
--- a/youtube/piped-button.js
+++ b/youtube/piped-button.js
@@ -18,62 +18,46 @@ const instanceUrl = `${instanceProtocol}//${instanceHostname}`
const redirectButtonId = "piped-button"
GM_addStyle(`
- a#${redirectButtonId} button {
- background-color: #272727;
- border-radius: 18px;
- border: none;
- color: white;
- cursor: pointer;
- display: flex;
- font-family: "Roboto","Arial",sans-serif;
- font-weight: 500;
- height: 36px;
- padding: .25em 1em .25em .65em;
- text-decoration: none;
- }
- a#${redirectButtonId} button:hover { background-color: #3f3f3f; }
- a#${redirectButtonId} button * { align-self: center; max-height: 100%; }
+ a#${redirectButtonId} button {
+ background-color: #272727;
+ border-radius: 18px;
+ border: none;
+ color: white;
+ cursor: pointer;
+ display: flex;
+ font-family: "Roboto","Arial",sans-serif;
+ font-weight: 500;
+ height: 36px;
+ padding: .25em 1em .25em .65em;
+ text-decoration: none;
+ }
+ a#${redirectButtonId} button:hover { background-color: #3f3f3f; }
+ a#${redirectButtonId} button * { align-self: center; max-height: 100%; }
`)
function newUrl() {
- return `${instanceProtocol}//${instanceHostname}${document.location.pathname}${document.location.search}`
+ return `${instanceProtocol}//${instanceHostname}${document.location.pathname}${document.location.search}`
}
if (!document.getElementById(redirectButtonId)) {
- const redirectButton = document.createElement("a")
- const redirectButtonC = redirectButton.appendChild(document.createElement("button"))
- const redirectButtonImg = redirectButtonC.appendChild(document.createElement("img"))
- const redirectButtonTxt = redirectButtonC.appendChild(document.createElement("span"))
- redirectButton.id = redirectButtonId
- redirectButtonImg.src = instanceUrl + instanceIconLogo
- redirectButtonImg.alt = "(Down)" // Logo effectively acts as a test to see whether the instance is up or not as a bonus
- redirectButtonTxt.innerText = "Piped"
-
- redirectButton.addEventListener("mouseover", () => { redirectButton.href = newUrl() })
-
- /* Insert */
- document.body.addEventListener("yt-navigate-finish", () => {
-
- setTimeout(() => {
- const headContainer = document.querySelector("#masthead-container #container #start")
- headContainer.appendChild(redirectButton)
- /*
- const actionDiv = document.querySelector("#actions #menu")
-
- const pipedLink = actionDiv.appendChild(document.createElement("a"))
- pipedLink.id = "piped"
- pipedLink.href = `${document.location.protocol}//${pipedInstance}${document.location.pathname}${document.location.search}`
-
- const pipedButton = pipedLink.appendChild(document.createElement("button")) // Simplify styling
-
- const pipedLogo = pipedButton.appendChild(document.createElement("img"))
- pipedLogo.src = `${document.location.protocol}//${pipedInstance}/img/icons/logo.svg`
- pipedLogo.alt = "(Down)" // Indicates instance is down if logo cannot be loaded
-
- const pipedText = pipedButton.appendChild(document.createElement("span"))
- pipedText.innerText = "Piped"
- */
- }, 500) // Wait 500ms for page load to finish after event called
- })
+ const redirectButton = document.createElement("a")
+ const redirectButtonC = redirectButton.appendChild(document.createElement("button"))
+ const redirectButtonImg = redirectButtonC.appendChild(document.createElement("img"))
+ const redirectButtonTxt = redirectButtonC.appendChild(document.createElement("span"))
+ redirectButton.id = redirectButtonId
+ redirectButtonImg.src = instanceUrl + instanceIconLogo
+ redirectButtonImg.alt = "(Down)" // Logo effectively acts as a test to see whether the instance is up or not as a bonus
+ redirectButtonTxt.innerText = "Piped"
+
+ redirectButton.addEventListener("mouseover", () => { redirectButton.href = newUrl() })
+
+ /* Insert */
+ document.body.addEventListener("yt-navigate-finish", () => {
+
+ setTimeout(() => {
+ const headContainer = document.querySelector("#masthead-container #container #start")
+ headContainer.appendChild(redirectButton)
+ }, 500) // Wait 500ms for page load to finish after event called
+ })
}