<template>
    <div @click="updateDetails">Server #{{id}}</div>
</template>

<script>
import eventBus from '../Shared/EventBus';
export default {
    props: ['id', 'status'],
    created(){
        eventBus.$on('resetServer', (id) => {
            if (id === this.id)
            {
                this.status = 'Normal';
            }
        })
    },
    methods: {
        updateDetails(){
            eventBus.updateDetails(this.id, this.status);
        }
    }
}
</script>