Administrator/Xen-Orchestra-xen-orchestra-MIRROR
1
0
Fork 1
mirror of https://github.com/vatesfr/xen-orchestra.git synced 2026-11-09 17:06:13 -06:00
Code Issues Packages Projects Releases Wiki Activity

search bar icon + server memory bar skecthed

Browse Source
This commit is contained in:
Olivier Lambert
2013-01-02 14:38:26 +01:00
parent 03f0ab50c0
commit f1d4275e52
4 changed files with 68 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/templates/_base.html
View File

@@ -111,8 +111,9 @@
</div>
</ul>
<form class="navbar-search pull-right" action="">
<input class="search-query" type="text" placeholder="Search">
<form class="input-prepend navbar-search pull-right navbar-search" action="">
<span class="add-on"><i class="icon-search"></i></span>
<input type="text" class="span2 inputIcon" placeholder="Search">
</form>
</div><!--/.nav-collapse -->
</div>

4
src/templates/index.html
View File

@@ -46,8 +46,8 @@
</div>
<div class="span3 well">
<h2 class="center">Get involved!</h2>
<p>You want a specific feature in XO? Report a bug? Go to our project website, read the FAQ and get involved in the project!</p><br/>
<p class="center"><a class="btn btn-success btn-large" href="http://xen-orchestra.com"><i class="icon-beaker"></i> Project page</a></p>
<p>You want a specific feature in XO? Report a bug? Go to our project website, read the FAQ and get involved in the project!</p><br/>
<p class="center"><a class="btn btn-success btn-large" href="http://xen-orchestra.com"><i class="icon-beaker"></i> Project page</a></p>
</div>
</div>

43
src/templates/server.html
View File

@@ -25,7 +25,7 @@
{block title}Server overview{/block}
{block body}
<div class="row-fluid">
<div class="row">
<div class="span2 offset1">
<ul class="nav nav-list well">
<li class="nav-header">Server Manager</li>
@@ -142,4 +142,45 @@
</tbody>
</table>
</div>
<!-- One server details. TODO: dynamic in PHP -->
<div class="offset3 span8 well">
<h3 class="center">Cluster 1</h3>
<ul class="nav nav-tabs">
<li><a href="#">General</a></li>
<li class="active"><a href="#">Memory</a></li>
<li><a href="#">Storage</a></li>
<li><a href="#">Network</a></li>
<li><a href="#">NICs</a></li>
<li><a href="#">Console</a></li>
<li><a href="#">Perfs</a></li>
<li><a href="#">Logs</a></li>
</ul>
<div class="progress progress-big">
<div class="bar bar-info" style="width: 15%;">Dom0<br/>(1024M)</div>
<div class="bar bar-success" style="width: 20%;">VM1<br/>(1512M)</div>
<div class="bar bar-success" style="width: 10%;">VM2<br/>(728M)</div>
<div class="bar bar-success" style="width: 15%;">VM3<br/>(1024M)</div>
</div>
</div>
<!-- One server details. TODO: dynamic in PHP -->
<div class="offset3 span8 well">
<h3 class="center">Cluster 2</h3>
<ul class="nav nav-tabs">
<li><a href="#">General</a></li>
<li class="active"><a href="#">Memory</a></li>
<li><a href="#">Storage</a></li>
<li><a href="#">Network</a></li>
<li><a href="#">NICs</a></li>
<li><a href="#">Console</a></li>
<li><a href="#">Perfs</a></li>
<li><a href="#">Logs</a></li>
</ul>
<div class="progress progress-big">
<div class="bar bar-info" style="width: 15%;">Dom0<br/>(1024M)</div>
<div class="bar bar-success" style="width: 20%;">VM5<br/>(1512M)</div>
<div class="bar bar-success" style="width: 10%;">VM6<br/>(728M)</div>
<div class="bar bar-warning" style="width: 40%;">VM7<br/>(3128M)</div>
<div class="bar bar-danger" style="width: 10%;">VM8<br/>(728M)</div>
</div>
</div>
{/block body}

21
src/www/css/style.css
View File

@@ -72,3 +72,24 @@ html {
-moz-border-radius: 4px;
border-radius: 4px;
}
.progress-big {
height:3em;
margin-top: 0.3em;
margin-bottom: -1em;
overflow: hidden;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #ddd, #f5f5f5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #ddd, #f5f5f5);
background-image: -o-linear-gradient(top, #ddd, #f5f5f5);
background-image: linear-gradient(to bottom, #ddd, #f5f5f5);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#f5f5f5', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}