wazuh-kibana-app/public/templates/manager-osseclog.html

<div flex ng-cloak ng-if="!loading && submenuNavItem == 'logs'" layout="column" ng-controller="managerLogController">
    <div layout="row" layout-align="start start" class="horizontal-menu-right" style="background: #f7f7f7; height: 70px;">
        <md-input-container class="md-whiteframe-z1" flex="20" style="margin-right: 15px;margin-left: 20px;padding: 3px;margin-right: 10px;">
            <md-select id="categoryBox" ng-model="category" ng-change="category == 'all' ? logs.removeFilter('category', true) : logs.addFilter('category', category)"
                aria-label="Logs category">
                <md-option selected value="all">Choose daemon</md-option>
                <md-option ng-repeat="(key, value) in summary" value="{{key}}">{{key}}</md-option>
            </md-select>
        </md-input-container>

        <md-input-container class="md-whiteframe-z1" flex="20" style="margin-right: 0px;margin-left: 20px;padding: 3px;margin-right: 10px;">
            <md-select id="levelBox" ng-model="type_log" ng-change="type_log == 'all' ? logs.removeFilter('type_log', true) : logs.addFilter('type_log', type_log)"
                aria-label="Logs level">
                <md-option selected value="all">Choose log level</md-option>
                <md-option value="info">Info</md-option>
                <md-option value="error">Error</md-option>
                <md-option value="warning">Warning</md-option>
            </md-select>
        </md-input-container>

        <div flex layout="row" layout-align="end end">
            <span>
                <md-button ng-if="!realtime" class="md-primary md-whiteframe-z1 buttonMenu" ng-click="playRealtime()" style="margin-top: 20px; width: 180px">
                    <i class="fa fa-play" aria-hidden="true" style="margin-top: 0px; margin-right: 15px; margin-bottom: 5px;"></i>
                    Play realtime
                </md-button>
                <md-button style="margin-top: 20px; width: 180px" ng-if="realtime" class="md-primary md-whiteframe-z1 buttonMenu" ng-click="playRealtime()">
                    <i class="fa fa-stop" aria-hidden="true" style="margin-top: 0px; margin-right: 15px; margin-bottom: 5px;"></i>
                    Stop realtime
                </md-button>
            </span>
        </div>
    </div>

    <input placeholder="Filter" type="text" ng-model="searchTerm" ng-change="logs.addFilter('search', searchTerm)" class="input-filter-box"
        style="height: 35px; width:auto; margin: 5px;">

    <md-toolbar flex layout="row" class="md-toolbar-tools">
        <span flex=10>Timestamp</span>
        <span flex=10>Tag</span>
        <span flex=10>Level</span>
        <span flex>Description</span>
    </md-toolbar>

    <div flex layout="row">
        <div layout="column" flex>
            <div flex style="overflow: auto; height:400px;" id="groups-id" layout="column" when-scrolled="logs.nextPage('')">
                <md-list>
                    <md-list-item ng-repeat="log in logs.items | filter : searchTerm" ng-mouseover="log.hovered=true" ng-mouseleave="log.hovered=false"
                        layout="row" class="groups-button">
                        <span flex=10>{{log.timestamp}}</span>
                        <span flex=10>{{log.tag}}</span>
                        <span flex=10>{{log.level}}</span>
                        <span flex>{{log.description}}</span>
                        <div flex layout="row" layout-align="end center"></div>
                    </md-list-item>
                </md-list>
            </div>
        </div>
    </div>
</div>