diff options
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/video-app.js')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/video-app.js | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/video-app.js b/packages/meshbay-hub/src/meshbay_hub/static/video-app.js index df930fd..f73def0 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/video-app.js +++ b/packages/meshbay-hub/src/meshbay_hub/static/video-app.js @@ -325,7 +325,7 @@ function PosterCard({ title, subtitle, repEntry, transportRef, gekRef, onOpen, g const ready = metaReady && imageReady; return html` - <div class="video-card" onClick=${onOpen}> + <div class="video-card ${ready && !confident ? 'video-card-unmatched' : ''}" onClick=${onOpen}> ${!ready && html` <div class="video-poster video-poster-loading"><span class="spinner"></span></div> `} @@ -338,7 +338,10 @@ function PosterCard({ title, subtitle, repEntry, transportRef, gekRef, onOpen, g </div> ${ready && html` <div class="video-card-info"> - <div class="video-card-title">${(confident && meta.title) || title}</div> + <div class="video-card-title"> + ${(confident && meta.title) || title} + ${!confident && html`<span class="video-card-flag" title=${t('video.no_match')}>?</span>`} + </div> <div class="video-card-sub"> ${confident && meta.release_date ? yearOf(meta.release_date) : ''} ${confident && meta.first_air_date ? yearOf(meta.first_air_date) : ''} @@ -443,7 +446,9 @@ function TmdbSearchOverlay({ ${searching ? html`<span class="spinner"></span>` : t('video.search_button')} </button> </form> - <p class="video-search-hint">${t('video.search_apply_hint')}</p> + <p class="video-search-hint"> + ${mediaType === 'tv' ? t('video.search_apply_hint') : t('video.search_apply_hint_movie')} + </p> ${error && html`<p class="video-search-error">${error}</p>`} ${results && results.length === 0 && !searching && html` <p class="page-message">${t('video.search_no_results')}</p> @@ -508,6 +513,13 @@ function VideoDetailModal({ <${Icon} name="close" /></button> </div> <div class="video-detail-body"> + ${meta !== null && !confident && html` + <p class="video-detail-nomatch">${t('video.no_match')}</p> + `} + <p class="video-detail-source"> + ${t('video.source_file', { name: `${repEntry.path}/${repEntry.name}` })} + ${confident && html`<span class="video-detail-tmdbref"> · TMDB #${meta.tmdb_id}</span>`} + </p> ${confident && html` <p class="video-detail-overview">${(seasonConfident && seasonMeta.overview) || meta.overview}</p> <p class="video-detail-facts"> |