src/angular/layout/p3xr-layout.html

<p3xr-button ng-if="!$root.p3xr.state.failed" ui-sref="main.statistics" p3xr-label="$root.p3xr.strings.title.name" p3xr-fa-icon="fas fa-database"></p3xr-button>
            <p3xr-button ng-if="$root.p3xr.state.failed" ng-click="$root.locationReload()" p3xr-label="$root.p3xr.strings.title.name" p3xr-fa-icon="fas fa-redo"></p3xr-button>

<p3xr-button ng-if="!$root.p3xr.state.failed"  ui-sref="settings" p3xr-label="$root.p3xr.strings.intention.settings" p3xr-md-icon="settings"></p3xr-button>

<p3xr-button ng-if="$root.hasConnected()" ui-sref="overview" p3xr-label="$root.p3xr.strings.intention.overview" p3xr-md-icon="info"></p3xr-button>

<p3xr-button ng-if="$root.p3xr.state.connection" ui-sref="main.statistics" p3xr-label="$root.p3xr.strings.intention.main" p3xr-md-icon="home"></p3xr-button>
        </div>
    </md-toolbar>
</div>

<div id="p3xr-layout-header-version" md-colors="{ color: 'background-A100' }" hide-xs>v{{ $root.p3xr.pkg.version }}</div>

<p3xr-button ng-click="$mdMenu.open($event)" p3xr-label="$ctrl.connectionName" p3xr-md-icon="power" p3xr-tooltip-direction="top"></p3xr-button>

<md-menu-content>
                    <md-menu-item ng-repeat="connection in $root.p3xr.state.connections.list"  ng-class="{'p3xr-md-menu-item-selected': $root.p3xr.state.connection.id  === connection.id}">
                        <md-button ng-click="$ctrl.connect(connection)">
                            {{ connection.name }}
                        </md-button>
                    </md-menu-item>
                </md-menu-content>
            </md-menu>

<md-menu ng-if="$ctrl.showLanguageSelector === true">
                <p3xr-button ng-click="$mdMenu.open($event)" p3xr-label="$root.p3xr.strings.intention.language" p3xr-md-icon="language" p3xr-tooltip-direction="top"></p3xr-button>
                <md-menu-content>
                    <md-menu-item ng-repeat="(key, value) in $root.p3xr.strings.language" ng-class="{'p3xr-md-menu-item-selected': $root.p3xr.settings.language.current === key}">
                        <md-button ng-click="$ctrl.setLanguage(key)">
                            {{ $root.p3xr.strings.language[key] }}
                        </md-button>
                    </md-menu-item>
                </md-menu-content>
            </md-menu>

<md-menu>
                <p3xr-button ng-click="$mdMenu.open($event)" p3xr-label="$root.p3xr.strings.intention.theme" p3xr-md-icon="color_lens" p3xr-tooltip-direction="top"></p3xr-button>
                <md-menu-content>
                    <md-menu-item ng-repeat="(key, value) in $root.p3xr.theme" ng-class="{'p3xr-md-menu-item-selected': $ctrl.themeSelectedKey === key}">
                        <md-button ng-click="$ctrl.setTheme(key)">
                            {{ $root.p3xr.strings.label.theme[key] }}
                        </md-button>
                    </md-menu-item>
                </md-menu-content>
            </md-menu>

<md-menu>
               <p3xr-button ng-click="$mdMenu.open($event)" p3xr-label="$root.p3xr.strings.intention.github" p3xr-fa-icon="fab fa-github" p3xr-tooltip-direction="top"></p3xr-button>

<md-menu-content>
                    <md-menu-item>
                        <md-button ng-click="$ctrl.openLink.github()">
                            {{ $root.p3xr.strings.intention.githubRepo }}
                        </md-button>
                    </md-menu-item>
                    <md-menu-item>
                        <md-button ng-click="$ctrl.openLink.githubTodo()">
                            {{ $root.p3xr.strings.intention.githubTodo }}
                        </md-button>
                    </md-menu-item>
                    <md-menu-item>
                        <md-button ng-click="$ctrl.openLink.githubChangelog()">
                            {{ $root.p3xr.strings.intention.githubChangelog }}
                        </md-button>
                    </md-menu-item>
                </md-menu-content>
            </md-menu>

</div>
    </md-toolbar>
</div>

<div id="p3xr-layout-reduced" ng-show="$root.p3xr.state.reducedFunctions" md-theme="{{ $root.p3xr.state.themeCommon }}" md-colors="{ background: 'warn', 'border-color': 'warn-900-0.5'}" ng-click="$ctrl.reducedFunctionalty()">
    <md-icon style="font-size: 20px;">warning</md-icon>
    {{ $root.p3xr.strings.label.reducedFunction }}
</div>

`/`	Focus search
`?`	Show this help
`Esc`	Unfocus input