mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-04 23:34:38 +00:00
feat(extension): add button to search by title on anix to kinopoisk web page
This commit is contained in:
parent
a42d3c3c79
commit
a74aed5599
GPG key ID:
858E8EE696525EED
6 changed files with 231 additions and 54 deletions
|
|
@ -1,30 +1,116 @@
|
|||
// find a container and an open in app link with button
|
||||
const container = document.querySelector('div[style="text-align: center;"]');
|
||||
const openInAppLink = document.querySelector('a[href^="anixart"');
|
||||
const openInAppLinkButton = openInAppLink.querySelector("button");
|
||||
openInAppLinkButton.style = "margin-top: 0px !important;"; // disable default button margin
|
||||
openInAppLinkButton.classList = "btn btn-secondary"; // change default button from primary to secondary
|
||||
function determineHost() {
|
||||
const url = new URL(window.location.href);
|
||||
return {
|
||||
host: url.host,
|
||||
pathname: url.pathname,
|
||||
};
|
||||
}
|
||||
|
||||
// create a custom footer
|
||||
const footer = document.createElement("div");
|
||||
footer.style =
|
||||
"display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; margin-top: 20px;";
|
||||
function addButtonToAnixart(pathname) {
|
||||
// find a container and an open in app link with button
|
||||
const container = document.querySelector('div[style="text-align: center;"]');
|
||||
const openInAppLink = document.querySelector('a[href^="anixart"');
|
||||
const openInAppLinkButton = openInAppLink.querySelector("button");
|
||||
openInAppLinkButton.style = "margin-top: 0px !important;"; // disable default button margin
|
||||
openInAppLinkButton.classList = "btn btn-secondary"; // change default button from primary to secondary
|
||||
|
||||
// create and set custom link
|
||||
const link = document.createElement("a");
|
||||
const button = document.createElement("button");
|
||||
button.style = "margin-top: 0px !important;";
|
||||
button.classList = "btn btn-primary";
|
||||
button.textContent = "Открыть в Anix";
|
||||
// create a custom footer
|
||||
const footer = document.createElement("div");
|
||||
footer.style =
|
||||
"display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; margin-top: 20px;";
|
||||
|
||||
const url = new URL(window.location.href);
|
||||
const pathname = url.pathname;
|
||||
link.href = `https://anix.wah.su${pathname}`;
|
||||
link.appendChild(button);
|
||||
// create and set custom link
|
||||
const link = document.createElement("a");
|
||||
const button = document.createElement("button");
|
||||
button.style = "margin-top: 0px !important;";
|
||||
button.classList = "btn btn-primary";
|
||||
button.textContent = "Открыть в Anix";
|
||||
|
||||
// append link and open in app link to footer
|
||||
footer.appendChild(link);
|
||||
footer.appendChild(openInAppLink);
|
||||
const url = new URL(window.location.href);
|
||||
link.href = `https://anix.wah.su${pathname}?ref=anixart.tv&source=extension`;
|
||||
link.appendChild(button);
|
||||
|
||||
// append footer to container
|
||||
container.appendChild(footer);
|
||||
// append link and open in app link to footer
|
||||
footer.appendChild(link);
|
||||
footer.appendChild(openInAppLink);
|
||||
|
||||
// append footer to container
|
||||
container.appendChild(footer);
|
||||
}
|
||||
|
||||
function kinopoiskIsAnimeGenrePresent() {
|
||||
const genre = document.querySelector('a[href^="/lists/movies/genre--anime"]');
|
||||
|
||||
if (genre) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function addButtonToKinopoisk() {
|
||||
let isAnime = kinopoiskIsAnimeGenrePresent();
|
||||
if (!isAnime) {
|
||||
console.log("genre not found");
|
||||
return;
|
||||
}
|
||||
let title = document.querySelector('h1[itemprop="name"]');
|
||||
if (!title) {
|
||||
console.log("title not found");
|
||||
return;
|
||||
}
|
||||
title = title.textContent.split(" (")[0];
|
||||
|
||||
const buttonStyle = `
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.5;
|
||||
border-radius: .25rem;
|
||||
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
||||
padding: 1rem 2rem;
|
||||
color: #fff;
|
||||
background-color: #F04E4E;
|
||||
border-color: #F04E4E;
|
||||
`;
|
||||
|
||||
const buttonHoverStyle = `
|
||||
color: #fff !important;
|
||||
background-color: #E23D3D !important;
|
||||
border-color: #E23D3D !important;
|
||||
`
|
||||
|
||||
const link = document.createElement("a");
|
||||
const button = document.createElement("button");
|
||||
|
||||
link.style =
|
||||
"text-decoration: none; position: fixed; bottom: 0; right: 0; margin: 1.5rem; z-index: 1000;";
|
||||
link.href = "https://anix.wah.su/search?q=" + title + "&ref=kinopoisk.ru&source=extension";
|
||||
link.appendChild(button);
|
||||
button.style = buttonStyle;
|
||||
button.onmouseover = function () {
|
||||
button.style = buttonStyle + buttonHoverStyle
|
||||
}
|
||||
button.onmouseout = function () {
|
||||
button.style = buttonStyle;
|
||||
}
|
||||
button.textContent = "Найти в Anix";
|
||||
|
||||
document.body.appendChild(link);
|
||||
}
|
||||
|
||||
const { host, pathname } = determineHost();
|
||||
|
||||
if (host == "anixart.tv") {
|
||||
addButtonToAnixart(pathname);
|
||||
} else if (host == "www.kinopoisk.ru") {
|
||||
addButtonToKinopoisk();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,16 @@
|
|||
{
|
||||
"manifest_version": 3,
|
||||
"version": "1.0",
|
||||
"version": "1.2",
|
||||
"name": "Watch on Anix",
|
||||
"description": "Adds a button to watch on Anix.",
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": [
|
||||
"https://anixart.tv/release/*",
|
||||
"https://anixart.tv/collection/*",
|
||||
"https://anixart.tv/profile/*"
|
||||
"https://anixart.tv/profile/*",
|
||||
"https://www.kinopoisk.ru/film/*",
|
||||
"https://www.kinopoisk.ru/series/*"
|
||||
],
|
||||
"js": [
|
||||
"main.js"
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -1,30 +1,116 @@
|
|||
// find a container and an open in app link with button
|
||||
const container = document.querySelector('div[style="text-align: center;"]');
|
||||
const openInAppLink = document.querySelector('a[href^="anixart"');
|
||||
const openInAppLinkButton = openInAppLink.querySelector("button");
|
||||
openInAppLinkButton.style = "margin-top: 0px !important;"; // disable default button margin
|
||||
openInAppLinkButton.classList = "btn btn-secondary"; // change default button from primary to secondary
|
||||
function determineHost() {
|
||||
const url = new URL(window.location.href);
|
||||
return {
|
||||
host: url.host,
|
||||
pathname: url.pathname,
|
||||
};
|
||||
}
|
||||
|
||||
// create a custom footer
|
||||
const footer = document.createElement("div");
|
||||
footer.style =
|
||||
"display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; margin-top: 20px;";
|
||||
function addButtonToAnixart(pathname) {
|
||||
// find a container and an open in app link with button
|
||||
const container = document.querySelector('div[style="text-align: center;"]');
|
||||
const openInAppLink = document.querySelector('a[href^="anixart"');
|
||||
const openInAppLinkButton = openInAppLink.querySelector("button");
|
||||
openInAppLinkButton.style = "margin-top: 0px !important;"; // disable default button margin
|
||||
openInAppLinkButton.classList = "btn btn-secondary"; // change default button from primary to secondary
|
||||
|
||||
// create and set custom link
|
||||
const link = document.createElement("a");
|
||||
const button = document.createElement("button");
|
||||
button.style = "margin-top: 0px !important;";
|
||||
button.classList = "btn btn-primary";
|
||||
button.textContent = "Открыть в Anix";
|
||||
// create a custom footer
|
||||
const footer = document.createElement("div");
|
||||
footer.style =
|
||||
"display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; margin-top: 20px;";
|
||||
|
||||
const url = new URL(window.location.href);
|
||||
const pathname = url.pathname;
|
||||
link.href = `https://anix.wah.su${pathname}`;
|
||||
link.appendChild(button);
|
||||
// create and set custom link
|
||||
const link = document.createElement("a");
|
||||
const button = document.createElement("button");
|
||||
button.style = "margin-top: 0px !important;";
|
||||
button.classList = "btn btn-primary";
|
||||
button.textContent = "Открыть в Anix";
|
||||
|
||||
// append link and open in app link to footer
|
||||
footer.appendChild(link);
|
||||
footer.appendChild(openInAppLink);
|
||||
const url = new URL(window.location.href);
|
||||
link.href = `https://anix.wah.su${pathname}?ref=anixart.tv&source=extension`;
|
||||
link.appendChild(button);
|
||||
|
||||
// append footer to container
|
||||
container.appendChild(footer);
|
||||
// append link and open in app link to footer
|
||||
footer.appendChild(link);
|
||||
footer.appendChild(openInAppLink);
|
||||
|
||||
// append footer to container
|
||||
container.appendChild(footer);
|
||||
}
|
||||
|
||||
function kinopoiskIsAnimeGenrePresent() {
|
||||
const genre = document.querySelector('a[href^="/lists/movies/genre--anime"]');
|
||||
|
||||
if (genre) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function addButtonToKinopoisk() {
|
||||
let isAnime = kinopoiskIsAnimeGenrePresent();
|
||||
if (!isAnime) {
|
||||
console.log("genre not found");
|
||||
return;
|
||||
}
|
||||
let title = document.querySelector('h1[itemprop="name"]');
|
||||
if (!title) {
|
||||
console.log("title not found");
|
||||
return;
|
||||
}
|
||||
title = title.textContent.split(" (")[0];
|
||||
|
||||
const buttonStyle = `
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.5;
|
||||
border-radius: .25rem;
|
||||
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
||||
padding: 1rem 2rem;
|
||||
color: #fff;
|
||||
background-color: #F04E4E;
|
||||
border-color: #F04E4E;
|
||||
`;
|
||||
|
||||
const buttonHoverStyle = `
|
||||
color: #fff !important;
|
||||
background-color: #E23D3D !important;
|
||||
border-color: #E23D3D !important;
|
||||
`
|
||||
|
||||
const link = document.createElement("a");
|
||||
const button = document.createElement("button");
|
||||
|
||||
link.style =
|
||||
"text-decoration: none; position: fixed; bottom: 0; right: 0; margin: 1.5rem; z-index: 1000;";
|
||||
link.href = "https://anix.wah.su/search?q=" + title + "&ref=kinopoisk.ru&source=extension";
|
||||
link.appendChild(button);
|
||||
button.style = buttonStyle;
|
||||
button.onmouseover = function () {
|
||||
button.style = buttonStyle + buttonHoverStyle
|
||||
}
|
||||
button.onmouseout = function () {
|
||||
button.style = buttonStyle;
|
||||
}
|
||||
button.textContent = "Найти в Anix";
|
||||
|
||||
document.body.appendChild(link);
|
||||
}
|
||||
|
||||
const { host, pathname } = determineHost();
|
||||
|
||||
if (host == "anixart.tv") {
|
||||
addButtonToAnixart(pathname);
|
||||
} else if (host == "www.kinopoisk.ru") {
|
||||
addButtonToKinopoisk();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"manifest_version": 2,
|
||||
"version": "1.1",
|
||||
"version": "1.2",
|
||||
"name": "Watch on Anix",
|
||||
"description": "Adds a button to watch on Anix.",
|
||||
"browser_specific_settings": {
|
||||
|
|
@ -13,7 +13,9 @@
|
|||
"matches": [
|
||||
"https://anixart.tv/release/*",
|
||||
"https://anixart.tv/collection/*",
|
||||
"https://anixart.tv/profile/*"
|
||||
"https://anixart.tv/profile/*",
|
||||
"https://www.kinopoisk.ru/film/*",
|
||||
"https://www.kinopoisk.ru/series/*"
|
||||
],
|
||||
"js": [
|
||||
"main.js"
|
||||
|
|
|
|||
Binary file not shown.
Loading…
Add table
Reference in a new issue