steffo/tidebringer-firefox
steffo/tidebringer-firefox
1
Fork 0
mirror of https://github.com/Steffo99/tidebringer-firefox.git synced 2025-01-06 22:19:46 +00:00
Code Activity

Move buttons to below the "add items" list

Browse source
This commit is contained in:
Steffo 2022-07-22 06:20:52 +02:00
parent a560543edc
commit 1f67db9258
Signed by: steffo
GPG key ID: 6965406171929D01
2 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
extension/add_items_to_collection.css
View file

@ -1,3 +1,7 @@
#tidebringer-container {
margin-top: 16px;
}
.tidebringer-running { .tidebringer-running {
opacity: 0.5; opacity: 0.5;
} }

16
extension/add_items_to_collection.js
View file

@ -21,7 +21,7 @@ async function addItemToCollection(itemElement) {
} }
async function addAllSubscribedToCollection() { async function addAllSubscribedToCollection() {
const buttonElement = document.querySelector("#tidebringer-add-all-subscribed"); const buttonElement = document.querySelector("#tidebringer-btn-add-all-subscribed");
buttonElement.className += " tidebringer-running"; buttonElement.className += " tidebringer-running";
const itemElements = document.querySelectorAll(".itemChoice"); const itemElements = document.querySelectorAll(".itemChoice");
@ -42,16 +42,24 @@ async function addAllSubscribedToCollection() {
function tidebringer() { function tidebringer() {
console.log("%c Tidebringer %chttps://github.com/Steffo99/tidebringer-firefox", "background-color: black; color: #a0f3f6;"); console.log("%c Tidebringer %chttps://github.com/Steffo99/tidebringer-firefox", "background-color: black; color: #a0f3f6;");
const buttonsLine = document.querySelector(".collectionAddItemsTitle");
const whereTheContainerShouldBePlaced = document.querySelector(".collectionAddItemsSection");
if(!whereTheContainerShouldBePlaced) return
const container = document.createElement("div")
container.id = "tidebringer-container"
whereTheContainerShouldBePlaced.appendChild(container)
const addAllSubscribedButton = document.createElement("button"); const addAllSubscribedButton = document.createElement("button");
addAllSubscribedButton.className = "btn_darkblue_white_innerfade btn_medium" addAllSubscribedButton.className = "btn_darkblue_white_innerfade btn_medium"
addAllSubscribedButton.addEventListener("click", addAllSubscribedToCollection); addAllSubscribedButton.addEventListener("click", addAllSubscribedToCollection);
addAllSubscribedButton.id = "tidebringer-add-all-subscribed"; addAllSubscribedButton.id = "tidebringer-btn-add-all-subscribed";
const addAllSubscribedSpan = document.createElement("span"); const addAllSubscribedSpan = document.createElement("span");
const addAllSubscribedText = document.createTextNode("Add all subscribed elements"); const addAllSubscribedText = document.createTextNode("Add all subscribed elements");
addAllSubscribedSpan.appendChild(addAllSubscribedText); addAllSubscribedSpan.appendChild(addAllSubscribedText);
addAllSubscribedButton.appendChild(addAllSubscribedSpan); addAllSubscribedButton.appendChild(addAllSubscribedSpan);
buttonsLine.appendChild(addAllSubscribedButton);
container.appendChild(addAllSubscribedButton);
} }
tidebringer(); tidebringer();