topics_list.tpl

<div class="lv-body" component="category" itemscope itemtype="http://www.schema.org/ItemList" data-nextstart="{nextStart}">
	<meta itemprop="itemListOrder" content="descending">
	{{{each topics}}}
	<div component="category/topic" class="lv-item media row clearfix category-item {function.generateTopicClass}" <!-- IMPORT partials/data/category.tpl -->>
		<meta itemprop="name" content="{function.stripTags, title}">
		<!-- IF showSelect -->
		<div class="checkbox pull-left" component="topic/select">
			<label>
				<div class="select"></div>
				<i class="input-helper"></i>
			</label>
		</div>
		<!-- ENDIF showSelect -->

		<div class="pull-left hidden-xs">
			<!-- IF topics.thumb -->
			<img src="{topics.thumb}" class="lv-img" alt="{topics.user.username}" />
			<!-- ELSE -->
			<a href="<!-- IF topics.user.userslug -->{config.relative_path}/user/{topics.user.userslug}<!-- ELSE -->#<!-- ENDIF topics.user.userslug -->">
				<!-- IF topics.user.picture -->
				<img class="user-avatar" src="{topics.user.picture}" alt="{topics.user.username}" title="{topics.user.username}" />
				<!-- ELSE -->
				<div class="user-icon" style="background-color: {topics.user.icon:bgColor};">{topics.user.icon:text}</div>
				<!-- ENDIF topics.user.picture -->
			</a>
			<!-- ENDIF topics.thumb -->
		</div>
		<div class="media-body">
			<div class="lv-title" component="topic/header">
				<strong>
					<i component="topic/pinned" class="fa fa-thumb-tack <!-- IF !topics.pinned -->hide<!-- ENDIF !topics.pinned -->"></i>
					<i component="topic/locked" class="fa fa-lock <!-- IF !topics.locked -->hide<!-- ENDIF !topics.locked -->"></i>
				</strong>
				<!-- IF !topics.noAnchor -->
				<a href="{config.relative_path}/topic/{topics.slug}<!-- IF topics.bookmark -->/{topics.bookmark}<!-- ENDIF topics.bookmark -->"><span class="topic-title">{topics.title}</span></a>
				<!-- ELSE -->
				<span class="topic-title">{topics.title}</span>
				<!-- ENDIF !topics.noAnchor -->
			</div>

			<!-- IF template.category -->
			<small>
				[[global:posts]] <span class="human-readable-number" title="{topics.postcount}"></span> | [[global:views]] <span class="human-readable-number" title="{topics.viewcount}"></span> |
				<!-- IF topics.user.uid -->
				<a href="{config.relative_path}/user/{topics.user.userslug}"><strong>{topics.user.username}</strong></a>
				<!-- ELSE -->
				<strong>[[global:guest]]</strong>
				<!-- ENDIF topics.user.uid -->
				<span class="timeago" title="{topics.timestampISO}"></span>
			</small>
			<!-- ENDIF template.category -->

			<!-- IF !template.category -->
			<small class="lv-small">
				<span class="hidden-xs">[[global:posts]] <span class="human-readable-number" title="{topics.postcount}"></span> | [[global:views]] <span class="human-readable-number" title="{topics.viewcount}"></span> | </span>
				<strong>{topics.user.username}</strong> <a href="{config.relative_path}/category/{topics.category.slug}">[[global:posted_in, {topics.category.name}]] <i class="fa {topics.category.icon}"></i></a> <span class="timeago" title="{topics.timestampISO}"></span>
			</small>
			<!-- ENDIF !template.category -->

			<div class="lv-attrs hidden-xs">
				<!-- IF topics.tags.length -->
				{{{each tags}}}
				<div class="pull-left tag-container">
					<a href="{config.relative_path}/tags/{topics.tags.value}">
						<span class="tag-item" data-tag="{topics.tags.value}" style="<!-- IF topics.tags.color -->color: {topics.tags.color};<!-- ENDIF topics.tags.color --><!-- IF topics.tags.bgColor -->background-color: {topics.tags.bgColor};<!-- ENDIF topics.tags.bgColor -->">{topics.tags.value}</span><span class="tag-topic-count human-readable-number" title="{topics.tags.score}">{topics.tags.score}</span>
					</a>
				</div>
				{{{end}}}
				<!-- ENDIF topics.tags.length -->
			</div>

			<div class="lv-actions actions hidden-xs">
				<ul>
					<!-- IF topics.unreplied -->
					<li class="lv-small">[[category:no_replies]]</li>
					<!-- ELSE -->
					<!-- IF topics.teaser.index -->
					<li class="lv-small">
						<a href="<!-- IF topics.teaser.user.userslug -->{config.relative_path}/user/{topics.teaser.user.userslug}<!-- ELSE -->#<!-- ENDIF topics.teaser.user.userslug -->">
							<!-- IF topics.teaser.user.picture -->
							<img class="user-picture" src="{topics.teaser.user.picture}" alt="{topics.teaser.user.username}" title="{topics.teaser.user.username}" />
							<!-- ELSE -->
							<div class="user-icon" style="background-color: {topics.teaser.user.icon:bgColor};">{topics.teaser.user.icon:text}</div>
							<!-- ENDIF topics.teaser.user.picture -->
						</a>
						<a href="{config.relative_path}/topic/{topics.slug}/{topics.teaser.index}">
							<span class="timeago" title="{topics.teaser.timestampISO}"></span>
						</a>
					</li>
					<!-- ENDIF topics.teaser.index -->
					<!-- IF !topics.teaser.index -->
					<li class="lv-small">[[category:no_replies]]</li>
					<!-- ENDIF !topics.teaser.index -->
					<!-- ENDIF topics.unreplied -->
				</ul>
			</div>
		</div>
	</div>
	{{{end}}}
</div>