const routes = ($stateProvider, $urlRouterProvider) => {

    $stateProvider.state({
        name: 'settings',
        url: '/settings',
        template: '<p3xr-settings></p3xr-settings>'
    })

    $stateProvider.state({
        name: 'main',
        url: '/main',
        template: '<p3xr-main></p3xr-main>'
    })

    $stateProvider.state({
        name: 'overview',
        url: '/overview',
        template: '<p3xr-overview></p3xr-overview>'
    })

    $stateProvider.state({
        name: 'console',
        url: '/console',
        template: '<p3xr-console></p3xr-console>'
    })

    $stateProvider.state('main.statistics', {
        url: '/statistics',
        template: '<p3xr-main-statistics></p3xr-main-statistics>',
        params: {
            action: null,
            expandedNodes: null,
            response: null,
        },
    });

    $stateProvider.state('main.key', {
        url: '/key/:key',
        template: '<p3xr-main-key></p3xr-main-key>',
        params: {
            resize: null,
        }
    });

    $stateProvider.state('socketio-error', {
        url: '/socketio-error',
        template: '<p3xr-error></p3xr-error>',
        params: {
            error: null
        }
    });

}

module.exports = routes