100 lines
5.5 KiB
HTML
100 lines
5.5 KiB
HTML
<div data-role="header" data-position="fixed" data-tap-toggle="false">
|
||
<a id="optionBtn" 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>
|
||
<%
|
||
var widthImg = 320;
|
||
if( myManifest.Agent.device.type != "" )
|
||
{
|
||
/*prendo la larghezza del viewport e sottraggo il 10perc, poi divito per le due colonne*/
|
||
widthImg = (myManifest.Settings.Device.Width - (myManifest.Settings.Device.Width / 10)) / 2;
|
||
if(widthImg>320)
|
||
widthImg = 320;
|
||
}
|
||
%>
|
||
<div id="contentIngredienti" data-role="content">
|
||
<h1>Ingredienti</h1>
|
||
<% _.each(ingredienti, function(ingrediente) {
|
||
if(ingrediente.id_tipo_ingredienti == 152)/*Intestazione*/{%>
|
||
<h2 class="intestazione"><%= unescape(ingrediente.note) %></h2>
|
||
<%}else if(ingrediente.id_tipo_ingredienti == 22)/*Nota-Paragrafo*/{%>
|
||
<p class="nota"><%= unescape(ingrediente.note) %></p>
|
||
<%}else{%><li class="ingrediente"><div class="nomeIngrediente"><%= ingrediente.nome_ingrediente %></div><%= ": " + ingrediente.quantita %> <%= ingrediente.unita %><div class="notaIngrediente"> <%= unescape(ingrediente.note) %></div></li><%}}); %>
|
||
<p style="font-size: xx-small;font-weight: lighter;">La proprietà del materiale pubblicato nel Lievitario , salvo diversa indicazione, è dei rispettivi autori. E’ vietata la ripubblicazione, anche parziale, di tutto il materiale pubblicato nel sito Lievitario senza preventiva autorizzazione scritta.</p>
|
||
</div>
|
||
<div id="contentProcedimento" data-role="content" style="display: none;">
|
||
<h1>Procedimento</h1>
|
||
<p id='procedimento'><%= ricetta.procedimento%></p>
|
||
<p style="font-size: xx-small;font-weight: lighter;">La proprietà del materiale pubblicato nel Lievitario , salvo diversa indicazione, è dei rispettivi autori. E’ vietata la ripubblicazione, anche parziale, di tutto il materiale pubblicato nel sito Lievitario senza preventiva autorizzazione scritta.</p>
|
||
</div>
|
||
<% if(ricetta.foto != null && ricetta.foto.length > 0){ %>
|
||
<div id="contentFoto" data-role="content" style="display: none;">
|
||
<h1>Foto</h1>
|
||
<div id="Gallery" class="freewallGallery">
|
||
<% _.each(ricetta.foto, function(fotoID) {%>
|
||
<div class='brick' style='width:<%=widthImg%>px;'><a id="photo_<%=fotoID.ID%>" data-role="none" data-photoid="<%=fotoID.ID%>" href="">
|
||
<img src='<%=myManifest.Settings.DefaultURL%>/api/photo/medium/<%=fotoID.ID%>' class="imageborder imageborder-<%=profile.data.tema%>"></a></div>
|
||
<%});%>
|
||
</div>
|
||
</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>
|
||
<% if(ricetta.foto != null && ricetta.foto.length > 0){ %><li><a href="">Foto</a></li><% }%>
|
||
<!--<li><a href="">Video</a></li>-->
|
||
</ul>
|
||
</div><!-- /navbar -->
|
||
<div data-role="none">
|
||
<% if(ricetta.link_fonte.length > 0){ %>
|
||
<div data-role="none" style="display: inline-block;margin-right: 5px;margin-top: 4px;margin-left: 5px;">
|
||
<a data-role="none" target="_blank" href="<%= ricetta.link_fonte%>"><div id="linkFonte"></div></a>
|
||
</div>
|
||
<% } if(ricetta.autore.length > 0){ %>
|
||
<div data-role="none" style="display: inline-block;vertical-align: super;margin-left: 5px;">
|
||
<p id="autore" style="padding: 0px;display: inline;">Autore: <%= unescape(ricetta.autore)%></p>
|
||
</div>
|
||
<% } %>
|
||
</div>
|
||
</div>
|
||
<div data-role="popup" id="fullPhotoPopupDialog">
|
||
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
|
||
<div role="main" class="ui-content">
|
||
<img id="photoFull" src='' style="width: 100%;">
|
||
</div>
|
||
</div>
|
||
<div data-role="popup" id="optionPopupDialog">
|
||
<div data-role="header">
|
||
<h1>Opzioni</h1>
|
||
</div>
|
||
<div role="main" class="ui-content">
|
||
<a id="favoriteBtn" href="" class="ui-btn ui-btn-icon-left">Agg. al Blocco</a>
|
||
<% if(myManifest.Agent.browser.name != "Safari" && myManifest.Agent.browser.name != "Mobile Safari"){%>
|
||
<a id="copyBtn" href="" class="ui-btn ui-btn-icon-left">Copia Link</a>
|
||
<%}else{%>
|
||
<p>Link da condividere</p>
|
||
<input type="text" id="copyField" />
|
||
<%}%>
|
||
</div>
|
||
</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> |