Skip to content

Instantly share code, notes, and snippets.

@Titowisk

Titowisk/template.html

Last active March 25, 2019 18:45
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 Titowisk/b73cd303d8fb7a7b0d5bd9cd1514c891 to your computer and use it in GitHub Desktop.
Save Titowisk/b73cd303d8fb7a7b0d5bd9cd1514c891 to your computer and use it in GitHub Desktop.
Download ZIP
template html nw.js
Raw
template.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Fonts -->
<link rel="stylesheet" href="../../assets/css/open-sans.css">
<!-- Icons -->
<link rel="stylesheet" type="text/css" href="../../assets/icons/flaticon/flaticon.css">
<!-------------------------- CSS ----------------------------------->
<link rel="stylesheet" href="../../assets/css/reset.css">
<link rel="stylesheet" href="../../assets/css/bootstrap.css">
<link rel="stylesheet" href="../../assets/css/tyno-color.css">
<link rel="stylesheet" href="../../assets/css/tyno-main.css">
</head>
<body>
{% autoescape false %}{{header}}{% endautoescape %}
<section class="outdoor outdoor--medium outdoor--headline">
<!-- It uses image as background -->
<div class="outdoor__title outdoor__title--medium">
Pesquisa de Laudos
</div>
</section>
<div class="back container">
<button class="back__button" onclick="history.go(-1);return true;">
VOLTAR
</button>
</div>
<section class="searchForm container">
<form>
<div class="form-group">
<!-- Formulário para escolha do arquivo de laudos -->
<label for="inputCsvFileName">Escolha do grupo de laudos a pesquisar:</label>
<select id="inputCsvFileName" class="form-control">
<!-- <option selected>-</option>
<option>Laudos Materiais Corvinal</option>
<option>Laudos Materiais Sucvi</option>
<option>Laudos Serviços Lufa Lufa</option> -->
</select>
</div>
<fieldset disabled>
<!-- fieldset>disabled serve para restringir o uso dos filtros, caso
o usuário não escolha um arquivo de laudos primeiro -->
<div class="form-row">
<!-- Formulários de pesquisa de laudos -->
<!--
novos formulários podem ser adicionados aqui
lembrando só de separar os formulários de pesquisa
do formulário de escolha do arquivo
-->
<!-- <div class="form-group col-md-3">
<label for="inputReportNumber">Nº Laudo</label>
<input type="text" class="form-control inputField" id="inputReportNumber" placeholder="[opcional]">
</div> -->
<div class="form-group col-md-3">
<label for="inputItemCode">Codigo Item</label>
<input type="text" class="form-control inputField" id="inputItemCode" placeholder="ex. 4078645">
</div>
<div class="form-group col-md-6">
<label for="inputDescription">Descrição</label>
<input type="text" class="form-control inputField" id="inputDescription" placeholder="ex. Bomba motor valv 4 ou bomba">
</div>
</div>
<button id="submitBtn" type="button" class="btn btn-primary">Pesquisar</button>
<!-- <button type="button" class="btn btn-warning">Limpar pesquisa</button> -->
</fieldset>
</form>
</section>
<section class="reports container">
<table class="report__table">
<thead class="report__head">
<tr class="report__row">
<th class="report__icon">
Laudo
</th>
<th class="report__number">
Código do Item
</th>
<th class="report__description">
Descrição
</th>
<th class="report__cleanFilters">
<button id="cleanSearch" type="button" class="btn btn-warning btn-sm">Limpar Filtros</button>
</th>
</tr>
</thead>
<tbody class="report__body">
<!-- reportList -->
<!-- <tr class="report__row">
<td class="report__icon">
<a onclick="nw.Window.open('../../../../../assets/reports/{{ report[0] }}.pdf', {width: 1366, height: 768});">
<i class="flaticon-pdf"></i>
</a>
</td>
<td class="report__number">
<p class="code__title">Código do Item</p>
<p class="code__number">
<a onclick="nw.Window.open('../../../../../assets/reports/{{ report[0] }}.pdf', {width: 1366, height: 768});">{{ report[0] }}</a>
</p>
</td>
<td class="report__description">
<p class="description__title">Descrição</p>
<p class="description__text">{{ report[1] }}</p>
</td>
</tr> -->
</tbody>
</table>
<!-- loading gif -->
<div class="loadingGif"></div>
</section>
<footer class="footer">
<p>TYNO Consultoria Tributária e Empresarial</p>
</footer>
<script src="../../assets/js/jquery_min.js"></script> <!-- v3.3.1 -->
<script src="../../assets/js/bootstrap.min.js"></script> <!-- v4.1.3-->
<script src="../../assets/js/searchAndOpenReports.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment