<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>M/Monit Reports | Events</title>
    <meta name="theme-color" content="#3D3E40">
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="M/Monit" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <link rel="apple-touch-icon" href="../../img/apple-touch-icon.png"/>
    <link rel="manifest" href="../../img/manifest.webmanifest">
    <script src="../../lib/js/appearance.js"></script>
    <link rel="stylesheet" href="../../lib/css/styles.css?version=430">
    <link rel="stylesheet" href="../../assets/reports/events.css?version=430">
</head>
<body>
    <div id="wrap">
        <div id="fixed-header">
            <div id="fake-status-bar"></div>
            <div id="header">
                <div id="nav">
                    <a id="logo" target="webapp" href="../../"></a>
                    <a id="logout" title="Logout" target="webapp" href="../../login/logout.csp"></a>
                    <ul id="menu">
                        <li>
                            <a target="webapp" href="../../index.csp">Dashboard</a>
                        </li>
                        <li>
                            <a target="webapp" href="../../status/hosts/">Status</a>
                        </li>
                        <li class="active">
                            <a target="webapp" href="../../reports/analytics/">Reports</a>
                            <ul>
                                <li><a target="webapp" href="../../reports/analytics/">Analytics</a></li>
                                <li><a target="webapp" href="../../reports/uptime/">Uptime</a></li>
                                <li><a target="webapp" href="../../reports/events/">Events</a></li>
                            </ul>
                        </li>
                        <li>
                            <?cs if:#Request.Param.IsAdmin ?>
                            <a target="webapp" href="../../admin/general/">Admin</a>
                            <ul>
                                <li><a target="webapp" href="../../admin/general/">General</a></li>
                                <li><a target="webapp" href="../../admin/hosts/">Hosts</a></li>
                                <li><a target="webapp" href="../../admin/groups/">Groups</a></li>
                                <li><a target="webapp" href="../../admin/users/">Users</a></li>
                                <li><a target="webapp" href="../../admin/roles/">Roles</a></li>
                                <li><a target="webapp" href="../../admin/alerts/">Alerts</a></li>
                                <li><a target="webapp" href="../../admin/settings/">Settings</a></li>
                            </ul>
                            <?cs else ?>
                            <a target="webapp" href="../../admin/users/edit?id=<?cs var:Request.Param.RemoteUserId ?>"><span>Profile</span></a>
                            <?cs /if ?>
                        </li>
                        <li id="logout-phone"><a target="webapp" href="../../login/logout.csp">Logout</a></li>
                    </ul>
                </div> <!-- nav -->
            </div><!-- header -->
        </div><!-- fixed-header -->
    	<div id="main">
    	    <div id="title">
                <a href="#" id="help" class="help-button" title="Help" data-help="#helpbox"></a>
                <h1>Events</h1>
    	    </div>
            <div class="row-fluid yui-skin-sam">
                <div class="span3 position-relative">
                    <a href="#collapsable" data-toggle="collapse" class="toggle-drilldown visible-phone smallest-font">Toggle Drilldown &gt;</a>
                    <div id="collapsable" data-bind="css: {collapse: isPhone()}">
                        <div id="drilldown">
                            <div class="reset smallest-font">
                                <a data-bind="click: reset" href="#">Reset</a>
                            </div>
                            <div class="menuactive">
                                Active Only:
                                <div class="switch-button toright">
                                    <input name="active" type="checkbox" data-bind="checked: active" />
                                    <label data-bind="click: toggleActive" for="active"></label>
                                </div>
                            </div>
                            <input class="searchfield" id="host" size="15" placeholder="Find hosts..." value="">
                            <div class="btn-group btn-block">
                                <button class="btn btn-block dropdown-toggle" data-toggle="dropdown"><span class="caret"></span><span data-bind="text: hostgroupsLabel"></span></button>
                                <ul class="dropdown-menu" data-bind="foreach: hostgroups">
                                    <li data-bind="click:$root.selectHostgroup, css:{checked:selected}">
                                        <span data-bind="text: name"></span>
                                    </li>
                                    <!-- ko if: $index() === 0 -->
                                    <li class="divider"></li>
                                    <!-- /ko -->
                                </ul>
                            </div>
                            <div class="btn-group btn-block">
                                <button class="btn btn-block dropdown-toggle" data-toggle="dropdown"><span class="caret"></span><span data-bind="text: servicesLabel"></span></button>
                                <ul class="dropdown-menu" data-bind="foreach: services">
                                    <li data-bind="click:$root.selectService, css:{checked:selected}">
                                        <span data-bind="text: name"></span>
                                    </li>
                                    <!-- ko if: $index() === 0 -->
                                    <li class="divider"></li>
                                    <!-- /ko -->
                                </ul>
                            </div>
                            <div class="btn-group btn-block">
                                <button class="btn btn-block dropdown-toggle" data-toggle="dropdown"><span class="caret"></span><span data-bind="text: servicegroupsLabel"></span></button>
                                <ul class="dropdown-menu" data-bind="foreach: servicegroups">
                                    <li data-bind="click:$root.selectServicegroup, css:{checked:selected}">
                                        <span data-bind="text: name"></span>
                                    </li>
                                    <!-- ko if: $index() === 0 -->
                                    <li class="divider"></li>
                                    <!-- /ko -->
                                </ul>
                            </div>
                            <div class="btn-group btn-block">
                                <button class="btn btn-block dropdown-toggle" data-toggle="dropdown"><span class="caret"></span><span data-bind="text: servicetypesLabel"></span></button>
                                <ul class="dropdown-menu" data-bind="foreach: servicetypes">
                                    <li data-bind="click:$root.selectServiceType, css:{checked:selected}">
                                        <span data-bind="text: name"></span>
                                    </li>
                                    <!-- ko if: $index() === 0 -->
                                    <li class="divider"></li>
                                    <!-- /ko -->
                                </ul>
                            </div>
                            <div class="btn-group btn-block">
                                <button class="btn btn-block dropdown-toggle" data-toggle="dropdown"><span class="caret"></span><span data-bind="text: eventtypesLabel"></span></button>
                                <ul class="dropdown-menu" data-bind="foreach: eventtypes">
                                    <li data-bind="click:$root.selectEventType, css:{checked:selected}">
                                        <span data-bind="text: name"></span>
                                    </li>
                                    <!-- ko if: $index() === 0 -->
                                    <li class="divider"></li>
                                    <!-- /ko -->
                                </ul>
                            </div>
                            <div class="btn-group btn-block">
                                <button class="btn btn-block dropdown-toggle" data-toggle="dropdown"><span class="caret"></span><span data-bind="text: statetypesLabel"></span></button>
                                <ul class="dropdown-menu" data-bind="foreach: statetypes">
                                    <li data-bind="click:$root.selectStateType, css:{checked:selected}">
                                        <span data-bind="text: name"></span>
                                    </li>
                                    <!-- ko if: $index() === 0 -->
                                    <li class="divider"></li>
                                    <!-- /ko -->
                                </ul>
                            </div>
                            <div class="btn-group btn-block">
                                <button class="btn btn-block" id="datefrom" data-date-format="yyyy-mm-dd" data-date="1970-01-01"><span class="caret"></span><span data-bind="text: datefromLabel"></span></button>
                            </div>
                            <div class="btn-group btn-block">
                                <button class="btn btn-block" id="dateto" data-date-format="yyyy-mm-dd" data-date="1970-01-01"><span class="caret"></span><span data-bind="text: datetoLabel"></span></button>
                            </div>
                        </div> <!-- drilldown -->
                    </div> <!-- span3 -->
                </div> <!-- collapsable -->
                <div class="span9" id="data">
                    <div id="events">
                        <!-- Avoid render reshuffle by having an initial dimensional value to render in the DOM: -->&nbsp;
                    </div>
                    <div id="pagingBottom"></div>
                </div>
            </div> <!-- row-fluid -->
    	</div> <!-- main -->
    </div> <!-- wrap -->
    <div id="footer">
        <div class="toleft hidden-phone">Logged in as <?cs var:Request.RemoteUser ?></div>
        <div class="toright hidden-phone">
            <ul class="piped">
                <li>Copyright &copy; 2024 <a href="https://tildeslash.com/">Tildeslash</a>. All Rights Reserved.</li>
                <li><a href="https://mmonit.com/">M/Monit</a></li>
                <li><a href="https://mmonit.com/monit/">Monit</a></li>
                <li><a href="https://mmonit.com/wiki/">Wiki</a></li>
            </ul>
        </div>
        <div id="copy" class="visible-phone">Copyright &copy; 2024 <a href="https://tildeslash.com/">Tildeslash</a>. All Rights Reserved.</div>
    </div> <!-- footer -->
    <div id="helpbox">
        <div class="title"><h2>Events Help</h2></div>
        <div class="content paragraphify">
            <p>
                The Events log can be used to browse all events reported by Monit and stored in M/Monit’s database. The log is initially sorted on date in descending order.
                I.e. the latest events are listed first. Internally, M/Monit buffer new events in an event queue and flushes new events to the log every 5 seconds. The
                events log will grow over time as no events are removed by default. This can be changed in the <a target="webapp" href="../../admin/general/">admin</a>
                page. See the [Delete events] setting at the bottom of the page.
            </p>
            <p>
                Use the drill-down menu on the left to filter the log on various criteria. One useful criteria is date. For instance, you can show events for a
                certain date or within a certain range by using the Date From and Date Until calendar buttons. Hint: If you click the month in the calendar you
                can quickly navigate by year or month.
            </p>
            <p>
                If you enter a Host name in the search field, only events for that host are displayed. Furthermore, only services for that host are displayed in
                the [All Services] drop-down, and [Service Group] will only display Service Groups, if any, for the Host.
            </p>
            <p>
                Values set in the drill-down menu are <i>persistent</i> across page loads. Use the reset link to reset all drill-down values.
            </p>
            <h3>
                Active Only
            </h3>
            <p>
                If the [Active Only] switch is turned on, only active failed events are displayed. That is, failed events that do not have a corresponding succeed event.
                This list is the same as the [Active errors and warnings] list displayed in the dashboard except dismissed events in the dashboard are also shown here. If
                the table is empty, then all is good since it means that there are no unsolved failed events in the system.
            </p>
        </div> <!-- content -->
    </div> <!-- helpbox -->
    <script src="../../lib/f/yui/2/utilities/utilities.js?version=430"></script>
    <script src="../../lib/f/jquery/jquery.js?version=430"></script>
    <script src="../../lib/f/jquery/jquery.mobile.vmouse.js?version=430"></script>
    <script src="../../lib/js/webapp.js?version=430"></script>
    <script src="../../lib/f/jquery/jquery.getUrlParam.js?version=430"></script>
    <script src="../../lib/js/error.js?version=430"></script>
    <script src="../../lib/js/math.js?version=430"></script>
    <script src="../../lib/js/ui.js?version=430"></script>
    <script src="../../lib/js/datatable.js?version=430"></script>
    <script src="../../lib/f/knockout/knockout.js?version=430"></script>
    <script src="../../lib/js/menu.js?version=430"></script>
    <script src="../../lib/f/twbootstrap/js/bootstrap.js?version=430"></script>
    <script src="../../lib/f/datepicker/js/bootstrap-datepicker.js?version=430"></script>
    <script src="../../lib/f/strftime/strftime.js?version=430"></script>
    <script src="../../assets/reports/events.js?version=430"></script>
    <script src="../../lib/js/help.js?version=430"></script>
</body>
</html>
