search progress

This commit is contained in:
ThaUnknown 2020-08-25 01:58:32 +02:00
parent 7eca8c839e
commit cfc732a571
3 changed files with 33 additions and 52 deletions

View file

@ -61,7 +61,8 @@ function alRequest(a) {
averageScore averageScore
genres genres
coverImage { coverImage {
large extraLarge
medium
} }
bannerImage bannerImage
} }
@ -100,7 +101,7 @@ function alRequest(a) {
averageScore averageScore
genres genres
coverImage { coverImage {
large extraLarge
} }
bannerImage bannerImage
} }
@ -135,7 +136,7 @@ function handleData(data) {
template.innerHTML = ` template.innerHTML = `
<div class="row no-gutters h-100"> <div class="row no-gutters h-100">
<div class="col-4 h-100"> <div class="col-4 h-100">
<img src="${media.coverImage.large}" class="cover-img"> <img src="${media.coverImage.extraLarge}" class="cover-img">
<div class="card-img-overlay d-flex align-content-end flex-wrap p-0"> <div class="card-img-overlay d-flex align-content-end flex-wrap p-0">
<div class="bg-tp-dark d-flex flex-grow-1 px-3 py-2"> <div class="bg-tp-dark d-flex flex-grow-1 px-3 py-2">
${!!media.title.english ? media.title.english : media.title.romaji} ${!!media.title.english ? media.title.english : media.title.romaji}
@ -179,22 +180,26 @@ function viewAnime(index) {
let details = ["title.english", "title.romaji", "status", "season", "seasonYear", "episodes", "duration", "format", "averageScore"] let details = ["title.english", "title.romaji", "status", "season", "seasonYear", "episodes", "duration", "format", "averageScore"]
document.querySelector(".view").removeAttribute("hidden") document.querySelector(".view").removeAttribute("hidden")
document.querySelector(".view .banner img").src = media.bannerImage document.querySelector(".view .banner img").src = media.bannerImage
document.querySelector(".view .contain-img").src = media.coverImage.large document.querySelector(".view .contain-img").src = media.coverImage.extraLarge
document.querySelector(".view .contain-img").src = media.coverImage.large document.querySelector(".view .contain-img").src = media.coverImage.extraLarge
document.querySelector(".view .title").textContent = !!media.title.english ? media.title.english : media.title.romaji document.querySelector(".view .title").textContent = !!media.title.english ? media.title.english : media.title.romaji
document.querySelector(".view .desc").innerHTML = !!media.description ? media.description : "" document.querySelector(".view .desc").innerHTML = !!media.description ? media.description : ""
tsearch(index, 1) tsearch(index, 1)
} }
const DOMPARSER = new DOMParser().parseFromString.bind(new DOMParser()) const DOMPARSER = new DOMParser().parseFromString.bind(new DOMParser()),
searchTitle = document.querySelector("#title"),
searchEpisode = document.querySelector("#ep")
function tsearch(index, episode) { function tsearch(index, episode) {
let name = request.data.Page.media[index].title.romaji, let media = request.data.Page.media[index],
table = document.querySelector("tbody.tsearch") table = document.querySelector("tbody.tsearch")
searchTitle.value = !!media.title.english ? media.title.english : media.title.romaji
searchEpisode.value = episode
if (episode < 10) { if (episode < 10) {
episode = `0${episode}` episode = `0${episode}`
} }
let url = new URL(`https://nyaa.si/?page=rss&c=1_2&f=2&s=seeders&o=desc&q=${name}" ${episode} "`) let url = new URL(`https://nyaa.si/?page=rss&c=1_2&f=2&s=seeders&o=desc&q=${media.title.romaji}" ${episode} "`)
console.log(name) console.log(name)
let frag = document.createDocumentFragment(), let frag = document.createDocumentFragment(),
hasBegun = true hasBegun = true

View file

@ -22,6 +22,13 @@
<a href="#" class="close" role="button" aria-label="Close"> <a href="#" class="close" role="button" aria-label="Close">
<span aria-hidden="true" class="mb-5">&times;</span> <span aria-hidden="true" class="mb-5">&times;</span>
</a> </a>
<div class="input-group mb-20">
<input type="text" id="title" class="form-control" placeholder="Anime Name">
<input type="number" id="ep" class="form-control flex-reset w-50" placeholder="#">
<div class="input-group-append">
<button class="btn btn-primary" type="button">Search</button>
</div>
</div>
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
@ -145,11 +152,11 @@
</div> </div>
<script src="https://cdn.jsdelivr.net/gh/halfmoonui/halfmoon@1.0.4/js/halfmoon.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/halfmoonui/halfmoon@1.0.4/js/halfmoon.min.js"></script>
<script src='js.js' defer></script> <script src='animeHandler.js'></script>
<script src="https://cdn.jsdelivr.net/npm/webtorrent@latest/webtorrent.min.js"></script>
<script src="playerHandler.js"></script> <script src="playerHandler.js"></script>
<script src="torrentHandler.js"></script> <script src="https://cdn.jsdelivr.net/npm/webtorrent@latest/webtorrent.min.js" defer></script>
<script src="rangeParser.js"></script> <script src="torrentHandler.js" defer></script>
<script src="rangeParser.js" defer></script>
</body> </body>
</html> </html>

View file

@ -141,8 +141,9 @@ function bmute() {
} }
} }
let level;
function updatevolume(a) { function updatevolume(a) {
let level;
if (a == null) { if (a == null) {
level = volume.value; level = volume.value;
} else { } else {
@ -228,56 +229,24 @@ document.onkeydown = function (a) {
if ('mediaSession' in navigator) { if ('mediaSession' in navigator) {
navigator.mediaSession.metadata = new MediaMetadata({ navigator.mediaSession.metadata = new MediaMetadata({
title: 'Never Gonna Give You Up', title: 'THE GOD OF HIGH SCHOOL',
artist: 'Rick Astley', artist: 'Miru',
album: 'Whenever You Need Somebody',
artwork: [ artwork: [
{ {
src: 'https://dummyimage.com/96x96', src: 'https://s4.anilist.co/file/anilistcdn/media/anime/cover/small/bx116006-XasdW0bB4n18.png',
sizes: '96x96',
type: 'image/png'
},
{
src: 'https://dummyimage.com/128x128',
sizes: '128x128', sizes: '128x128',
type: 'image/png' type: 'image/png'
}, }
{
src: 'https://dummyimage.com/192x192',
sizes: '192x192',
type: 'image/png'
},
{
src: 'https://dummyimage.com/256x256',
sizes: '256x256',
type: 'image/png'
},
{
src: 'https://dummyimage.com/384x384',
sizes: '384x384',
type: 'image/png'
},
{
src: 'https://dummyimage.com/512x512',
sizes: '512x512',
type: 'image/png'
},
] ]
}); });
navigator.mediaSession.setActionHandler('play', function () { navigator.mediaSession.setActionHandler('play', bpp);
bpp(); navigator.mediaSession.setActionHandler('pause', bpp);
});
navigator.mediaSession.setActionHandler('pause', function () {
bpp();
});
navigator.mediaSession.setActionHandler('seekbackward', function () { navigator.mediaSession.setActionHandler('seekbackward', function () {
seek(-2); seek(-2);
}); });
navigator.mediaSession.setActionHandler('seekforward', function () { navigator.mediaSession.setActionHandler('seekforward', function () {
seek(2); seek(2);
}); });
navigator.mediaSession.setActionHandler('nexttrack', function () { navigator.mediaSession.setActionHandler('nexttrack', bnext);
bnext();
});
} }