created docker-prometheus compose file and edited the Prometheus yml file
This commit is contained in:
Brian Christner
7
prom/web/blob/static/css/alerts.css
Normal file
7
prom/web/blob/static/css/alerts.css
Normal file
@ -0,0 +1,7 @@
|
||||
.alert_header {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.alert_details {
|
||||
display: none;
|
||||
}
|
||||
170
prom/web/blob/static/css/graph.css
Normal file
170
prom/web/blob/static/css/graph.css
Normal file
@ -0,0 +1,170 @@
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.eval_stats {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.graph_wrapper {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.graph {
|
||||
position: relative;
|
||||
left: 40px;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
#add_graph {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.nav-tabs > li > a {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.graph svg {
|
||||
border-top: 1px solid #aaa;
|
||||
border-right: 1px solid #aaa;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.legend {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 0 0 0 40px;
|
||||
}
|
||||
|
||||
.graph_area {
|
||||
position: relative;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
margin: 5px 0 5px 0;
|
||||
}
|
||||
|
||||
.y_axis {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
bottom: 0;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.graph .detail .item.active {
|
||||
line-height: 1.4em;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.labels {
|
||||
font-size: 11px;
|
||||
line-height: 11px;
|
||||
}
|
||||
|
||||
.graph .detail .item .detail_swatch {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 2px 2px 0 8px;
|
||||
}
|
||||
|
||||
input[title=*]:hover:after {
|
||||
content: attr(title);
|
||||
}
|
||||
|
||||
.config input, .config select {
|
||||
height: 12px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.config label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.console_table {
|
||||
margin: 5px 0px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
select name="insert_metric" {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.datepicker {
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
input[name="end_input"], input[name="range_input"] {
|
||||
margin-left: -1px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.error {
|
||||
padding: 5px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.btn, .form-control, .nav-tabs > li > a {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.prometheus_input_group {
|
||||
display: inline-block;
|
||||
margin: 10px 5px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.prometheus_input_group.range_input {
|
||||
margin-left: 39px;
|
||||
}
|
||||
|
||||
.prometheus_input_group .btn {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.prometheus_input_group .input {
|
||||
width: 100px;
|
||||
height: 29px;
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #555;
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
border: 1px solid #ccc;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
||||
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
}
|
||||
|
||||
.prometheus_input_group .date_input {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.expression_input {
|
||||
width: 100% !important;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.expression_select {
|
||||
width: 210px !important;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.graph_container .rickshaw_legend {
|
||||
background-color: #222222;
|
||||
border-radius: 0;
|
||||
}
|
||||
170
prom/web/blob/static/css/prom_console.css
Normal file
170
prom/web/blob/static/css/prom_console.css
Normal file
@ -0,0 +1,170 @@
|
||||
.navbar {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.prom_lhs_menu {
|
||||
float: left;
|
||||
margin-right: 2ex;
|
||||
background: #222;
|
||||
min-height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.prom_lhs_menu ul {
|
||||
list-style: none;
|
||||
padding-left: .5ex;
|
||||
margin-left: .5ex;
|
||||
}
|
||||
.prom_lhs_menu li {
|
||||
padding-right: 1ex;
|
||||
padding-left: 1ex;
|
||||
}
|
||||
.prom_lhs_menu a,
|
||||
.prom_lhs_menu li {
|
||||
color: #999999;
|
||||
display: block;
|
||||
}
|
||||
.prom_lhs_menu a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.prom_lhs_menu_selected a {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
li.prom_lhs_menu_selected {
|
||||
background: #555555;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.prom_lhs_menu li:hover {
|
||||
background: #666666;
|
||||
}
|
||||
|
||||
.prom_console_rhs {
|
||||
float: right;
|
||||
margin-left: 1ex;
|
||||
height: 100%;
|
||||
}
|
||||
.prom_console_rhs table {
|
||||
margin-top: 1ex;
|
||||
margin-bottom: 32px; /* Space for time control. */
|
||||
}
|
||||
.prom_console_rhs th {
|
||||
text-align: center;
|
||||
}
|
||||
.prom_console_rhs td:nth-child(2) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.prom_console_content {
|
||||
overflow: visible;
|
||||
margin-bottom: 32px; /* Space for time control. */
|
||||
}
|
||||
|
||||
a.prom_query_drilldown {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
a.prom_query_drilldown:hover, a.prom_query_drilldown:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
.prom_graph_table {
|
||||
}
|
||||
.rickshaw_legend {
|
||||
padding: 2px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.rickshaw_legend li {
|
||||
min-width: 0;
|
||||
}
|
||||
.rickshaw_legend ul li {
|
||||
list-style-type: none;
|
||||
display: inline-block;
|
||||
}
|
||||
.rickshaw_graph {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.prom_graph_hover_flipped.x_label {
|
||||
right: 0;
|
||||
}
|
||||
.prom_graph_hover_flipped.item {
|
||||
right: 10px;
|
||||
}
|
||||
.rickshaw_graph .detail .prom_graph_hover_flipped.item:before {
|
||||
content: "\25b8";
|
||||
left: auto;
|
||||
right: 1px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.prom_graph_ytitle {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
font-size: 11px;
|
||||
font-family: Arial;
|
||||
max-width: 13px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.prom_graph_xtitle {
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
font-family: Arial;
|
||||
}
|
||||
.prom_graph_loading {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.prom_graph_error {
|
||||
font-family: Arial;
|
||||
text-align: center;
|
||||
}
|
||||
a.prom_graph_link {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
.prom_graph_timecontrol {
|
||||
background: #222;
|
||||
position: fixed;
|
||||
padding: 2px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.prom_graph_timecontrol_inner {
|
||||
text-align: center;
|
||||
height: 31px;
|
||||
}
|
||||
|
||||
.prom_graph_timecontrol_group {
|
||||
display: inline-block;
|
||||
margin: 1px 5px;
|
||||
}
|
||||
.prom_graph_timecontrol_group .btn {
|
||||
font-size: 0.8em;
|
||||
border-radius: 0;
|
||||
height: 29px;
|
||||
}
|
||||
|
||||
.prom_graph_timecontrol_group .input {
|
||||
height: 29px;
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #555;
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
border: 1px solid #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.prom_graph_timecontrol_group .dropdown-menu {
|
||||
min-width: 90px;
|
||||
}
|
||||
.prom_graph_timecontrol_group .dropdown-menu li {
|
||||
text-align: center;
|
||||
}
|
||||
23
prom/web/blob/static/css/prometheus.css
Normal file
23
prom/web/blob/static/css/prometheus.css
Normal file
@ -0,0 +1,23 @@
|
||||
/* Move down content because we have a fixed navbar that is 50px tall */
|
||||
body {
|
||||
padding-top: 50px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
th.job_header {
|
||||
font-size: 20px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.state_indicator {
|
||||
padding: 0 4px 0 4px;
|
||||
}
|
||||
|
||||
.literal_output td {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
.cursor-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
Reference in New Issue
Block a user