fix: #246 show episode progress

This commit is contained in:
ThaUnknown 2023-04-13 14:47:07 +02:00
parent b7d7c3108a
commit 4011a81a1d
4 changed files with 31 additions and 14 deletions

View file

@ -1,6 +1,6 @@
{
"name": "Miru",
"version": "3.9.4",
"version": "3.9.5",
"author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
"description": "Stream anime torrents, real-time with no waiting for downloads.",
"main": "src/index.js",

View file

@ -75,21 +75,29 @@
</span>
{/if}
<p class='text-muted m-0 text-capitalize details'>
{#if card.media.format === 'TV'}
<span>TV Show</span>
{:else if card.media.format}
<span>{card.media.format?.toLowerCase().replace(/_/g, ' ')}</span>
{/if}
{#if card.media.episodes}
<span>{card.media.episodes + ' Episodes'}</span>
<span class='text-nowrap'>
{#if card.media.format === 'TV'}
TV Show
{:else if card.media.format}
{card.media.format?.toLowerCase().replace(/_/g, ' ')}
{/if}
</span>
{#if card.media.episodes && card.media.episodes !== 1}
<span class='text-nowrap'>
{#if card.media.mediaListEntry?.status === 'CURRENT' && card.media.mediaListEntry?.progress }
{card.media.mediaListEntry.progress} / {card.media.episodes} Episodes
{:else}
{card.media.episodes} Episodes
{/if}
</span>
{:else if card.media.duration}
<span>{card.media.duration + ' Minutes'}</span>
<span class='text-nowrap'>{card.media.duration + ' Minutes'}</span>
{/if}
{#if card.media.status}
<span>{card.media.status?.toLowerCase().replace(/_/g, ' ')}</span>
<span class='text-nowrap'>{card.media.status?.toLowerCase().replace(/_/g, ' ')}</span>
{/if}
{#if card.media.season || card.media.seasonYear}
<span>
<span class='text-nowrap'>
{[card.media.season?.toLowerCase(), card.media.seasonYear].filter(s => s).join(' ')}
</span>
{/if}
@ -135,6 +143,7 @@
.details span + span::before {
content: ' • ';
white-space: normal;
}
.card {
animation: 0.3s ease 0s 1 load-in;

View file

@ -20,9 +20,6 @@
]
function getCustomProperty (detail, media) {
if (detail.property === 'episodes') {
if (media.mediaListEntry?.progress) {
return `Watched ${media.mediaListEntry.progress} of ${getMediaMaxEp(media)}`
}
return `${getMediaMaxEp(media)} Episodes`
} else if (detail.property === 'averageScore') {
return media.averageScore + '%'

View file

@ -136,6 +136,17 @@
</ToggleList>
</div>
<div class='col-md-3 px-sm-0 px-20'>
{#if media.mediaListEntry?.progress}
<h1 class='title font-weight-bold text-white'>Progress</h1>
<div class='card m-0 pt-20 pb-15 d-flex flex-md-column flex-row text-capitalize align-items-start'>
<div class='progress w-full'>
<div class='progress-bar' role='progressbar' style='width: {media.mediaListEntry?.progress / getMediaMaxEp(media) * 100}%;' />
</div>
<div class='font-weight-bold pt-10'>
{media.mediaListEntry?.progress} / {getMediaMaxEp(media)} Available Episodes
</div>
</div>
{/if}
<Details {media} />
<Following {media} />
</div>