Files
IlLievitario-App/js/modules/item/itemViewTemplate.html
T

62 lines
2.9 KiB
HTML

<div data-role="header" data-position="fixed" data-tap-toggle="false">
<a id="favoriteBtn" href="#" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext ui-btn-left" data-icon="custom"></a>
<h3 id='titoloRicetta'><%= unescape(ricetta.titolo)%></h3>
<a id="backBtn" href="#" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext ui-btn-right" data-icon="custom"></a>
</div>
<div id="contentIngredienti" data-role="content">
<h1>Ingredienti</h1>
<center><p id='ingredienti'>
<% _.each(ingredienti, function(ingrediente) {
var liStyle = "";
var qty = ": " + ingrediente.quantita;
var nome_ingr = ingrediente.nome_ingrediente;
if(ingrediente.id_tipo_ingredienti == 22)
{
liStyle="list-style-type: none;";
qty = "";
nome_ingr = "";
} %> <li style="<%= liStyle %>"><b><%= nome_ingr %></b><%= qty %> <%= ingrediente.unita %> <%= unescape(ingrediente.note) %></li><br> <% }); %>
</p></center>
</div>
<div id="contentProcedimento" data-role="content" style="display: none;">
<h1>Procedimento</h1>
<p id='procedimento'><%= ricetta.procedimento%></p>
</div>
<!--<div id="contentFoto" data-role="content" data-theme="d" style="display: none;" data-iscroll>
<h1>Foto</h1>
<ul id="Gallery" class="gallery">
</ul>
</div>
<div id="contentVideo" data-role="content" data-theme="d" style="display: none;" data-iscroll>
<h1>Video</h1>
<p id='video'></p>
</div>-->
<div data-role="footer" data-position="fixed" data-tap-toggle="false">
<div data-role="navbar">
<ul>
<li><a href="" class="ui-btn-active ui-state-persist">Ingredienti</a></li>
<li><a href="">Procedimento</a></li>
<!--<li><a href="">Foto</a></li>
<li><a href="">Video</a></li>-->
</ul>
</div><!-- /navbar -->
<% if(ricetta.autore.length > 0){ %>
<h1 id="autore" style="padding: 0px;">Autore: <%= unescape(ricetta.autore)%></h1>
<% }if(ricetta.link_fonte.length > 0){ %>
<h1 id="linkFonte" style="padding: 0px;"><a target="_blank" href="<%= ricetta.link_fonte%>">Link Fonte</a></h1>
<% }%>
</div>
<div data-role="popup" id="popupDialog">
<div data-role="header">
<h1>Informazione</h1>
</div>
<div role="main" class="ui-content">
<p style="text-align: center;font-style: italic;">IMPORTANTE<br><br>
Questa funzionalità è disponibile solo se si è abilitata la Sincronizzazione tramite Facebook o Google.
</p>
<p style="text-align: center;">
<a id="syncBtn" href="#syncView" class="ui-btn ui-corner-all ui-btn-inline ui-shadow ui-icon-custom ui-btn-icon-left">Sincronizza</a>
<a href="" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check" data-rel="back">Cancel</a>
</p>
</div>
</div>