Skip to content
This repository was archived by the owner on Oct 5, 2022. It is now read-only.
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added icingastats/Images/125x80.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added icingastats/Images/125x80.xcf
Binary file not shown.
Binary file added icingastats/Images/128x128.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added icingastats/Images/128x128.xcf
Binary file not shown.
Binary file added icingastats/Images/200x128.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added icingastats/Images/200x128.xcf
Binary file not shown.
Binary file added icingastats/Images/snapshot1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added icingastats/Images/snapshot2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
71 changes: 71 additions & 0 deletions icingastats/description.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<html>

<head>
<link rel="stylesheet" type="text/css" href="preview.css">
</head>

<body>
<!--<%def name="title()">Icinga statistics</%def>-->
<div class="sectiontitle" id="previewtitle"><h2>Tile preview</h2></div>
<div class="saas_tile" id="tile">
<div class="saas_avatar saas_in">
<img src="Images/200x128.png">
</div>
<div class="saas_content">
<p class="saas_name saas_in">Icinga stats</p>
<div class="saas_controls">
<button class="meh">
<span class="js-icon text-success">+</span>
<span class="saas_msg" data-state_msg="Available" data-action_msg="Install">Available</span>
</button>
</div>
<div class="saas_description saas_in" id="tiledescription">Icinga is a monitoring system which checks the availability of your resources, notifies users of outages and provides extensive BI data.</div>
</div>
</div>

<div class="integration_content" id="int-overview">
<h2>Overview</h2>
<p>Get your alert statistics from icinga to Datadog</p>
<ul>
<li>Show your Systemalerts on a board</li>
</ul>
<p>
<img class="screenshot" src="Images/snapshot2.png" />
</p>
<ul>
<li>Visualize a alert history</li>
</ul>
<p>
<img class="screenshot" src="Images/snapshot1.png" />
</p>
</div>

<div class="integration_content" id="int-configuration">
<h2>Configuration</h2>
<p>
<em>To capture metrics you need to install and configure the Datadog Agent.</em>
</p>
<ol>
<li>Configure the Agent to connect to Icinga<br>
Edit conf.d/icingastats.yaml <br>
<pre class="textfile">
<code>
init_config:

instances:
- site: "SITENAME"
cgiurl: "https://YOUR.MONITORINGHOST.ch/cgi-bin/icinga"
username: "YOURICINGAUSER"
password: "YOURICINGAPASS"
# tags:
# - 'tag1:key1'
# - 'tag2:key2'

</code>
</pre>
</li>

</ol>
</div>
</body>
</html>
1 change: 1 addition & 0 deletions icingastats/metrics.csv

Large diffs are not rendered by default.

Binary file added icingastats/metrics.xlsx
Binary file not shown.
282 changes: 282 additions & 0 deletions icingastats/preview.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,282 @@
body {
font: 13px/1.5 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
}
.saas_tile {
position: relative;
float: left;
width: 208px;
height: 202px;
top: 0px;
text-align: center;
background:#f1f2f3;
margin: 1px;
overflow: hidden;
clear: right;
}

.saas_in{
position: relative;
top: 0px;
transition: all 0.2s ease;
}

.saas_tile:hover .saas_in{
top: -134px;
}

.saas_avatar {
position: relative;
margin: 4px 0 0;
}

.saas_name {
margin: 4px 0 0;
font-size: 14px;
font-weight: bold;
}

.saas_controls {
position: absolute;
bottom: 8px;
left: 0;
right: 0;
}
.saas_description {
margin: 42px 10px;
font-size: 12px;
}

button {
font-size: inherit;
line-height: 1.5em;
position: relative;
cursor: pointer;
margin: 0 2px;
padding: 3px 0.75em 4px;
font-weight: bold;
color: #4d4d4d;
background: #fff;
border: 1px solid #b4b4b4;
border-bottom-color: #aaa;
border-radius: 4px;
box-sizing: border-box;
box-shadow: none;
z-index: 10;
}

.text-success {
color: #55b81c !important;
}

span {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

#content {
display: none;
}

.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}

.integration_content {
width: 960px;
padding: 16px;
clear:both;
border: 1px solid #AAA;
margin: 40px 0px;
}

.integration_content .desc {
margin: 0;
}

.integration_header {
position: relative;
margin: 0 -16px 16px;
padding: 0 16px 0;
background-image: -webkit-linear-gradient(bottom, #eeeeee 0px, #ffffff 4px);
background-image: linear-gradient(to top, #eeeeee 0px, #ffffff 4px);
border-bottom: 1px solid #ddd;
z-index: 1;
}

.integration_logo {
float: left;
margin: 0 16px 16px 0;
width: 200px;
height: 128px;
border: 1px solid #ddd;
outline: 9px solid #fff;
outline-offset: -10px;
}

.integration_content h1 {
margin-bottom: 4px;
}



h1, h2, h3 {
font-family: 'OpenSans','Lucida Grande','Lucida Sans Unicode',sans-serif;
font-weight: bold;
color: #774aa4;

}
h1 {
color: #51326f;
font-size: 23px;
}

p, h1 {
margin: 0 0 16px;
}

.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.ui-tabs {
background: #FFFFFF;
position: relative;
padding: .2em;
zoom: 1;
border-radius: 0px;
border: 0px none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #a8a8a8;
background: #f6f6f6;
font-weight: bold;
color: #5F83B9;
}
.ui-tabs .ui-tabs-nav {
border-color: #a8a8a8;
border-width: 0px 0px 1px 0px;
margin: 0;
padding: 0;
background: transparent;
border-radius: 0px;
}


.ui-tabs .ui-tabs-nav li.ui-state-active {
background: #FFFFFF;
}

tabs-nav li.ui-state-default {
border-color: #a8a8a8;
}



.ui-tabs .ui-tabs-panel {
display: block;
border: 0;
padding: 1em 1.4em;
background: none;
font-size: 12px;
border-color: #a8a8a8;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-radius: 0px;
}

.ui-tabs-hide {
display: none !important;
}

.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 .2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none;
font-size: 12px;
}

.ui-tabs .ui-tabs-nav li.ui-state-default a {
color: #4f4f4f !important;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
}


pre.textfile {
position: relative;
margin: .5em 0 1em;
padding: 0 0 0 26px;
background-color: transparent;
}

pre code {
display: block;
padding: 0.5em;
color: #000;
background: #f8f8ff;
}

pre.textfile code {
background: #f9f9f9;
color: #222;
border: 2px solid #f0f0f0;
}

.integration_content .desc #int-configuration ol li {
margin: 0 0 16px;
}

button.primary {
color: #fff;
background: #3399cc;
border-color: #3399cc;
border-bottom-color: #297aa3;
}

.code_icon {
position: absolute;
top: 0;
left: 0px;
height: 34px;
width: 26px;
background: #EEE;

}

ul, ol {
padding: 0 0 0 2em;
}

.screenshot {
padding: 5px;
box-shadow: 0 0 10px #999;
}
1 change: 1 addition & 0 deletions icingastats/screenboard.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{}