rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use own pagination consistently rather than vue-pagination-next

Browse source
This commit is contained in:
Julian Stirling 2026-02-22 21:14:17 +00:00
parent 3f54084d14
commit 9a5133e1a7
5 changed files with 75 additions and 616 deletions
Download patch file Download diff file Expand all files Collapse all files

30
webapp/src/components/tabContentComponents/scanListContent.vue
View file

@ -70,30 +70,17 @@
</div>
</div>
</div>
<div v-if="totalPages > 1" class="pagination-container uk-margin-top uk-flex uk-flex-center">
<ul class="uk-pagination">
<li :class="{ 'uk-disabled': currentPage === 1 }">
<a href="#" @click.prevent="changePage(currentPage - 1)">
<span uk-pagination-previous></span>
</a>
</li>
<li v-for="page in totalPages" :key="page" :class="{ 'uk-active': page === currentPage }">
<a href="#" @click.prevent="changePage(page)">{{ page }}</a>
</li>
<li :class="{ 'uk-disabled': currentPage === totalPages }">
<a href="#" @click.prevent="changePage(currentPage + 1)">
<span uk-pagination-next></span>
</a>
</li>
</ul>
</div>
<PaginateLinks
:total-pages="totalPages"
:current-page="currentPage"
@change-page="changePage"
/>
</div>
</template>
<script>
import axios from "axios";
import PaginateLinks from "@/components/genericComponents/paginateLinks.vue";
import actionButton from "../labThingsComponents/actionButton.vue";
import scanCard from "./scanListComponents/scanCard.vue";
import ScanViewerModal from "./scanListComponents/scanViewer.vue";
@ -107,6 +94,7 @@ export default {
actionButton,
scanCard,
ScanViewerModal,
PaginateLinks,
},
emits: ["scrollTop"],
@ -274,8 +262,4 @@ export default {
margin-top: 5px;
margin-bottom: 2px;
}
.pagination-container {
text-align: center;
}
</style>