Add Dynamic Disable Functionality to Navigation Buttons

This commit is contained in:
tillcash 2024-12-04 22:45:03 +05:30 committed by nkanaev
parent ad138c3017
commit 7301eab99c

View File

@ -330,10 +330,10 @@
<span class="icon">{% inline "external-link.svg" %}</span> <span class="icon">{% inline "external-link.svg" %}</span>
</a> </a>
<div class="flex-grow-1"></div> <div class="flex-grow-1"></div>
<button class="toolbar-item" @click="navigateToItem(-1)" title="Previous Article"> <button class="toolbar-item" @click="navigateToItem(-1)" title="Previous Article" :disabled="itemSelected == items[0].id">
<span class="icon">{% inline "chevron-left.svg" %}</span> <span class="icon">{% inline "chevron-left.svg" %}</span>
</button> </button>
<button class="toolbar-item" @click="navigateToItem(+1)" title="Next Article"> <button class="toolbar-item" @click="navigateToItem(+1)" title="Next Article" :disabled="itemSelected == items[items.length - 1].id">
<span class="icon">{% inline "chevron-right.svg" %}</span> <span class="icon">{% inline "chevron-right.svg" %}</span>
</button> </button>
<button class="toolbar-item" @click="itemSelected=null" title="Close Article"> <button class="toolbar-item" @click="itemSelected=null" title="Close Article">