mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-04-20 00:22:05 +00:00
fix: #246 show episode progress
This commit is contained in:
parent
b7d7c3108a
commit
4011a81a1d
4 changed files with 31 additions and 14 deletions
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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 + '%'
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue