templates/preview_json.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Prato Aberto - Editor Cardapio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.jumbotron {
margin-top: 15px;
text-align: center;
}
/* Objetos da tabela */
.row {
margin-top: 40px;
padding: 0 10px;
}
.clickable {
cursor: pointer;
}
.panel-heading div {
margin-top: -18px;
font-size: 15px;
}
.panel-heading div span {
margin-left: 5px;
}
.panel-body {
display: none;
}
.table>tbody>tr>td,
.table>tfoot>tr>td {
vertical-align: inherit;
}
.navbar-nav {
margin-top: 8px;
}
.item-DUPLICADO {
background-color: #ff00001a !important;
}
</style>
</head>
<body>
<div class="container">
<!-- NAVBAR -->
<div class="row">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="#">Prato Aberto - Preview XML</a>
</div>
<form method="post" action="/editor/atualiza_cardapio">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<button type="submit" class="btn btn-success">
<i class="fa fa-upload" aria-hidden="true"></i> SALVAR XML</button>
<input type="hidden" name="json_dump" value="{{json_dump}}">
<a class="btn btn-danger" href="#" data-toggle="modal" data-target="#xml_form">
<i class="glyphicon glyphicon-remove"></i> ESCOLHER OUTRO XML
</a>
<a href="/editor/pendencias_publicacoes" class="btn btn-primary"><i
class="fa fa-arrow-left"></i> Voltar</a>
</ul>
</div>
</form>
</div>
</nav>
</div>
<table class="table table-hover table-striped" id="task-table">
<thead>
<tr>
<th>tipo_atendimento</th>
<th>tipo_unidade</th>
<th>agrupamento</th>
<th>idade</th>
<th>data</th>
<th>data_publicacao</th>
<th>tipo_refeicao</th>
<th>cardapio</th>
</tr>
</thead>
<tbody>
{% for cardapio in cardapios_preview %}
{% for tipo_refeicao, lista_alimentos in cardapio.cardapio.items() %}
<tr class="item-{{ cardapio.status }}">
<td> {{ cardapio.tipo_atendimento }} </td>
<td> {{ cardapio.tipo_unidade }} </td>
<td> {{ cardapio.agrupamento }} </td>
<td> {{ cardapio.idade }} </td>
<td> {{ cardapio.data }} </td>
<td> {{ cardapio.data_publicacao }} </td>
<td> {{ tipo_refeicao }} </td>
<td> {{ lista_alimentos|join(', ') }} </td>
</tr>
{% endfor %}
{% endfor %}
</tbody>
</table>
</div>
<!-- Upload form -->
<div class="modal fade" tabindex="-1" role="dialog" id="xml_form">
<div class="modal-dialog" role="document">
<form method="post" action="/editor/upload" enctype="multipart/form-data">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Upload XML</h4>
</div>
<div class="modal-body">
<p>
<input type="file" name="file" class="form-control-file">
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
<button type="submit" class="btn btn-primary">Enviar</button>
</div>
</div>
</form>
</div>
</div>
</body>
</html>