optimized templates, UI

This commit is contained in:
Julien Chanséaume
2014-07-31 14:22:15 +02:00
committed by Julien Chanseaume
parent 27e0596ca7
commit 09c124c6ae
5 changed files with 200 additions and 135 deletions

View File

@@ -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}