wazuh-kibana-app/public/templates/management/status.html

<div layout="column" layout-align="start stretch" ng-controller="managerStatusController as ctrl" ng-if="mctrl.tab === 'status'">

    <!-- Loading ring -->
    <div class='uil-ring-css' ng-show="ctrl.load">
        <div></div>
    </div>

    <!-- Headline -->
    <div ng-show="!ctrl.load" layout="row" layout-padding>
        <span class="font-size-18"><i class="fa fa-fw fa-heartbeat" aria-hidden="true"></i> Status</span>
    </div>
    <div ng-show="!ctrl.load" layout="row" layout-padding>
        <div flex layout="column" layout-align="center" class="height-40 wz-margin-right-15">
            <span class="md-subheader">Check the status of all Wazuh manager daemons <span ng-show="ctrl.selectedNode">({{ctrl.selectedNode}})</span></span>
        </div>
        <div ng-show="ctrl.selectedNode" layout="column" layout-align="center" class="height-40 wz-select-input">
            <select class="kuiSelect wz-border-none cursor-pointer max-height-35" id="categoryBox" ng-model="ctrl.selectedNode"
                ng-change="ctrl.changeNode(ctrl.selectedNode)" aria-label="Select node">
                <option ng-repeat="node in ctrl.nodes" value="{{node.name}}">{{node.name}}</option>
            </select>
        </div>
    </div>
    <!-- End headline -->

    <div layout="row" class="wz-margin-top-10 wz-margin-right-8 wz-margin-left-8" ng-show="ctrl.clusterError && !ctrl.load">
        <div flex class="euiCallOut euiCallOut--warning">
            <div class="euiCallOutHeader">
                <svg class="euiIcon euiIcon--medium euiCallOutHeader__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
                    <defs>
                        <path id="help-a" d="M13.6 12.186l-1.357-1.358c-.025-.025-.058-.034-.084-.056.53-.794.84-1.746.84-2.773a4.977 4.977 0 0 0-.84-2.772c.026-.02.059-.03.084-.056L13.6 3.813a6.96 6.96 0 0 1 0 8.373zM8 15A6.956 6.956 0 0 1 3.814 13.6l1.358-1.358c.025-.025.034-.057.055-.084C6.02 12.688 6.974 13 8 13a4.978 4.978 0 0 0 2.773-.84c.02.026.03.058.056.083l1.357 1.358A6.956 6.956 0 0 1 8 15zm-5.601-2.813a6.963 6.963 0 0 1 0-8.373l1.359 1.358c.024.025.057.035.084.056A4.97 4.97 0 0 0 3 8c0 1.027.31 1.98.842 2.773-.027.022-.06.031-.084.056l-1.36 1.358zm5.6-.187A4 4 0 1 1 8 4a4 4 0 0 1 0 8zM8 1c1.573 0 3.019.525 4.187 1.4l-1.357 1.358c-.025.025-.035.057-.056.084A4.979 4.979 0 0 0 8 3a4.979 4.979 0 0 0-2.773.842c-.021-.027-.03-.059-.055-.084L3.814 2.4A6.957 6.957 0 0 1 8 1zm0-1a8.001 8.001 0 1 0 .003 16.002A8.001 8.001 0 0 0 8 0z"></path>
                    </defs>
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#help-a" fill-rule="evenodd"></use>
                </svg>
                <span class="euiCallOutHeader__title">{{ctrl.clusterError}}</span>
            </div>
        </div>
    </div>

    <!-- Daemons status section -->
    <div layout="row" layout-align="start stretch" ng-show="!ctrl.load && !ctrl.clusterError">
        <md-card flex class="wz-md-card" ng-repeat="(k,v) in ctrl.daemons">
            <md-card-content>
                <center>
                    <p ng-class="ctrl.getDaemonStatusClass(v)" class="round"></p>
                    <p class="wz-padding-top-10">{{k}}</p>
                </center>
            </md-card-content>
        </md-card>
    </div>
    <!-- End daemons status section -->

    <!-- Agents status section -->
    <div layout="row" layout-align="start center" ng-show="!ctrl.load && !ctrl.clusterError">
        <md-card flex class="wz-metric-color wz-md-card">
            <md-card-content layout="row" class="wz-padding-metric">
                <div flex class="wz-text-truncatable">Total agents:
                    <span class="wz-text-bold">{{ctrl.agentsCountTotal}}</span>
                </div>
                <div flex class="wz-text-truncatable">Active:
                    <span class="wz-text-bold">{{ctrl.agentsCountActive}}</span>
                </div>
                <div flex class="wz-text-truncatable">Disconnected:
                    <span class="wz-text-bold">{{ctrl.agentsCountDisconnected}}</span>
                </div>
                <div flex class="wz-text-truncatable">Never connected: <span class="wz-text-bold">{{ctrl.agentsCountNeverConnected}}</span>
                </div>
                <div flex class="wz-text-truncatable">Agents coverage:
                    <span class="wz-text-bold">{{(ctrl.agentsCoverity | number:2)}}%</span>
                </div>
            </md-card-content>
        </md-card>
    </div>
    <!-- End agents status section -->

    <div layout="row" layout-align="start stretch" layout-wrap ng-if="!ctrl.load && !ctrl.clusterError">
        <!-- Manager information section -->
        <md-card flex class="wz-md-card">
            <md-card-content>
                <i class="fa fa-fw fa-server" aria-hidden="true"></i> <span ng-if="ctrl.selectedNode" class="wz-headline-title">{{ctrl.selectedNode}}
                    information</span> <span ng-if="!ctrl.selectedNode" class="wz-headline-title">Manager information</span>
                <md-divider class="wz-margin-top-10"></md-divider>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">Version</span>
                    <span class="wz-text-right color-grey">{{ctrl.managerInfo.version ? ctrl.managerInfo.version : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">Compilation date</span>
                    <span class="wz-text-right color-grey">{{ctrl.managerInfo.compilation_date ?
                        ctrl.managerInfo.compilation_date : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">Installation path</span>
                    <span class="wz-text-right color-grey">{{ctrl.managerInfo.path ? ctrl.managerInfo.path : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">Installation type</span>
                    <span class="wz-text-right color-grey">{{ctrl.managerInfo.type ? ctrl.managerInfo.type : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">Agents limit</span>
                    <span class="wz-text-right color-grey">{{ctrl.managerInfo.max_agents ? ctrl.managerInfo.max_agents : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">OpenSSL Support</span>
                    <span class="wz-text-right color-grey">{{ctrl.managerInfo.openssl_support ? ctrl.managerInfo.openssl_support
                        : '-'}}</span>
                </div>
            </md-card-content>
        </md-card>
        <!-- End manager information section -->

        <!-- Last registered agent section -->
        <md-card flex class="wz-md-card" ng-show="ctrl.agentInfo && ctrl.agentInfo.id !== '000'">
            <md-card-content>
                <i class="fa fa-fw fa-tv" aria-hidden="true"></i> <span class="wz-headline-title">Last registered agent</span>
                <md-divider class="wz-margin-top-10"></md-divider>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">Name</span>
                    <span class="wz-text-right color-grey">{{ctrl.agentInfo.name ? ctrl.agentInfo.name : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">ID</span>
                    <span class="wz-text-right color-grey">{{ctrl.agentInfo.id ? ctrl.agentInfo.id : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">Status</span>
                    <span class="wz-text-right color-grey">{{ctrl.agentInfo.status ? ctrl.agentInfo.status : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">IP Address</span>
                    <span class="wz-text-right color-grey">{{ctrl.agentInfo.ip ? ctrl.agentInfo.ip : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">Date add</span>
                    <span class="wz-text-right color-grey">{{ctrl.agentInfo.dateAdd ? ctrl.agentInfo.dateAdd : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">Version</span>
                    <span class="wz-text-right color-grey">{{ctrl.agentInfo.version ? ctrl.agentInfo.version : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10" ng-if="ctrl.agentInfo.id !== '000'">
                    <span flex="25">Last keep alive</span>
                    <span class="wz-text-right color-grey">{{ctrl.agentInfo.lastKeepAlive ? ctrl.agentInfo.lastKeepAlive : '-'}}</span>
                </div>
                <div layout="row" class="wz-padding-top-10">
                    <span flex="25">Operating system</span>
                    <span class="wz-text-right color-grey">{{ctrl.agentInfo.os.name ? ctrl.agentInfo.os.name +
                        ctrl.agentInfo.os.version : ctrl.agentInfo.os.uname ? ctrl.agentInfo.os.uname : '-'}}</span>
                </div>
            </md-card-content>
        </md-card>
        <!-- End last registered agent section -->
    </div>
</div>