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

<div flex ng-cloak ng-if="!loading && submenuNavItem == 'logs'" class="mozilla-table-size-85" layout="column" ng-controller="managerLogController">

    <div layout="row" layout-align="start start" class="wz-padding-right-8 wz-padding-left-16">
        <div flex="20" layout="column" class="height-40 wz-margin-top-17 wz-margin-right-15 wz-select-input">
            <select flex class="kuiSelect wz-border-none cursor-pointer" ng-disabled="realtime" id="categoryBox" ng-model="category" ng-change="category == 'all' ? logs.removeFilter('category', true) : logs.addFilter('category', category)"
            aria-label="Logs category">
                <option value="all">Choose daemon</option>
                <option ng-repeat="(key, value) in summary" value="{{key}}">{{key}}</option>
            </select>
        </div>

        <div flex="20" layout="column" class="height-40 wz-margin-top-17 wz-select-input">
            <select flex class="kuiSelect wz-border-none cursor-pointer" ng-disabled="realtime" 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">
                <option value="all">Choose log level</option>
                <option value="info">Info</option>
                <option value="error">Error</option>
                <option value="warning">Warning</option>
            </select>
        </div>

        <span flex></span>
        <md-button ng-if="!realtime" class="wazuh-button md-raised md-primary manager-log-buttonplay" ng-click="playRealtime()" aria-label="Play realtime button">
            <i class="fa fa-play fa-fw" aria-hidden="true"></i>
            Play realtime
        </md-button>
        <md-button ng-if="realtime" class="wazuh-button md-raised md-primary manager-log-buttonplay" ng-click="stopRealtime()" aria-label="Stop realtime button">
            <i class="fa fa-stop fa-fw" aria-hidden="true"></i>
            Stop realtime
        </md-button>
    </div>

    <wz-search-bar isdisabled="realtime" class="wz-lateral-padding-16" data="logs" term="searchTerm" placetext="'Filter logs...'"></wz-search-bar>

    <div flex layout="column" class="md-padding no-padding-top">

        <!-- Standard -->
        <wz-table-header
            layout="row"
            data="logs"
            keys="[
            {name:'Timestamp',sortValue:'timestamp',size:15},
            {name:'Tag',sortValue:'tag',size:25},
            {name:'Level',sortValue:'level',size:10},
            {name:'Description'}
            ]"
            ng-if="!realtime">
        </wz-table-header>

        <!-- Realtime -->
        <wz-table-header
            layout="row"
            data="realLogs"
            keys="[
            {name:'Timestamp',size:15},
            {name:'Tag',size:25},
            {name:'Level',size:10},
            {name:'Description'}
            ]"
            ng-if="realtime">
        </wz-table-header>

        <!-- Standard -->
        <wz-table
            layout="column"
            flex
            data="logs"
            keys="[{col:'timestamp',size:15,truncatable:'true'},{col:'tag',size:25,truncatable:'true'},{col:'level',size:10,truncatable:'true'},{col:'description',truncatable:'false'}]"
            ng-if="!realtime"
            class="no-lateral-padding"
            nopointer="true"
            noheight="true">
        </wz-table>

        <!-- Realtime -->
        <wz-table
            layout="column"
            flex
            data="realLogs"
            keys="[{col:'timestamp',size:15,truncatable:'true'},{col:'tag',size:25,truncatable:'true'},{col:'level',size:10,truncatable:'true'},{col:'description',truncatable:'false'}]"
            ng-if="realtime"
            class="no-lateral-padding",
            noscroll="true"
            nopointer="true"
            noheight="true">
        </wz-table>
        <div layout="row" class="wz-margin-top-10">
            <span flex></span>
            <a class="small" id="btnDownload" ng-click="downloadCsv()">Formatted <i aria-hidden="true" class="fa fa-download"></i></a>
        </div>
    </div>
</div>