person.js

module.exports = {

    data() {
        return {
            personData: []
        }
    },

    ready() {
        console.log('ready');

        // trigger function every 1 sec.
        // setInterval(this.triggerStats, 1000);

        // Listen for any push data from Pusher.com
        Echo.channel('public-test-channel')
            .listen('TrainingStats', (response) => {

                this.personData = [];

                let data = JSON.parse(response.data.original).data;

                let then = this;

                _.forEach(data, function(person) {
                    then.personData.push({
                        'username': person.person.username,
                        'lastMeasurementTime': person.person.created_at,
                        'lastMeasurementData': person.person.measurements,
                        'group': person.person.group,
                        'groupColor': person.person.groupColor,
                        'order': person.person.measurements[0].value
                    });
                });
            });


        // Watch for any changes in the json object.
        this.$watch('personData', function(value, mutation) {
            console.log('changed');
            console.log(value);
            console.log(mutation);
            if(mutation) {
                mutation.method // e.g. 'push'
                mutation.args // raw arguments to the mutation method
                mutation.result // return value
                mutation.inserted // new, inserted elements
                mutation.removed // removed elements
            }
        });


    },

    methods: {

        /**
         * Trigger route to send json data to Pusher.com
         */
        triggerStats() {
            this.$http.get('/triggerStats').then((response) => {
            }, (response) => {
            });
        },


    }


};