booklore-app/booklore
1
0
Fork 0
mirror of https://github.com/booklore-app/booklore.git synced 2026-02-18 00:17:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: show provider icons in metadata viewer when only ID is present (#2734)

Browse Source
This commit is contained in:
ACX
2026-02-13 10:24:35 -07:00
committed by GitHub
parent 83edbf46d5
commit bf04a1f4db
1 changed files with 31 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
booklore-ui/src/app/features/metadata/component/book-metadata-center/metadata-viewer/metadata-viewer.component.html
View File

@@ -154,92 +154,104 @@
</p-button>
</div>
@if (book?.metadata?.amazonRating || book?.metadata?.goodreadsRating || book?.metadata?.hardcoverRating || book?.metadata?.lubimyczytacRating || book?.metadata?.ranobedbRating || book?.metadata?.audibleRating || book?.metadata?.googleId) {
@if (book?.metadata?.amazonRating || book?.metadata?.asin || book?.metadata?.goodreadsRating || book?.metadata?.goodreadsId || book?.metadata?.hardcoverRating || book?.metadata?.hardcoverId || book?.metadata?.lubimyczytacRating || book?.metadata?.lubimyczytacId || book?.metadata?.ranobedbRating || book?.metadata?.ranobedbId || book?.metadata?.audibleRating || book?.metadata?.audibleId || book?.metadata?.googleId) {
<div class="gradient-divider"></div>
}
<div class="external-ratings">
@if (book?.metadata?.amazonRating) {
@if (book?.metadata?.amazonRating || book?.metadata?.asin) {
<a
class="rating-link"
[href]="'https://www.amazon.' + amazonDomain + '/dp/' + (book.metadata?.asin ?? '')"
target="_blank"
rel="noopener noreferrer"
[pTooltip]="getRatingTooltip(book, 'amazon')"
[pTooltip]="book?.metadata?.amazonRating ? getRatingTooltip(book, 'amazon') : undefined"
tooltipPosition="top"
>
<img src="https://www.amazon.com/favicon.ico" alt="Amazon" class="rating-favicon"/>
<span class="rating-value">{{ getRatingPercent(book.metadata!.amazonRating) }}%</span>
@if (book?.metadata?.amazonRating) {
<span class="rating-value">{{ getRatingPercent(book.metadata!.amazonRating) }}%</span>
}
</a>
}
@if (book?.metadata?.goodreadsRating) {
@if (book?.metadata?.goodreadsRating || book?.metadata?.goodreadsId) {
<a
class="rating-link"
[href]="'https://www.goodreads.com/book/show/' + (book.metadata?.goodreadsId ?? '')"
target="_blank"
rel="noopener noreferrer"
[pTooltip]="getRatingTooltip(book, 'goodreads')"
[pTooltip]="book?.metadata?.goodreadsRating ? getRatingTooltip(book, 'goodreads') : undefined"
tooltipPosition="top"
>
<img src="https://www.goodreads.com/favicon.ico" alt="Goodreads" class="rating-favicon"/>
<span class="rating-value">{{ getRatingPercent(book.metadata!.goodreadsRating) }}%</span>
@if (book?.metadata?.goodreadsRating) {
<span class="rating-value">{{ getRatingPercent(book.metadata!.goodreadsRating) }}%</span>
}
</a>
}
@if (book?.metadata?.hardcoverRating) {
@if (book?.metadata?.hardcoverRating || book?.metadata?.hardcoverId) {
<a
class="rating-link"
[href]="'https://hardcover.app/books/' + (book.metadata?.hardcoverId ?? '')"
target="_blank"
rel="noopener noreferrer"
[pTooltip]="getRatingTooltip(book, 'hardcover')"
[pTooltip]="book?.metadata?.hardcoverRating ? getRatingTooltip(book, 'hardcover') : undefined"
tooltipPosition="top"
>
<img src="https://assets.hardcover.app/static/favicon.ico" alt="Hardcover" class="rating-favicon"/>
<span class="rating-value">{{ getRatingPercent(book.metadata!.hardcoverRating) }}%</span>
@if (book?.metadata?.hardcoverRating) {
<span class="rating-value">{{ getRatingPercent(book.metadata!.hardcoverRating) }}%</span>
}
</a>
}
@if (book?.metadata?.lubimyczytacRating) {
@if (book?.metadata?.lubimyczytacRating || book?.metadata?.lubimyczytacId) {
<a
class="rating-link"
[href]="book.metadata?.lubimyczytacId ? 'https://lubimyczytac.pl/ksiazka/' + book.metadata?.lubimyczytacId + '/ksiazka' : ''"
target="_blank"
rel="noopener noreferrer"
[pTooltip]="getRatingTooltip(book, 'lubimyczytac')"
[pTooltip]="book?.metadata?.lubimyczytacRating ? getRatingTooltip(book, 'lubimyczytac') : undefined"
tooltipPosition="top"
>
<img src="https://lubimyczytac.pl/favicon.ico" alt="Lubimyczytac" class="rating-favicon"/>
<span class="rating-value">{{ getRatingPercent(book.metadata!.lubimyczytacRating) }}%</span>
@if (book?.metadata?.lubimyczytacRating) {
<span class="rating-value">{{ getRatingPercent(book.metadata!.lubimyczytacRating) }}%</span>
}
</a>
}
@if (book?.metadata?.ranobedbRating) {
@if (book?.metadata?.ranobedbRating || book?.metadata?.ranobedbId) {
<a
class="rating-link"
[href]="'https://ranobedb.org/book/' + (book.metadata?.ranobedbId ?? '')"
target="_blank"
rel="noopener noreferrer"
[pTooltip]="getRatingTooltip(book, 'ranobedb')"
[pTooltip]="book?.metadata?.ranobedbRating ? getRatingTooltip(book, 'ranobedb') : undefined"
tooltipPosition="top"
>
<img src="https://www.ranobedb.org/favicon.png" alt="Ranobedb" class="rating-favicon"/>
<span class="rating-value">{{ getRatingPercent(book.metadata!.ranobedbRating) }}%</span>
@if (book?.metadata?.ranobedbRating) {
<span class="rating-value">{{ getRatingPercent(book.metadata!.ranobedbRating) }}%</span>
}
</a>
}
@if (book?.metadata?.audibleRating) {
@if (book?.metadata?.audibleRating || book?.metadata?.audibleId) {
<a
class="rating-link"
[href]="'https://www.audible.com/pd/' + (book.metadata?.audibleId ?? '')"
target="_blank"
rel="noopener noreferrer"
[pTooltip]="getRatingTooltip(book, 'audible')"
[pTooltip]="book?.metadata?.audibleRating ? getRatingTooltip(book, 'audible') : undefined"
tooltipPosition="top"
>
<img src="https://www.audible.com/favicon.ico" alt="Audible" class="rating-favicon"/>
<span class="rating-value">{{ getRatingPercent(book.metadata!.audibleRating) }}%</span>
@if (book?.metadata?.audibleRating) {
<span class="rating-value">{{ getRatingPercent(book.metadata!.audibleRating) }}%</span>
}
</a>
}