tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Topbar 

refs #4824
This commit is contained in:
Susanne Vestner-Ludwig 2013-10-11 16:31:40 +02:00 committed by Eric Lippmann
parent dc632a40e7
commit 3f67c62896
5 changed files with 196 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
doc/Icinga-Design/documentation.css
View File

@ -20,6 +20,8 @@ html {
width: 100%;
padding: 20px;
margin: 0 auto;
margin-top: 50px;
display: block;
}

65
doc/Icinga-Design/documentation.html
View File

@ -15,6 +15,67 @@
<body>
<!-- ######### Top Navbar ##########-->
<nav role="navigation" id="icingatopbar" class="navbar navbar-default navbar-fixed-top">
<div class="navbar-header">
<a class="navbar-brand icinga-logo pull-left" href="/icinga2-web/">Icinga</a>
</div>
<div class="pull-left icinga-navbar icinga-navbar-hosts-container">
<span class="icinga-navbar-pills icinga-navbar-pills-up">999/999</span>
<span class="icinga-navbar-pills icinga-navbar-pills-unreachable">999/999</span>
<span class="icinga-navbar-pills icinga-navbar-pills-down">999/999</span>
</div>
<div class="pull-left icinga-navbar icinga-navbar-services-container">
<span class="icinga-navbar-pills icinga-navbar-pills-ok">999/999</span>
<span class="icinga-navbar-pills icinga-navbar-pills-critical">999/999</span>
<span class="icinga-navbar-pills icinga-navbar-pills-warning">999/999</span>
<span class="icinga-navbar-pills icinga-navbar-pills-unknown">999/999</span>
</div>
<div class="pull-left icinga-navbar icinga-navbar-reload">
<a class="button btn-common btn-small" href="#">
<span class="icon-refresh icon-btn-small"></span>
</a>
</div>
<div class="pull-left icinga-navbar icinga-navbar-search-container">
<input type="text" class="form-control input-sm icinga-navbar-search" />
</div>
<ul class="nav navbar-nav pull-right">
<li class="dropdown">
<a id="icinga_app_nav_useraction" data-toggle="dropdown" class="dropdown-toggle" href="#">
<span id="icinga_app_nav_username">
jdoe </span>
<i class="icinga-icon-user"></i>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li id="icinga_app_nav_preferences">
<a href="/icinga2-web/preference">Preferences </a>
</li>
<li id="icinga_app_nav_logout">
<a title="Logout" href="/icinga2-web/authentication/logout">Logout</a>
</li>
</ul>
</li>
</ul>
</nav>
<div class="docu-main">
<h1 class="docu-project-name">Icinga Documentation</h1>
@ -26,9 +87,7 @@
<h1 class="docu-main-headline">Basic Elements</h1>
<h1 class="docu-sub-headline">Headlines</h1>
<!-- <div class="docu-description">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</div> -->
<div class="docu-section">
<div class="docu-example">

132
doc/Icinga-Design/icinga-design.css
View File

@ -475,6 +475,10 @@ select.input-sm {
background-image: url('images/reschedule.png');
background-repeat: no-repeat;
}
.icon-refresh {
background-image: url('images/refresh.png');
background-repeat: no-repeat;
}
/* ==========================================================================
@ -822,3 +826,131 @@ background-color: #fff;
width: 16px;
}
/* ==========================================================================
Top Navbar
========================================================================== */
.icinga-logo {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("images/logo_icinga.png");
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat;
background-size: auto auto;
display: block;
height: 33px;
margin-bottom: 0;
margin-left: 8px;
margin-right: 30px;
margin-top: 8px;
text-indent: -999px;
width: 94px;
}
.icinga-icon-user {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("images/user.png");
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat;
background-size: auto auto;
display: inline-block;
height: 16px;
width: 16px;
}
.icinga-navbar {
margin-right: 15px;
}
.icinga-navbar-reload {
margin-top: 13px;
margin-right: 40px;
}
.icinga-navbar-search {
background-image: url('images/search.png');
background-repeat: no-repeat;
background-position: 5px 50%;
padding-left: 25px !important;
}
.icinga-navbar-search-container {
border-left: 1px solid #ddd;
padding-left: 15px;
margin-top: 12px;
}
.icinga-navbar-hosts-container {
background-image: url('images/host.png');
background-repeat: no-repeat;
background-position: 5px 50%;
padding-left: 30px !important;
margin-top: 15px;
}
.icinga-navbar-services-container {
background-image: url('images/service.png');
background-repeat: no-repeat;
background-position: 5px 50%;
padding-left: 25px !important;
margin-top: 15px;
}
.icinga-navbar-pills {
border-style: solid;
border-width: 1px;
padding: 3px 5px 3px 5px;
border-radius: 3px;
font-size: 13px;
}
/** Service status **/
.icinga-navbar-pills-critical {
border-color: #FF3300;
color: #FF3300;
}
.icinga-navbar-pills-ok {
border-color: #00CC33;
color: #00CC33;
}
.icinga-navbar-pills-warning {
border-color: #FFA500;
color: #FFA500;
}
.icinga-navbar-pills-unknown {
border-color: #E066FF;
color: #E066FF;
}
/** Host status **/
.icinga-navbar-pills-unreachable {
border-color: #E066FF;
color: #E066FF;
}
.icinga-navbar-pills-down {
border-color: #FF3300;
color: #FF3300;
}
.icinga-navbar-pills-up {
border-color: #00CC33;
color: #00CC33;
}

BIN
doc/Icinga-Design/images/refresh.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 523 B

BIN
doc/Icinga-Design/images/search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 491 B