broadcasting.vue

export default {
	name: 'broadcasting',
	data() {
		return {
			broadcasting: this.$broadcasting
		}
	},
	computed: {
		...mapState('auth', {
			currentUser: (state) => state.currentUser,
		}),
	},
	watch: {
		currentUser:{
			deep: true,
			immediate: true,
			handler(){
				this.attemptConnect()
			}
		}
	},
	methods: {
		attemptConnect(){
			if(this.broadcasting){
				if(!this.$auth.loggedIn && this.broadcasting.isConnected){
					this.broadcasting.disconnect()
				}else if(this.$auth.loggedIn && !this.broadcasting.isConnected){
					this.broadcasting.connect()
				}
			}
		},
		confirm(){
			// this.$q.dialog({
			// 	title: 'Realtime Sync',
			// 	message: 'Realtime synchronization enables notifications and live job updates.',
			// 	color: 'green',
			// 	ok: (this.broadcasting.isConnected ? 'Ok' : 'Enable'),
			// 	preventClose: true,
			// }).then(()=>{
			// 	if(!this.broadcasting.isConnected){
			// 		this.broadcasting.connect()
			// 	}
			// }).catch(()=>{
			// })
		},
	},
	created(){
		this.$events.$on('broadcasting:connect', this.broadcasting.connect)
		this.$events.$on('broadcasting:disconnect', this.broadcasting.disconnect)
	},
	beforeDestroy(){
		this.broadcasting.disconnect()
		this.$events.$off('broadcasting:connect', this.broadcasting.connect)
		this.$events.$off('broadcasting:disconnect', this.broadcasting.disconnect)
	}
}