Skip to content

Instantly share code, notes, and snippets.

@marcelcaraciolo

marcelcaraciolo/html_equipaments.html

Created February 14, 2014 18:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save marcelcaraciolo/9005957 to your computer and use it in GitHub Desktop.
Save marcelcaraciolo/9005957 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html_equipaments.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<link rel="shortcut icon" href="{{ STATIC_URL }}img/favicon.ico" type="image/x-icon" />
<title>Genomika Labs</title>
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" href="{{ STATIC_URL }}css/mobile/grid-dash.css" />
<link rel="stylesheet" href="{{ STATIC_URL }}css/mobile/style.css" />
<link href="{{ STATIC_URL }}css/mobile/footable-0.1.css" rel="stylesheet" type="text/css" />
<script src="{{ STATIC_URL }}js/footable-0.1.js" type="text/javascript"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/select_all.js"></script>
<script type="text/javascript">
$(function() {
$('table').footable();
});
</script>
<!--[if (gt IE 8) | (IEMobile)]><!-->
<!--<![endif]-->
<!--[if (lt IE 9) & (!IEMobile)]>
<![endif]-->
</head>
<body>
<div class="dash">
<header class="bg_clean">
<img src="{{ STATIC_URL }}img/logo_m.png" class="grid-10" />
<div class="grid-container">
<nav class="grid-65">
<ul>
<li><a href="{% url "equipament_list" %}" class="active">Equipamentos</a></li>
</ul>
</nav>
<div class="grid-25">
<form method="get" action="" class="search_form grid-75">
<input type="text" name="q" value="" placeholder="Pesquisar" />
<input type="image" src="{{ STATIC_URL }}img/ic_search.png" alt="Pesquisar" />
</form>
<ul class="account-menu grid-20">
<!-- <li> <a href="">Dyego</a>
<ul> -->
<li><a href="">Sair</a></li>
<!-- </ul>
</li> -->
</ul>
</div>
</div>
</header>
<section class="grid-container box-2">
<div class="grid-100 equipments-box">
<form method="get" action="" class="search_form floatright">
<input type="text" name="q" value="" placeholder="Pesquisar" />
<input type="image" src="{{ STATIC_URL }}img/ic_search.png" alt="Pesquisar" />
</form>
<h2 class="title-box-dash"><span>Equipamentos</span></h2>
{% if equipaments|length == 0 %}
<center><div class="box-simple-btn empty-txt empty-txt-big">
<p>
Não há equipamentos cadastrados. <br />
Clique <a href="{% url "equipament_list" %}" class="active">aqui</a> para adicionar um novo equipamento.
</p>
</div></center>
{% else %}
<div>
<ul class="options floatleft">
<li class="remove"><a href="">Remover</a></li>
<li class="print"><a href="">Imprimir</a></li>
</ul>
<div class="box-simple-btn floatright"><a href="" class="btn">+ adicionar equipamento</a></div>
</div>
<div class="equipment-historic">
<table class="footable" id="objects">
<thead>
<tr>
<th data-class="expand">
<input type="checkbox" id="select_all" value="">
</th>
<th data-class="expand">
Nome<span class="sort"></span>
</th>
<th>
Sala<span class="sort"></span>
</th>
<th data-hide="phone">
Fabricante<span class="sort"></span>
</th>
<th>
Número de Série
</th>
<th data-hide="phone">
Próxima manutenção<span class="sort"></span>
</th>
</tr>
</thead>
<tbody>
{% for equipament in equipaments %}
<tr>
<td><input type="checkbox" name="ids_equipament" value="{{ equipament.id }}"></td>
<td><a href="">{{ equipament.name }}</a></td>
<td>{{ equipament.room.name }}</td>
<td><a href="">{{ equipament.manufacturer.name }}</a></td>
<td>{{ equipament.serial_number }}</td>
<td class="warning">{{ equipament.maintenance_date }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="box-simple-btn grid-100">
{% if equipaments.has_previous %}
<a href="?page={{ equipaments.previous_page_number }}" class="btn"><</a>
{% else %}
<a href="#" class="btn" class="disabled"><</a>
{% endif %}
{% for page in page_numbers %}
{% if page == equipaments.number %}
<a href="#" class="btn">{{ page }}</a>
{% else %}
<a href="?page={{ page }}" class="btn">{{ page }}</a>
{% endif %}
{% endfor %}
{% if equipaments.has_next %}
<a href="?page={{ equipaments.next_page_number }}">></a>
{% else %}
<a href="#" class="btn" class="disabled">></a>
{% endif %}
</div>
{% endif %}
</div>
</div>
</section>
<footer>
<div class="content-login-footer grid-container">
Genomika Labs 2014
</div>
</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment