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

Adde refresh button to gallery

Browse source
This commit is contained in:
Joel Collins 2019-02-14 12:00:49 +00:00
parent a765d79559
commit 18f3388edd
1 changed files with 19 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/paneDisplayComponents/galleryDisplay.vue
View file

@ -1,8 +1,12 @@
<template> <template>
<div class="galleryDisplay uk-padding uk-padding-remove-right"> <div class="galleryDisplay uk-padding uk-padding-remove-right">
<div id="refresh-btn">
<a href="#" v-on:click="updateCaptureList()" class="refresh-icon-align uk-icon-button uk-box-shadow-small uk-box-shadow-hover-medium action-btn-outline" uk-icon="refresh"></a>
</div>
<div uk-lightbox="toggle: .lightbox-link"> <div uk-lightbox="toggle: .lightbox-link">
<div class="uk-grid-medium uk-padding uk-padding-remove-right uk-grid-match" uk-grid> <div class="uk-grid-medium uk-padding uk-padding-remove-right uk-grid-match" uk-grid="masonry: true">
<captureCard <captureCard
v-for="capture in captureList" v-for="capture in captureList"
@ -38,6 +42,7 @@ export default {
methods: { methods: {
updateCaptureList: function() { updateCaptureList: function() {
console.log("Updating capture list...")
// Send move request // Send move request
axios.get(this.captureApiUri) axios.get(this.captureApiUri)
.then(response => { .then(response => {
@ -67,4 +72,17 @@ export default {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
#refresh-btn {
width: 0px;
height: 30px;
z-index: 999;
margin-top: -57px;
margin-left: 40px;
position: absolute;
}
.refresh-icon-align {
padding-bottom: 3px;
}
</style> </style>