optimized templates, UI
This commit is contained in:
committed by
Julien Chanseaume
parent
27e0596ca7
commit
09c124c6ae
@@ -1,29 +1,38 @@
|
||||
{extends file="layout.tpl"}
|
||||
|
||||
{block name="init"}
|
||||
{$folder_id={folder attr="id"}}
|
||||
{/block}
|
||||
|
||||
{* Body Class *}
|
||||
{block name="body-class"}page-folder{/block}
|
||||
|
||||
{* Page Title *}
|
||||
{block name='no-return-functions' append}
|
||||
{$folder_id={folder attr="id"}}
|
||||
{loop name="folder.seo.title" type="folder" id=$folder_id}
|
||||
{$page_title = {$META_TITLE}}
|
||||
{/loop}
|
||||
{if $folder_id}
|
||||
{loop name="folder.seo.title" type="folder" id=$folder_id limit="1"}
|
||||
{$page_title = {$META_TITLE}}
|
||||
{/loop}
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{* Meta *}
|
||||
{block name="meta"}
|
||||
{loop name="folder.seo.meta" type="folder" id="{folder attr="id"}"}
|
||||
{include file="includes/meta-seo.html"}
|
||||
{/loop}
|
||||
{if $folder_id}
|
||||
{loop name="folder.seo.meta" type="folder" id=$folder_id limit="1"}
|
||||
{include file="includes/meta-seo.html"}
|
||||
{/loop}
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{* Breadcrumb *}
|
||||
{block name='no-return-functions' append}
|
||||
{$breadcrumbs = []}
|
||||
{loop name="folder_path" type="folder-path" folder="{folder attr="id"}"}
|
||||
{$breadcrumbs[] = ['title' => {$TITLE}, 'url'=> {$URL}]}
|
||||
{/loop}
|
||||
{if $folder_id}
|
||||
{$breadcrumbs = []}
|
||||
{loop name="folder_path" type="folder-path" folder=$folder_id}
|
||||
{$breadcrumbs[] = ['title' => {$TITLE}, 'url'=> {$URL}]}
|
||||
{/loop}
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name="feeds"}
|
||||
@@ -33,69 +42,86 @@
|
||||
{* Content *}
|
||||
{block name="main-content"}
|
||||
<div class="main">
|
||||
<div class="col-main contents-list" role="main" aria-labelledby="main-label">
|
||||
{if $folder_id}
|
||||
{loop name="folder" type="folder" id=$folder_id limit="1"}
|
||||
<h1 id="main-label" class="page-header">{$TITLE}</h1>
|
||||
{if $CHAPO}
|
||||
<div class="folder-chapo">
|
||||
{$CHAPO}
|
||||
</div>
|
||||
{/if}
|
||||
{if $DESCRIPTION}
|
||||
<div class="folder-description">
|
||||
{$DESCRIPTION nofilter}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div class="col-main" role="main" aria-labelledby="main-label">
|
||||
<div id="folder-contents">
|
||||
<div class="contents">
|
||||
{ifloop rel="folder_content"}
|
||||
<ul>
|
||||
{loop name="folder_content" type="content" folder="$ID"}
|
||||
<li class="item">
|
||||
<article>
|
||||
{ifloop rel="content_thumbnail"}
|
||||
<a href="{$URL}" tabindex="-1" class="content-image">
|
||||
{loop name="content_thumbnail" type="image" width="369" height="247" content=$ID limit="1"}
|
||||
<img src="{$IMAGE_URL}" alt="{$TITLE}">
|
||||
{/loop}
|
||||
<span class="mask"></span>
|
||||
</a>
|
||||
{/ifloop}
|
||||
|
||||
{loop name="folder" type="folder" id="{folder attr="id"}"}
|
||||
<h1 id="main-label" class="page-header">{$TITLE}</h1>
|
||||
{if $CHAPO}
|
||||
<div class="folder-chapo">
|
||||
{$CHAPO}
|
||||
</div>
|
||||
{/if}
|
||||
{if $DESCRIPTION}
|
||||
<div class="folder-description">
|
||||
{$DESCRIPTION nofilter}
|
||||
</div>
|
||||
{/if}
|
||||
<div class="content-info">
|
||||
<h3 class="name"><a href="{$URL}">{$TITLE}</a></h3>
|
||||
|
||||
<div id="folder-contents">
|
||||
<div class="contents">
|
||||
{ifloop rel="folder_content"}
|
||||
<ul>
|
||||
{loop name="folder_content" type="content" folder="$ID"}
|
||||
<li class="item">
|
||||
<article>
|
||||
<a href="{$URL}" tabindex="-1" class="content-image">
|
||||
{loop name="content_thumbnail" type="image" width="369" height="247" content=$ID limit="1"}
|
||||
<img src="{$IMAGE_URL}" alt="{$TITLE}">
|
||||
{/loop}
|
||||
{elseloop rel="content_thumbnail"}
|
||||
{images file='assets/img/280x196.png'}<img src="{$asset_url}" alt="{$TITLE}">{/images}
|
||||
{/elseloop}
|
||||
<span class="mask"></span>
|
||||
</a>
|
||||
|
||||
<div class="content-info">
|
||||
<h3 class="name"><a href="{$URL}">{$TITLE}</a></h3>
|
||||
|
||||
{if $CHAPO}
|
||||
<div class="short-description">
|
||||
{$CHAPO}
|
||||
{if $CHAPO}
|
||||
<div class="short-description">
|
||||
{$CHAPO}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</article><!-- /content -->
|
||||
</li>
|
||||
{/loop}
|
||||
</ul>
|
||||
{/ifloop}
|
||||
{elseloop rel="folder_content"}
|
||||
<div class="folder-warning">
|
||||
{intl l="No Content in this folder."}
|
||||
</article><!-- /content -->
|
||||
</li>
|
||||
{/loop}
|
||||
</ul>
|
||||
{/ifloop}
|
||||
{elseloop rel="folder_content"}
|
||||
<div class="folder-warning">
|
||||
{intl l="No Contents in this folder."}
|
||||
</div>
|
||||
{/elseloop}
|
||||
</div>
|
||||
</div><!-- /#category-products -->
|
||||
|
||||
|
||||
{if $POSTSCRIPTUM}
|
||||
<small class="folder-postscriptum">
|
||||
{$POSTSCRIPTUM}
|
||||
</small>
|
||||
{/if}
|
||||
{/loop}
|
||||
{else}
|
||||
{ifloop rel="folders"}
|
||||
<ul>
|
||||
{loop name="folders" type="folder"}
|
||||
<li class="item">
|
||||
<article>
|
||||
<div class="content-info">
|
||||
<h2 class="name"><a href="{$URL}">{$TITLE}</a></h2>
|
||||
{if $CHAPO}
|
||||
<div class="short-description">
|
||||
{$CHAPO}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/elseloop}
|
||||
</div>
|
||||
</div><!-- /#category-products -->
|
||||
|
||||
|
||||
{if $POSTSCRIPTUM}
|
||||
<small class="folder-postscriptum">
|
||||
{$POSTSCRIPTUM}
|
||||
</small>
|
||||
{/if}
|
||||
{/loop}
|
||||
|
||||
</article>
|
||||
</li>
|
||||
{/loop}
|
||||
</ul>
|
||||
{/ifloop}
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
Reference in New Issue
Block a user