Show but disable button when no prev/next

This commit is contained in:
Peter 2024-01-26 20:27:01 -05:00
parent d5f52a07bc
commit 77b2aab75a

View File

@ -7,14 +7,16 @@
</div> </div>
<div class="col-sm-auto" v-visible="isAuthenticated" style="width: 940px;"> <div class="col-sm-auto" v-visible="isAuthenticated" style="width: 940px;">
<div class="row"> <div class="row">
<div v-visible="hasPreviousCard && isAuthenticated" class="col-sm-5"> <div v-visible="isAuthenticated" class="col-sm-5">
<input type="button" class="w-100" @click="decrementCurrentSeasonNumber" value="<<" /> <input :disabled="!hasPreviousCard" type="button" class="w-100" @click="decrementCurrentSeasonNumber"
value="<<" />
</div> </div>
<strong class="col-sm-2" style="text-align: center;"> <strong class="col-sm-2" style="text-align: center;">
{{ getSeasonStringBySeasonNumber(currentSeasonNumber) }} {{ getSeasonStringBySeasonNumber(currentSeasonNumber) }}
</strong> </strong>
<div v-visible="hasNextCard && isAuthenticated" class="col-sm-5"> <div v-visible="isAuthenticated" class="col-sm-5">
<input type="button" class="w-100" @click="incrementCurrentSeasonNumber" value=">>" /> <input :disabled="!hasNextCard" type="button" class="w-100" @click="incrementCurrentSeasonNumber"
value=">>" />
</div> </div>
</div> </div>
<div class="row"> <div class="row">