mirror of
https://github.com/prymitive/karma
synced 2026-05-09 03:36:44 +00:00
ea62db3c2f
This allows to quickly select recently used filters from a dropdown. It also shows default (configured by unsee admin) filter and the saved one (saved by the user to a cookie)
188 lines
9.0 KiB
HTML
188 lines
9.0 KiB
HTML
<!DOCTYPE html>
|
|
<html class="full" lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<link rel="shortcut icon" id="favicon" href="{{ .WebPrefix }}static/dist/favicon.ico">
|
|
<title>(◕︵◕)</title>
|
|
|
|
{{ template "static/dist/templates/loader_shared.html" }}
|
|
{{ template "static/dist/templates/loader_unsee.html" }}
|
|
</head>
|
|
|
|
<body class="dark" data-raven-dsn="{{ .SentryDSN }}" data-unsee-version="{{ .Version }}">
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand text-center">
|
|
<strong id="alert-count">0</strong>
|
|
<div id="spinner" class="loader-inner line-scale-pulse-out" style="display: none;">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div id="navbar" class="navbar-collapse collapse">
|
|
<form class="navbar-form navbar-nav">
|
|
<div class="form-group">
|
|
<div class="input-group filterbar">
|
|
<div class="input-group-addon input-sm">
|
|
<i class="fa fa-search" id="filter-icon"></i>
|
|
</div>
|
|
<input id="filter"
|
|
class="form-control input-sm"
|
|
type="text"
|
|
autocomplete="off"
|
|
value="{{ .QFilter }}"
|
|
data-default-used="{{ .DefaultUsed }}"
|
|
data-default-filter="{{ .Config.FilterDefault }}"
|
|
autofocus>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li class="dropdown">
|
|
<a href="#" id="history" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"
|
|
title="Filter history" data-toggle="tooltip" data-placement="auto">
|
|
<i id="historyList" class="fa fa-history"></i>
|
|
</a>
|
|
<ul class="dropdown-menu" id="historyMenu"></ul>
|
|
</li>
|
|
<li>
|
|
<a href="{{ .WebPrefix }}help" id="help" role="button" title="Filter documentation" data-toggle="tooltip" data-placement="auto">
|
|
<i class="fa fa-question-circle"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" id="refresh" role="button" title="Refresh" data-toggle="tooltip" data-placement="auto">
|
|
<i class="fa fa-refresh"></i>
|
|
</a>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" id="settings" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"
|
|
title="Settings" data-toggle="tooltip" data-placement="auto">
|
|
<i id="menu" class="fa fa-bars"></i>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-form">
|
|
<li class="dropdown-header text-center" id="version">
|
|
{{ .Version }}
|
|
</li>
|
|
<li class="text-nowrap dropdown-switch">
|
|
<div class="checkbox">
|
|
<input type="checkbox" class="toggle" id="autorefresh"
|
|
data-label-text="Auto Refresh" checked="checked">
|
|
</div>
|
|
</li>
|
|
<li class="text-nowrap dropdown-switch">
|
|
<select class="form-control" id="refresh-interval">
|
|
<option value="10">10s refresh</option>
|
|
<option value="15" selected="selected">15s refresh</option>
|
|
<option value="20">20s refresh</option>
|
|
<option value="30">30s refresh</option>
|
|
<option value="45">45s refresh</option>
|
|
<option value="60">1m refresh</option>
|
|
<option value="120">2m refresh</option>
|
|
<option value="300">5m refresh</option>
|
|
</select>
|
|
</li>
|
|
<li class="text-nowrap dropdown-switch">
|
|
<div class="checkbox">
|
|
<input type="checkbox" class="toggle" id="show-flash"
|
|
data-label-text="Flash on changes" checked="checked">
|
|
</div>
|
|
</li>
|
|
<li class="text-nowrap dropdown-switch">
|
|
<div class="checkbox">
|
|
<input type="checkbox" class="toggle" id="append-top"
|
|
data-label-text="New alerts on top" checked="checked">
|
|
</div>
|
|
</li>
|
|
<li role="separator" class="divider"></li>
|
|
<li class="text-nowrap dropdown-switch text-center">
|
|
<button class="btn btn-success btn-sm btn-dropdown-action"
|
|
id="save-default-filter"
|
|
title="Save current filter as default"
|
|
data-toggle="tooltip"
|
|
data-placement="auto">
|
|
<i class="fa fa-save"></i>
|
|
</button>
|
|
<button class="btn btn-primary btn-sm btn-dropdown-action"
|
|
id="copy-settings-with-filter"
|
|
title="Copy link with current settings and filters to clipboard"
|
|
data-toggle="tooltip"
|
|
data-placement="auto">
|
|
<i class="fa fa-clipboard"></i>
|
|
</button>
|
|
<button class="btn btn-danger btn-sm btn-dropdown-action"
|
|
id="reset-settings"
|
|
title="Reset all settings to default value"
|
|
data-toggle="tooltip"
|
|
data-placement="auto">
|
|
<i class="fa fa-undo"></i>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container-fluid" id="container">
|
|
<div id="raven-error" class="alert alert-warning text-center hidden" role="alert"></div>
|
|
<div id="instance-errors"></div>
|
|
<div id="errors"></div>
|
|
<div id="alerts" data-static-color-labels="{{ .StaticColorLabels }}">
|
|
<div class="grid-sizer"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flash" id="flash">
|
|
</div>
|
|
|
|
<div class="modal fade" id="labelModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header text-center">
|
|
<div class="modal-title"></div>
|
|
</div>
|
|
<div class="modal-body"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="silenceModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header text-center">
|
|
<div class="modal-title">
|
|
<button class="close" type="button" data-dismiss="modal">
|
|
<i class="fa fa-close"></i>
|
|
</button>
|
|
<h4 class="modal-title">
|
|
<i class="fa fa-bell-slash"></i>
|
|
New silence
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
<div class="modal-body"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
{{ template "templates/alertgroup.html" }}
|
|
{{ template "templates/summary.html" }}
|
|
{{ template "templates/errors.html" }}
|
|
{{ template "templates/modal.html" }}
|
|
{{ template "templates/silence.html" }}
|
|
{{ template "templates/history.html" }}
|