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
genres
coverImage {
large
extraLarge
medium
}
bannerImage
}
@ -100,7 +101,7 @@ function alRequest(a) {
averageScore
genres
coverImage {
large
extraLarge
}
bannerImage
}
@ -135,7 +136,7 @@ function handleData(data) {
template.innerHTML = `
<div class="row no-gutters 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="bg-tp-dark d-flex flex-grow-1 px-3 py-2">
${!!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"]
document.querySelector(".view").removeAttribute("hidden")
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.large
document.querySelector(".view .contain-img").src = media.coverImage.extraLarge
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 .desc").innerHTML = !!media.description ? media.description : ""
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) {
let name = request.data.Page.media[index].title.romaji,
let media = request.data.Page.media[index],
table = document.querySelector("tbody.tsearch")
searchTitle.value = !!media.title.english ? media.title.english : media.title.romaji
searchEpisode.value = episode
if (episode < 10) {
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)
let frag = document.createDocumentFragment(),
hasBegun = true

View file

@ -22,6 +22,13 @@
<a href="#" class="close" role="button" aria-label="Close">
<span aria-hidden="true" class="mb-5">&times;</span>
</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">
<thead>
<tr>
@ -145,11 +152,11 @@
</div>
<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="https://cdn.jsdelivr.net/npm/webtorrent@latest/webtorrent.min.js"></script>
<script src='animeHandler.js'></script>
<script src="playerHandler.js"></script>
<script src="torrentHandler.js"></script>
<script src="rangeParser.js"></script>
<script src="https://cdn.jsdelivr.net/npm/webtorrent@latest/webtorrent.min.js" defer></script>
<script src="torrentHandler.js" defer></script>
<script src="rangeParser.js" defer></script>
</body>
</html>

View file

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