kaiwa/clientapp/models/state.js

/*global app, $, me*/
"use strict";

var HumanModel = require('human-model');

module.exports = HumanModel.define({
    initialize: function () {
        var self = this;
        $(window).blur(function () {
            self.focused = false;
        });
        $(window).focus(function () {
            self.focused = true;
            if (me._activeContact) {
                me.setActiveContact(me._activeContact);
            }
            self.markActive();
        });

        app.desktop.on('sleep', function () {
            clearTimeout(this.idleTimer);
            console.log('went to sleep');
            self.markInactive();
        });

        self.cacheStatus = app.cache.state;
        app.cache.on('change', function (state) {
            self.cacheStatus = state;
        });

        document.addEventListener('deviceid', function (event) {
            self.deviceID = event.deviceid;
        });

        this.markActive();
    },
    session: {
        focused: ['bool', false, true],
        active: ['bool', false, false],
        connected: ['bool', false, false],
        hasConnected: ['bool', false, false],
        idleTimeout: ['number', false, 600000],
        idleSince: 'date',
        allowAlerts: ['bool', false, false],
        badge: 'string',
        pageTitle: 'string',
        hasActiveCall: ['boolean', false, false],
        cacheStatus: 'string',
        deviceID: ['string', false, ''],
        pageChanged: ['string', false, '']
    },
    derived: {
        title: {
            deps: ['pageTitle', 'badge'],
            fn: function () {
                var base = this.pageTitle ? 'Otalk - ' + this.pageTitle : 'Otalk';
                if (this.badge) {
                    return this.badge + ' • ' + base;
                }
                return base;
            }
        },
        deviceIDReady: {
            deps: ['connected', 'deviceID'],
            fn: function () {
                return (this.connected && !!this.deviceID);
            }
        },
        currentPageIsSettings: {
            deps: ['pageChanged'],
            fn: function () {
                return this.pageChanged === 'settings' ? 'active' : '';
            }
        }
    },
    markActive: function () {
        clearTimeout(this.idleTimer);

        var wasInactive = !this.active;
        this.active = true;
        this.idleSince = new Date(Date.now());

        this.idleTimer = setTimeout(this.markInactive.bind(this), this.idleTimeout);
    },
    markInactive: function () {
        if (this.focused) {
            return this.markActive();
        }

        this.active = false;
        this.idleSince = new Date(Date.now());
    }
});