beb8684a38
Instead of putting the styling in `<style scoped>`, I moved it to the global `base.css`. This made things work again.
47 lines
1.2 KiB
Vue
47 lines
1.2 KiB
Vue
<template>
|
|
<div class="global-last-rendered">
|
|
<last-rendered-image
|
|
ref="lastRenderedImage"
|
|
:jobID="false"
|
|
thumbnailSuffix="last-rendered.jpg" />
|
|
</div>
|
|
|
|
<footer class="window-footer"><notification-bar /></footer>
|
|
|
|
<update-listener ref="updateListener" mainSubscription="allLastRendered"
|
|
@lastRenderedUpdate="onSioLastRenderedUpdate"
|
|
@sioReconnected="onSIOReconnected" @sioDisconnected="onSIODisconnected" />
|
|
</template>
|
|
|
|
<script>
|
|
import LastRenderedImage from '@/components/jobs/LastRenderedImage.vue'
|
|
import NotificationBar from '@/components/footer/NotificationBar.vue'
|
|
import UpdateListener from '@/components/UpdateListener.vue'
|
|
|
|
export default {
|
|
name: 'LastRenderedView',
|
|
components: {
|
|
LastRenderedImage,
|
|
NotificationBar,
|
|
UpdateListener,
|
|
},
|
|
data: () => ({
|
|
}),
|
|
methods: {
|
|
/**
|
|
* Event handler for SocketIO "last-rendered" updates.
|
|
* @param {API.SocketIOLastRenderedUpdate} lastRenderedUpdate
|
|
*/
|
|
onSioLastRenderedUpdate(lastRenderedUpdate) {
|
|
this.$refs.lastRenderedImage.refreshLastRenderedImage(lastRenderedUpdate);
|
|
},
|
|
|
|
// SocketIO connection event handlers:
|
|
onSIOReconnected() {
|
|
},
|
|
onSIODisconnected(reason) {
|
|
},
|
|
},
|
|
}
|
|
</script>
|