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

61 lines
3.5 KiB
HTML

<div flex ng-cloak ng-if="!loading && submenuNavItem == 'logs'" layout="column" ng-controller="managerLogController" class="manager-background">
<div layout="row" layout-align="start start" style="height: 70px;">
<md-input-container class="md-whiteframe-z1" flex="20" style="margin-right: 15px;margin-left: 15px;padding: 3px;">
<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-right: 15px;margin-left: 15px;padding: 3px;">
<div flex layout="column" class="md-padding">
<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 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>