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="toggleRAW=false;selectedConfigTab='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="right">{{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="right">{{isSynchronized ? 'SYNCHRONIZED' : 'NOT SYNCHRONIZED'}}</span></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" ng-show="groupConfiguration.config.syscheck">
                    <md-card-content>
                        <!-- Section title -->
                        <span class="wz-headline-title cursor-pointer wz-table-hover" tooltip="Click to see more details" tooltip-placement="right" ng-click="selectedConfigTab='fim';toggleRAW=false" ng-class="selectedConfigTab === 'fim' ? 'wz-font-weight-bold' : ''">File Integrity</span>
                        <md-divider class="wz-margin-top-10"></md-divider>
                        <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>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.frequency">
                            <span flex>Frrequency</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.frequency}}</span>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END FILE INTEGRITY -->

                <!-- POLICY MONITORING -->
                <md-card flex class="wz-md-card" ng-show="groupConfiguration.config.rootcheck">
                    <md-card-content>
                        <!-- Section title -->
                        <span class="wz-headline-title cursor-pointer wz-table-hover" tooltip="Click to see more details" tooltip-placement="right" ng-click="selectedConfigTab='pm';toggleRAW=false" ng-class="selectedConfigTab === 'pm' ? 'wz-font-weight-bold' : ''">Policy Monitoring</span>
                        <md-divider class="wz-margin-top-10"></md-divider>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.disabled">
                            <span flex>Disabled</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.disabled}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.base_directory">
                            <span flex>Base directory</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.frequency}}</span>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END POLICY MONITORING -->

                <!-- OPENSCAP -->
                <md-card flex class="wz-md-card" ng-show="groupConfiguration.config['open-scap']">
                    <md-card-content>
                        <!-- Section title -->
                        <span class="wz-headline-title cursor-pointer wz-table-hover" tooltip="Click to see more details" tooltip-placement="right" ng-click="selectedConfigTab='scap';toggleRAW=false" ng-class="selectedConfigTab === 'scap' ? 'wz-font-weight-bold' : ''">OpenSCAP</span>
                        <md-divider class="wz-margin-top-10"></md-divider>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap'].disabled">
                            <span flex>Disabled</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config['open-scap'].disabled}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap'].interval">
                            <span flex>Interval</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config['open-scap'].interval}}</span>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END OPENSCAP -->

                <!-- LOG COLLECTION -->
                <md-card flex class="wz-md-card" ng-show="groupConfiguration.config['localfile']">
                    <md-card-content>
                        <!-- Section title -->
                        <span class="wz-headline-title cursor-pointer wz-table-hover" tooltip="Click to see more details" tooltip-placement="right" ng-click="selectedConfigTab='log';toggleRAW=false" ng-class="selectedConfigTab === 'log' ? 'wz-font-weight-bold' : ''">Log Collection</span>
                        <md-divider class="wz-margin-top-10"></md-divider>
                        <div layout="row" class="wz-padding-top-10">
                            <span flex>Visualize all Log Collection settings</span>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END LOG COLLECTION -->

            </div>

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

                <!-- FILE INTEGRITY -->
                <md-card flex class="wz-md-card" ng-show="selectedConfigTab === 'fim' && !toggleRAW">
                    <md-card-content>

                        <!-- Section title -->
                        <div layout="row" layout-align="start center">
                            <span flex="85" class="wz-headline-title"><i class="fa fa-fw fa-shield"></i> File Integrity</span>
                            <md-switch flex="15" class="wz-md-switch" ng-model="toggleRAW">View JSON</md-switch>
                        </div>

                        <md-divider class="wz-margin-top-10"></md-divider>

                        <!-- Main settings -->
                        <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>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.frequency">
                            <span flex>Frrequency</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.frequency}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.alert_new_files">
                            <span flex>Alert new files</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.alert_new_files}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.skip_nfs">
                            <span flex>Skip NFS</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.skip_nfs}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.scan_on_start">
                            <span flex>Scan on start</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.scan_on_start}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.scan_time">
                            <span flex>Scan time</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.scan_time}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.scan_day">
                            <span flex>Scan day</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.scan_day}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.auto_ignore">
                            <span flex>Auto ignore</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.syscheck.auto_ignore}}</span>
                        </div>

                        <!-- No diff settings -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.nodiff">
                            <span class="wz-headline-title wz-padding-top-10">No diff</span>
                        </div>
                        <div ng-repeat="item in groupConfiguration.config.syscheck.nodiff">
                            <div ng-if="!item.type" layout="row" class="wz-padding-top-10">
                                <span flex>File</span>
                                <span flex class="text-right color-grey">{{item}}</span>
                            </div>
                            <div ng-if="item.type" layout="row" class="wz-padding-top-10">
                                <span flex>File</span>
                                <span flex class="text-right color-grey">{{item.item}}</span>
                            </div>
                            <div ng-if="item.type" layout="row" class="wz-padding-top-10">
                                <span flex>Type</span>
                                <span flex class="text-right color-grey">{{item.type}}</span>
                            </div>
                            <md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
                        </div>

                        <!-- Monitored files -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.directories">
                            <span class="wz-headline-title wz-padding-top-10">Monitored files</span>
                        </div>
                        <div ng-repeat="item in groupConfiguration.config.syscheck.directories">
                            <div ng-if="item.path" layout="row" class="wz-padding-top-10">
                                <span flex>Path</span>
                                <span flex class="text-right color-grey">{{item.path}}</span>
                            </div>
                            <div ng-if="item.check_all" layout="row" class="wz-padding-top-10">
                                <span flex>Check all</span>
                                <span flex class="text-right color-grey">{{item.check_all}}</span>
                            </div>
                            <div ng-if="item.realtime" layout="row" class="wz-padding-top-10">
                                <span flex>Realtime</span>
                                <span flex class="text-right color-grey">{{item.realtime}}</span>
                            </div>
                            <div ng-if="item.report_changes" layout="row" class="wz-padding-top-10">
                                <span flex>Report changes</span>
                                <span flex class="text-right color-grey">{{item.report_changes}}</span>
                            </div>
                            <md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
                        </div>

                        <!-- Ignored files -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.syscheck.ignore">
                            <span class="wz-headline-title wz-padding-top-10">Ignored files</span>
                        </div>
                        <div ng-repeat="item in groupConfiguration.config.syscheck.ignore">
                            <div ng-if="!item.type" layout="row" class="wz-padding-top-10">
                                <span flex>File</span>
                                <span flex class="text-right color-grey">{{item}}</span>
                            </div>
                            <div ng-if="item.type" layout="row" class="wz-padding-top-10">
                                <span flex>File</span>
                                <span flex class="text-right color-grey">{{item.item}}</span>
                            </div>
                            <div ng-if="item.type" layout="row" class="wz-padding-top-10">
                                <span flex>Type</span>
                                <span flex class="text-right color-grey">{{item.type}}</span>
                            </div>
                            <md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END FILE INTEGRITY -->

                <!-- POLICY MONITORING -->
                <md-card flex class="wz-md-card" ng-show="selectedConfigTab === 'pm' && !toggleRAW">
                    <md-card-content>

                        <!-- Section title -->
                        <div layout="row" layout-align="start center">
                            <span flex="85" class="wz-headline-title"><i class="fa fa-fw fa-check"></i> Policy Monitoring</span>
                            <md-switch flex="15" class="wz-md-switch" ng-model="toggleRAW">View JSON</md-switch>
                        </div>

                        <md-divider class="wz-margin-top-10"></md-divider>

                        <!-- Main settings -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.disabled">
                            <span flex>Disabled</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.disabled}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.base_directory">
                            <span flex>Base directory</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.frequency}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.frequency">
                            <span flex>Frequency</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.frequency}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.scanall">
                            <span flex>Scan all files</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.scanall}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.skip_nfs">
                            <span flex>Skip NFS</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.skip_nfs}}</span>
                        </div>

                        <!-- Checks -->
                        <div layout="row" class="wz-padding-top-10">
                            <span class="wz-headline-title wz-padding-top-10">Checks</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_unixaudit">
                            <span flex>Check UNIX Audit</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_unixaudit}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_dev">
                            <span flex>Check /dev</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_dev}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_files">
                            <span flex>Check files</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_files}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_if">
                            <span flex>Check interfaces</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_if}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_pids">
                            <span flex>Check PIDs</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_pids}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_policy">
                            <span flex>Check policy</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_policy}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_ports">
                            <span flex>Check ports</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_ports}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_sys">
                            <span flex>Check SYSt</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_sys}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_trojans">
                            <span flex>Check Trojans</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_trojans}}</span>
                        </div>

                        <!-- Windows Settings -->
                        <div layout="row" class="wz-padding-top-10">
                            <span class="wz-headline-title wz-padding-top-10">Windows Settings</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_winaudit">
                            <span flex>Check Windows Audit</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_winaudit}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_winapps">
                            <span flex>Check Windows apps</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_winapps}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_winmalware">
                            <span flex>Check Windows malware</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.check_winmalware}}</span>
                        </div>

                        <!-- Rootkit -->
                        <div layout="row" class="wz-padding-top-10">
                            <span class="wz-headline-title wz-padding-top-10">Rootkit</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_winaudit">
                            <span flex>Trojans path</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.rootkit_trojans[0]}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.check_winapps">
                            <span flex>Files path</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config.rootcheck.rootkit_files[0]}}</span>
                        </div>

                        <!-- System Audit Files -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.system_audit">
                            <span class="wz-headline-title wz-padding-top-10">System Audit Files</span>
                        </div>
                        <div ng-repeat="item in groupConfiguration.config.rootcheck.system_audit">
                            <div ng-if="item" layout="row" class="wz-padding-top-10">
                                <span flex class="color-grey">{{item}}</span>
                            </div>
                            <md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
                        </div>

                        <!-- Windows Audit Files -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.windows_audit">
                            <span class="wz-headline-title wz-padding-top-10">Windows Audit Files</span>
                        </div>
                        <div ng-repeat="item in groupConfiguration.config.rootcheck.windows_audit">
                            <div ng-if="item" layout="row" class="wz-padding-top-10">
                                <span flex class="color-grey">{{item}}</span>
                            </div>
                            <md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
                        </div>

                        <!-- Windows Apps Files -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.windows_apps">
                            <span class="wz-headline-title wz-padding-top-10">Windows Apps Files</span>
                        </div>
                        <div ng-repeat="item in groupConfiguration.config.rootcheck.windows_apps">
                            <div ng-if="item" layout="row" class="wz-padding-top-10">
                                <span flex class="color-grey">{{item}}</span>
                            </div>
                            <md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
                        </div>

                        <!-- Windows Malware Files -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config.rootcheck.windows_malware">
                            <span class="wz-headline-title wz-padding-top-10">Windows Malware Files</span>
                        </div>
                        <div ng-repeat="item in groupConfiguration.config.rootcheck.windows_malware">
                            <div ng-if="item" layout="row" class="wz-padding-top-10">
                                <span flex class="color-grey">{{item}}</span>
                            </div>
                            <md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END POLICY MONITORING -->

                <!-- OPENSCAP -->
                <md-card flex class="wz-md-card" ng-show="selectedConfigTab === 'scap' && !toggleRAW">
                    <md-card-content>

                        <!-- Section title -->
                        <div layout="row" layout-align="start center">
                            <span flex="85" class="wz-headline-title"><i class="fa fa-fw fa-sliders"></i> OpenSCAP</span>
                            <md-switch flex="15" class="wz-md-switch" ng-model="toggleRAW">View JSON</md-switch>
                        </div>

                        <md-divider class="wz-margin-top-10"></md-divider>

                        <!-- Main settings -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap'].disabled">
                            <span flex>Disabled</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config['open-scap'].disabled}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap'].interval">
                            <span flex>Interval</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config['open-scap'].interval}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap']['scan-on-start']">
                            <span flex>Scan on start</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config['open-scap']['scan-on-start']}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap'].ciscat_path">
                            <span flex>CIS-CAT path</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config['open-scap'].ciscat_path}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap'].java_path">
                            <span flex>Java path</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config['open-scap'].java_path}}</span>
                        </div>
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap'].timeout">
                            <span flex>Timeout</span>
                            <span flex class="text-right color-grey">{{groupConfiguration.config['open-scap'].timeout}}</span>
                        </div>

                        <!-- Content -->
                        <div layout="row" class="wz-padding-top-10" ng-if="groupConfiguration.config['open-scap'].content">
                            <span class="wz-headline-title wz-padding-top-10">Content</span>
                        </div>
                        <div ng-repeat="item in groupConfiguration.config['open-scap'].content">
                            <div ng-if="item.path" layout="row" class="wz-padding-top-10">
                                <span flex>Path</span>
                                <span flex class="text-right color-grey">{{item.path}}</span>
                            </div>
                            <div ng-if="item.type" layout="row" class="wz-padding-top-10">
                                <span flex>Type</span>
                                <span flex class="text-right color-grey">{{item.type}}</span>
                            </div>
                            <md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END OPENSCAP -->

                <!-- LOG COLLECTION -->
                <md-card flex class="wz-md-card" ng-show="selectedConfigTab === 'log' && !toggleRAW">
                    <md-card-content>

                        <!-- Section title -->
                        <div layout="row" layout-align="start center">
                            <span flex="85" class="wz-headline-title"><i class="fa fa-fw fa-reorder"></i> Log Collection</span>
                            <md-switch flex="15" class="wz-md-switch" ng-model="toggleRAW">View JSON</md-switch>
                        </div>

                        <md-divider class="wz-margin-top-10"></md-divider>

                        <!-- Log Files -->
                        <div ng-repeat="item in groupConfiguration.config['localfile']">
                            <div ng-if="item.location" layout="row" class="wz-padding-top-10">
                                <span flex>Location</span>
                                <span flex class="text-right color-grey">{{item.location}}</span>
                            </div>
                            <div ng-if="item.log_format" layout="row" class="wz-padding-top-10">
                                <span flex>Log format</span>
                                <span flex class="text-right color-grey">{{item.log_format}}</span>
                            </div>
                            <div ng-if="item.frequency" layout="row" class="wz-padding-top-10">
                                <span flex>Frequency</span>
                                <span flex class="text-right color-grey">{{item.frequency}}</span>
                            </div>
                            <div ng-if="item.query" layout="row" class="wz-padding-top-10">
                                <span flex>Query</span>
                                <span flex class="text-right color-grey">{{item.query}}</span>
                            </div>
                            <div ng-if="item.command" layout="row" class="wz-padding-top-10">
                                <span flex>Command</span>
                                <span flex class="text-right color-grey">{{item.command}}</span>
                            </div>
                            <div ng-if="item.alias" layout="row" class="wz-padding-top-10">
                                <span flex>Alias</span>
                                <span flex class="text-right color-grey">{{item.alias}}</span>
                            </div>
                            <div ng-if="item.label" layout="row" class="wz-padding-top-10">
                                <span flex>Label</span>
                                <span flex class="text-right color-grey">{{item.label}}</span>
                            </div>
                            <md-divider class="wz-margin-top-10" ng-if="!$last"></md-divider>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END LOG COLLECTION -->

                <!-- JSON VIEWER -->
                <md-card flex class="wz-md-card" ng-show="toggleRAW">
                    <md-card-content>

                        <!-- Section title -->
                        <div layout="row" layout-align="start center">
                            <span flex="85" class="wz-headline-title"><i class="fa fa-fw fa-eye"></i> JSON viewer</span>
                            <md-switch flex="15" class="wz-md-switch" ng-model="toggleRAW">View JSON</md-switch>
                        </div>

                        <md-divider class="wz-margin-top-10"></md-divider>

                        <!-- JSON viewer -->
                        <div flex class="wz-padding-top-10">
                            <pre flex class="wz-pre json-beautifier jsonbeauty2 wz-overflow-y-auto"><code wz-dynamic="rawJSON"></code></pre>
                        </div>
                    </md-card-content>
                </md-card>
                <!-- END JSON VIEWER -->

            </div>

        </div>

    </div>
</md-content>