p3xr.ng.component('p3xrMainStatistics', {
    template: require('./p3xr-main-statistics.html'),
    controller: function(p3xrCommon, p3xrRedisParser, p3xrSocket, $rootScope, $scope, $timeout) {

        const exclude = ['in', 'run', 'per']
        const include = ['sha1', ]
        const replace = {
            'perc': 'percent',
            'sec': 'seconds'
        }

        this.$onInit = () => {
            this.info = p3xr.state.info;
        }

        this.generateKey = (key) => {
            const keyElem = key.split('_').map((instance, index) => {
                if (replace.hasOwnProperty(instance)) {
                    instance = replace[instance]
                }
                if (include.includes(instance) || (instance.length < 4 && !exclude.includes(instance))) {
                    return instance.toUpperCase()
                } else if (index === 0) {
                    return instance[0].toUpperCase() + instance.substring(1)
                }
                return instance
            })

            return keyElem.join(' ')
        }

        $scope.$on('p3x-refresh-statistics-tabs', () => {
            $timeout(() => {
                this.info = {};
                $timeout(() => {
                    this.info = p3xr.state.info
                })
            })
        })

    }
})