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

<md-content flex layout="column" ng-if="tab === 'configuration' && configurationError" layout-align="start">

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

    <!-- View: Panels -->
    <div layout="column" layout-align="start stretch" ng-show="!load">
        <md-card flex class="wz-md-card">
            <md-card-content>
                <span class="wz-headline-title"><i class="fa fa-fw fa-warning"></i> Warning</span>
                <md-divider class="wz-margin-top-10"></md-divider>
                <div layout="row" class="wz-padding-top-10 wz-line-height">
                    This agent has never been connected, therefore no group has been assigned.
                </div>
                <div layout="row" class="wz-padding-top-10 wz-line-height">
                    Use the following links to learn about the agent registration process and grouping of agents:
                </div>
                <div layout="row" class="wz-padding-top-10 wz-line-height">
                    <ul>
                        <li>
                            <a href="https://documentation.wazuh.com/current/user-manual/registering/index.html">https://documentation.wazuh.com/current/user-manual/registering/index.html</a>
                        </li>
                        <li>
                            <a href="https://documentation.wazuh.com/current/user-manual/agents/grouping-agents.html">https://documentation.wazuh.com/current/user-manual/agents/grouping-agents.html</a>
                        </li>
                    </ul>
                </div>
            </md-card-content>
        </md-card>
    </div>

</md-content>

<md-content flex layout="column" ng-if="tab === 'configuration' && !configurationError" layout-align="start">

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

    <!-- The section container -->
    <div flex layout="column" layout-align="start stretch" ng-init="showRaw = false; configTab = 'fim'" ng-show="!load">

        <!-- First row - Configuration status and other details -->
        <div layout="row">
            <md-card flex class="wz-metric-color wz-md-card">
                <md-card-content layout="row" class="wz-padding-metric">
                    <div flex>Group: <span ng-click="goGroup()" class="wz-font-weight-bold cursor-pointer" tooltip="Click to go to the group details" tooltip-placement="bottom">{{groupName}} <i class="fa fa-eye"></i></span></div>
                    <div flex>Configuration status: <span class="wz-font-weight-bold" tooltip="The current synchronization status" tooltip-placement="bottom">{{isSynchronized ? 'SYNCHRONIZED' : 'NOT SYNCHRONIZED'}}</span></div>
                    <div flex><md-switch flex="10" ng-model="toggleRAW">View JSON</md-switch></div>
                </md-card-content>
            </md-card>
        </div>

        <div layout="row">
            <md-card flex class="wz-md-card">
                <md-card-content>
                    <span class="wz-headline-title">Details</span>
                    <md-divider class="wz-margin-top-10"></md-divider>
                    <div layout="row" class="wz-padding-top-10">
                        <p flex="15" class="manager-status-subtitle">Configuration group</p>
                        <p class="cursor-pointer color-pointer wz-table-hover" ng-click="goGroup()" tooltip="Click to go to the group details" tooltip-placement="right">{{groupName}} <i class="fa fa-eye"></i></p>
                    </div>
                    <div layout="row" class="wz-padding-top-10">
                        <p flex="15" class="manager-status-subtitle">Configuration status</p>
                        <p class="color-grey wz-font-weight-bold" ng-class="isSynchronized ? 'color-green' : 'color-red'" tooltip="The current synchronization status" tooltip-placement="right">{{isSynchronized ? 'SYNCHRONIZED' : 'NOT SYNCHRONIZED'}}</p>
                    </div>
                </md-card-content>
            </md-card>
        </div>

        <!-- Second row - The configuration section itself -->
        <div layout="row">

            <div flex="25">

                <!-- FILE INTEGRITY -->
                <md-card flex class="wz-md-card">
                    <md-card-content>
                        <!-- Section title -->
                        <span class="wz-headline-title cursor-pointer" tooltip="Click to see more details" tooltip-placement="right" ng-click="switchConfigTab('fim')">
                            File Integrity <i class="fa fa-eye"></i>
                        </span>
                        <md-divider class="wz-margin-top-10"></md-divider>
                        <div layout="row" class="wz-padding-top-10">
                            <span flex>View File Integrity settings</span>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END FILE INTEGRITY -->

                <!-- POLICY MONITORING -->
                <md-card flex class="wz-md-card">
                    <md-card-content>
                        <!-- Section title -->
                        <span class="wz-headline-title cursor-pointer" tooltip="Click to see more details" tooltip-placement="right" ng-click="switchConfigTab('pm')">
                            Policy Monitoring <i class="fa fa-eye"></i>
                        </span>
                        <md-divider class="wz-margin-top-10"></md-divider>
                        <div layout="row" class="wz-padding-top-10">
                            <span flex>View Policy Monitoring settings</span>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END POLICY MONITORING -->

            </div>

            <div flex="75" layout="row" layout-align="start stretch">

                <!-- FILE INTEGRITY -->
                <md-card flex class="wz-md-card" ng-show="configTab === 'fim' && !toggleRAW">
                    <md-card-content>
                        <!-- Section title -->
                        <span class="wz-headline-title"><i class="fa fa-fw fa-shield"></i> File Integrity</span>
                        <md-divider class="wz-margin-top-10"></md-divider>
                        <!-- No configuration panel -->
                        <div layout="column" ng-show="groupConfiguration.config.syscheck && configTab === 'fim'">
                            <h1 flex class="md-title text-center wz-padding-top-10">No FIM configuration available</h1>
                            <p flex class="text-center wz-padding-top-10">There's no FIM group configuration used for this agent.</p>
                        </div>
                        <!-- Full details -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.disabled">
                            <span flex>Disabled</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.disabled}}</span>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END FILE INTEGRITY -->

            </div>

        </div>

    </div>
</md-content>