360 lines
10 KiB
HTML
360 lines
10 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|||
|
|
<title>Сборочная среда</title>
|
|||
|
|
<script type="text/javascript" src="js/html5shiv.js"></script>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="styles/main.css" />
|
|||
|
|
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/all.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/radio.js"></script>
|
|||
|
|
<link href="styles/cuselAside.css" rel="stylesheet" type="text/css" />
|
|||
|
|
<script type="text/javascript" src="js/cusel-2.5.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/cusel-init.js"></script>
|
|||
|
|
<link rel="stylesheet" href="styles/blue/style.css" type="text/css" id="" media="print, projection, screen" />
|
|||
|
|
<!-- <script type="text/javascript" src="js/jquery.tablesorter.js"></script> -->
|
|||
|
|
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script> <!-- DatePicker -->
|
|||
|
|
<link type="text/css" href="styles/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
|
|||
|
|
<script type="text/javascript" src="js/jquery.ui.datepicker-ru.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/monitoring.js"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="wrap columns">
|
|||
|
|
<!--Top block-->
|
|||
|
|
<header>
|
|||
|
|
<div class="left">
|
|||
|
|
</div>
|
|||
|
|
<div class="middle">
|
|||
|
|
<!--Main menu-->
|
|||
|
|
<menu>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="#" class="first">Главная</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">Проекты</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">Группы</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#" class="active">Мониторинг</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">Платформа</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">Документация</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="logo">
|
|||
|
|
<img src="pics/logo-mini.png" alt="logo" />
|
|||
|
|
</div>
|
|||
|
|
</menu>
|
|||
|
|
<div class="information">
|
|||
|
|
<!--Search-->
|
|||
|
|
<div class="search">
|
|||
|
|
<div class="pic">
|
|||
|
|
</div>
|
|||
|
|
<div class="field">
|
|||
|
|
<input type="text" value="Поиск" class="gray" onClick="if(this.value=='Поиск'){this.value='';this.className='black';}" onblur="if(this.value==''){this.value='Поиск';this.className='gray';}" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="user">
|
|||
|
|
<div class="avatar" onclick="droplist();">
|
|||
|
|
<img src="pics/ava.png" alt="avatar" height="30" />
|
|||
|
|
</div>
|
|||
|
|
<div class="profile" onclick="droplist();">
|
|||
|
|
<a href="#" onclick="droplist();">mikimaus <img src="pics/expand-white.png" alt="ex" /></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="both">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="droplist-wrap">
|
|||
|
|
<div class="droplist" id="droplist">
|
|||
|
|
<div class="a"><a href="#">Публичный профиль</a></div>
|
|||
|
|
<div class="a"><a href="#">Настройки</a></div>
|
|||
|
|
<div class="a"><a href="#">Выйти</a></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="right">
|
|||
|
|
</div>
|
|||
|
|
<div class="both">
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
<!--Submenu-->
|
|||
|
|
<div class="sub-menu">
|
|||
|
|
<div class="left">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<nav>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="#" class="active">Проекты</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">Продукты</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
</div>
|
|||
|
|
<div class="both">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!--Page-->
|
|||
|
|
<article>
|
|||
|
|
<!--Left part of page-->
|
|||
|
|
<aside>
|
|||
|
|
<div class="bordered nopadding">
|
|||
|
|
<h3>Build Server Status</h3>
|
|||
|
|
<div class="table">
|
|||
|
|
<div class="lefter">
|
|||
|
|
Clients count
|
|||
|
|
</div>
|
|||
|
|
<div class="righter">
|
|||
|
|
11
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="both">
|
|||
|
|
</div>
|
|||
|
|
<div class="table">
|
|||
|
|
<div class="lefter">
|
|||
|
|
New task count
|
|||
|
|
</div>
|
|||
|
|
<div class="righter">
|
|||
|
|
0
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="both">
|
|||
|
|
</div>
|
|||
|
|
<div class="table">
|
|||
|
|
<div class="lefter">
|
|||
|
|
Build task count
|
|||
|
|
</div>
|
|||
|
|
<div class="righter">
|
|||
|
|
0
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="both">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bordered nopadding">
|
|||
|
|
<h3>Принадлежность заданий</h3>
|
|||
|
|
<div class="table">
|
|||
|
|
<div class="lefter">
|
|||
|
|
<input type="radio" class="niceRadio" name="myradio" id="myradio1" tabindex="1" checked="checked"></input>
|
|||
|
|
</div>
|
|||
|
|
<div class="lefter">
|
|||
|
|
Мне
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="both">
|
|||
|
|
</div>
|
|||
|
|
<div class="table">
|
|||
|
|
<div class="lefter">
|
|||
|
|
<input type="radio" class="niceRadio" name="myradio" id="myradio2" tabindex="2"></input>
|
|||
|
|
</div>
|
|||
|
|
<div class="lefter">
|
|||
|
|
Связанные со мной
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="both">
|
|||
|
|
</div>
|
|||
|
|
<div class="table">
|
|||
|
|
<div class="lefter">
|
|||
|
|
<input type="radio" class="niceRadio" name="myradio" id="myradio3" tabindex="3"></input>
|
|||
|
|
</div>
|
|||
|
|
<div class="lefter">
|
|||
|
|
Все
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="both">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="block">
|
|||
|
|
<h3 class="small">Status</h3>
|
|||
|
|
<div class="lineForm aside">
|
|||
|
|
<select class="sel80 aside" id="status" name="status" tabindex="2">
|
|||
|
|
<option class="" selected="selected" value="1000"> </option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<h3 class="small">Recurrent</h3>
|
|||
|
|
<div class="lineForm aside">
|
|||
|
|
<select class="sel80 aside" id="recurrent" name="recurrent" tabindex="2">
|
|||
|
|
<option class="" selected="selected" value="1000"> </option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<h3 class="small">Architecture</h3>
|
|||
|
|
<div class="lineForm aside">
|
|||
|
|
<select class="sel80 aside" id="architecture" name="architecture" tabindex="2">
|
|||
|
|
<option class="" selected="selected" value="1000"> </option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<h3 class="small">Build start from</h3>
|
|||
|
|
<input type="text" value=" . ." class="datepicker"></input>
|
|||
|
|
|
|||
|
|
<h3 class="small">Build start to</h3>
|
|||
|
|
<input type="text" value=" . ." class="datepicker"></input>
|
|||
|
|
|
|||
|
|
<h3 class="small">Last update time by BS from</h3>
|
|||
|
|
<input type="text" value=" . ." class="datepicker"></input>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<h3 class="small">Last update time by BS to</h3>
|
|||
|
|
<input type="text" value=" . ." class="datepicker"></input>
|
|||
|
|
|
|||
|
|
<h3 class="small">Project name search</h3>
|
|||
|
|
<input type="text" value=""></input>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<h3 class="small">Id search</h3>
|
|||
|
|
<input type="text" value=""></input>
|
|||
|
|
|
|||
|
|
<br />
|
|||
|
|
<br />
|
|||
|
|
<a href="#" class="button">Поиск</a>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</aside>
|
|||
|
|
<!--Right part of page-->
|
|||
|
|
<div class="right slim">
|
|||
|
|
|
|||
|
|
<table id="myTable" class="tablesorter" cellpadding="0" cellspacing="0">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th class="lpadding16">id</th>
|
|||
|
|
<th class="lpadding16">Status</th>
|
|||
|
|
<th class="lpadding16">Version</th>
|
|||
|
|
<th class="lpadding16">Project</th>
|
|||
|
|
<th class="lpadding16">Architecture</th>
|
|||
|
|
<th class="lpadding16">User</th>
|
|||
|
|
<th>Action</th>
|
|||
|
|
<th class="lpadding16">Notified at</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
<tr id="row1">
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">4729</span><a href="#">4729</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
Build error
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">latest_mandriva2011</span><a href="#">latest_mandriva2011</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">samba</span><a href="#">samba</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
i586
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">r0mik (r0mik)</span><a href="#">r0mik (r0mik)</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<img src="pics/x.png" alt="action" id="delete-row1" class="delete-row" />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2012-01-19 10:10 UTC
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr id="row2">
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">4728</span><a href="#">4728</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
Build published
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">latest_master</span><a href="#">latest_master</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">mc</span><a href="#">mc</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
i586
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">pasha (Pasha)</span><a href="#">pasha (Pasha)</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<img src="pics/x.png" alt="action" id="delete-row2" class="delete-row"/>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2012-01-18 21:12 UTC
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr id="row3">
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">id isn’t set</span><a href="#">id isn’t set</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
Build pending
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">latest_master</span><a href="#">latest_master</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">mc</span><a href="#">mc</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
i586
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<span style="display: none;">pasha (Pasha)</span><a href="#">pasha (Pasha)</a>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<img src="pics/x.png" alt="action" id="delete-row3" class="delete-row" />
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<div class="both"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="both">
|
|||
|
|
</div>
|
|||
|
|
</article>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<!--Footer-->
|
|||
|
|
<footer>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
ROSA Лаб. © 2012 <img src="pics/square.png" alt="_" />
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<img src="pics/flag.png" alt="rosa" /> <img src="pics/square.png" alt="_" />
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">О компании</a> <img src="pics/square.png" alt="_" />
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">Контакты</a> <img src="pics/square.png" alt="_" />
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">Условия использования</a> <img src="pics/square.png" alt="_" />
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">Конфиденциальность</a> <img src="pics/square.png" alt="_" />
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">Безопасность</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</footer>
|
|||
|
|
</body>
|
|||
|
|
</html>
|