wazuh-kibana-app/public/templates/agents/agents-welcome.html

<div flex layout="column" layout-align="start stretch" ng-if="tab === 'welcome'" ng-show="!load">

    <!-- Headline -->
    <div layout="column" layout-padding>
        <span class="font-size-18"><i class="fa fa-fw fa-tv" aria-hidden="true"></i> Agent overview</span>
        <span class="md-subheader">Visualize the current overall status of this agent</span>
    </div>
    <!-- End headline -->

    <!-- Agent information section -->
    <div layout="row" layout-align="start center">
        <md-card flex class="wz-metric-color wz-md-card">
            <md-card-content layout="row" class="wz-padding-metric">
                <div class="wz-text-truncatable" flex>
                    Name: <span class="wz-text-bold">{{ agent.name }}</span>
                    <md-tooltip ng-if="agent.name.length > 25" md-direction="bottom" class="wz-tooltip">
                        Full name: {{ agent.name }}
                    </md-tooltip>
                </div>
                <div class="wz-text-truncatable" flex>
                    IP: <span class="wz-text-bold">{{ agent.ip }}</span>
                </div>
                <div class="wz-text-truncatable" flex ng-if="agent.group">
                    Group: <span class="wz-text-bold wz-text-link" ng-click="goGroups(agent)">{{ agent.group }}</span>
                </div>
                <div class="wz-text-truncatable" flex ng-if="agent.version">
                    Version: <span class="wz-text-bold">{{ agent.version }}</span>
                </div>
                <div class="wz-text-truncatable" flex>
                    OS: <span class="wz-text-bold">{{ agentOS }}</span>
                    <md-tooltip ng-if="agentOS.length > 25" md-direction="bottom" class="wz-tooltip">
                        Full OS name: {{ agentOS }}
                    </md-tooltip>
                </div>
            </md-card-content>
        </md-card>
    </div>
    <div layout="row" layout-align="start center">
        <md-card flex class="wz-metric-color wz-md-card">
            <md-card-content layout="row" class="wz-padding-metric">
                <div class="wz-text-truncatable" flex>Last keep alive:<span class="wz-text-bold"> {{agent.lastKeepAlive || 'Unknown' }}</span></div>
                <div class="wz-text-truncatable" flex>Registration date:<span class="wz-text-bold"> {{agent.dateAdd}}</span></div>
                <div class="wz-text-truncatable" flex ng-if="agent.syscheck.inProgress">Last syscheck scan:<span class="wz-text-bold"> Scan in progress</span></div>
                <div class="wz-text-truncatable" flex ng-if="!agent.syscheck.inProgress">Last syscheck scan:<span class="wz-text-bold"> {{agent.syscheck.end || 'Unknown'}}</span>
                    <md-tooltip ng-if="!agent.syscheck.inProgress && agent.syscheck.start && agent.syscheck.end" md-direction="bottom" class="wz-tooltip">
                        Start time: {{ agent.syscheck.start || 'Unknown'}} <br>
                        End time: {{ agent.syscheck.end || 'Unknown'}} <br>
                        Duration time: {{ agent.syscheck.duration +' minutes' || 'Unknown'}}
                    </md-tooltip>
                </div>
                <div class="wz-text-truncatable" flex ng-if="agent.rootcheck.inProgress">Last rootcheck scan:<span class="wz-text-bold"> Scan in progress</span></div>
                <div class="wz-text-truncatable" flex ng-if="!agent.rootcheck.inProgress">Last rootcheck scan:<span class="wz-text-bold"> {{agent.rootcheck.end || 'Unknown'}}</span>
                    <md-tooltip ng-if="!agent.rootcheck.inProgress && agent.rootcheck.start && agent.rootcheck.end" md-direction="bottom" class="wz-tooltip">
                        Start time: {{ agent.rootcheck.start || 'Unknown'}} <br>
                        End time: {{ agent.rootcheck.end || 'Unknown'}} <br>
                        Duration time: {{ agent.rootcheck.duration +' minutes' || 'Unknown'}}
                    </md-tooltip>
                </div>
            </md-card-content>
        </md-card>
    </div>
    <!-- End agent information section -->

    <!-- Host monitoring card -->
    <div layout="row" layout-align="start stretch" layout-wrap>
        <md-card flex class="wz-md-card">
            <md-card-content flex layout="column">
                <span class="wz-headline-title"><i class="fa fa-fw fa-server" aria-hidden="true"></i> Host monitoring</span>
                <md-divider class="wz-margin-top-10"></md-divider>
                <div layout="row" class="wz-padding-top-10">
                    <md-button ng-click="switchTab('general')" class="small wz-text-link">General</md-button>
                    <md-button ng-click="switchTab('fim')" class="small wz-text-link">File integrity</md-button>
                    <md-button ng-click="switchTab('configuration')" class="small wz-text-link">Configuration</md-button>
                    <md-button ng-show="syscollector && syscollector.os && syscollector.os.sysname" ng-click="switchTab('syscollector')" class="small wz-text-link">Inventory</md-button>
                </div>
            </md-card-content>
        </md-card>
    </div>
    <!-- End Host monitoring card -->

    <!-- System audit card -->
    <div layout="row" layout-align="start stretch" layout-wrap>
        <md-card flex class="wz-md-card">
            <md-card-content flex layout="column">
                <span class="wz-headline-title"><i class="fa fa-fw fa-flag" aria-hidden="true"></i> System audit</span>
                <md-divider class="wz-margin-top-10"></md-divider>
                <div layout="row" class="wz-padding-top-10">
                    <md-button ng-click="switchTab('pm')" class="small wz-text-link">Policy monitoring</md-button>
                    <md-button ng-show="extensions.audit" ng-click="switchTab('audit')" class="small wz-text-link">Audit</md-button>
                    <md-button ng-show="extensions.oscap" ng-click="switchTab('oscap')" class="small wz-text-link">Open SCAP</md-button>
                    <md-button ng-show="extensions.ciscat" ng-click="switchTab('ciscat')" class="small wz-text-link">CIS-CAT</md-button>
                </div>
            </md-card-content>
        </md-card>
    </div>
    <!-- End System audit card -->

    <!-- Security card -->
    <div layout="row" layout-align="start stretch" layout-wrap>
        <md-card flex class="wz-md-card">
            <md-card-content flex layout="column">
                <span class="wz-headline-title"><i class="fa fa-fw fa-shield" aria-hidden="true"></i> Security</span>
                <md-divider class="wz-margin-top-10"></md-divider>
                <div layout="row" class="wz-padding-top-10">
                    <md-button ng-click="switchTab('vuls')" class="small wz-text-link">Vulnerabilities</md-button>
                    <md-button ng-show="extensions.virustotal" ng-click="switchTab('virustotal')" class="small wz-text-link">VirusTotal</md-button>
                </div>
            </md-card-content>
        </md-card>
    </div>
    <!-- End Security card -->

    <!-- Compliance card -->
    <div layout="row" layout-align="start stretch" layout-wrap ng-show="extensions.pci || extensions.gdpr">
        <md-card flex class="wz-md-card">
            <md-card-content flex layout="column">
                <span class="wz-headline-title"><i class="fa fa-fw fa-check" aria-hidden="true"></i> Compliance</span>
                <md-divider class="wz-margin-top-10"></md-divider>
                <div layout="row" class="wz-padding-top-10">
                    <md-button ng-show="extensions.pci" ng-click="switchTab('pci')" class="small wz-text-link">PCI DSS</md-button>
                    <md-button ng-show="extensions.gdpr" ng-click="switchTab('gdpr')" class="small wz-text-link">GDPR</md-button>
                </div>
            </md-card-content>
        </md-card>
    </div>
    <!-- End Compliance card -->

</div>