🎨 Adds option to hide sports thumbnail (#654)

This commit is contained in:
Alicia Sykes 2022-05-16 21:46:19 +01:00
parent 19b71313d5
commit 8c43442b39
2 changed files with 5 additions and 1 deletions

View File

@ -714,6 +714,7 @@ Show recent scores and upcoming matches from your favourite sports team. Data is
**`pastOrFuture`** | `string` | __Optional__ | Set to `past` to show scores for recent games, or `future` to show upcoming games. Defaults to `past`. You can change this within the UI
**`apiKey`** | `string` | __Optional__ | Optionally specify your API key, which you can sign up for at [TheSportsDB.com](https://www.thesportsdb.com/)
**`limit`** | `number` | __Optional__ | To limit output to a certain number of matches, defaults to `15`
**`hideImage`** | `boolean` | __Optional__ | Set to `true` to not render the team / match banner image, defaults to `false`
##### Example

View File

@ -28,7 +28,7 @@
</div>
<div class="match-row" v-for="match in matches" :key="match.id">
<!-- Banner Image -->
<div class="match-thumbnail-wrap">
<div class="match-thumbnail-wrap" v-if="!hideImage">
<img :src="match.thumbnail" :alt="`${match.title} Banner Image`" class="match-thumbnail" />
</div>
<!-- Team Scores -->
@ -101,6 +101,9 @@ export default {
pastOrFuture() {
return this.options.pastOrFuture || 'past';
},
hideImage() {
return this.options.hideImage || false;
},
endpoint() {
this.initiate();
const endpoint = widgetApiEndpoints.sportsScores;