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

Improved styling and synchronisation

Browse source
This commit is contained in:
Richard Bowman 2024-01-10 13:24:01 +00:00
parent 53644a691b
commit 46444770f3
3 changed files with 41 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
webapp/src/components/genericComponents/actionLogDisplay.vue
View file

@ -1,5 +1,5 @@
<template>
<div id="log-container" ref="logContainer">
<div class="log-container" ref="logContainer">
<div v-if="log">
<div v-for="(item, index) in log" :key="`log_entry_${index}`">
{{ item.message }}
@ -44,9 +44,8 @@ export default {
</script>
<style scoped>
#log-container {
.log-container {
position: relative;
height: 6em;
overflow-y: scroll;
overflow-x: auto;
}

7
webapp/src/components/genericComponents/taskSubmitter.vue
View file

@ -33,7 +33,7 @@
class=""
uk-modal="bg-close: false; esc-close: false; stack: true;"
>
<div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical">
<div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical" id="status-modal">
<h2>{{ submitLabel }}</h2>
<action-log-display :log="log" :task-status="taskStatus" />
<div id="progress-and-cancel-row">
@ -308,6 +308,7 @@ export default {
},
terminateTask: function() {
console.log(`deleting task at ${this.taskUrl}`);
axios.delete(this.taskUrl);
}
}
@ -336,4 +337,8 @@ export default {
margin-left: 5px;
margin-right: 5px;
}
#status-modal .log-container {
height:10em;
}
</style>