nodebb-theme-persona 12.0.2 → 12.0.3

package/templates/partials/buttons/newTopic.tpl

@@ -1,15 +1,15 @@
-<noscript><div class="dropdown" component="category-selector"></noscript>
-<label component="category/post" for="category-dropdown-check" class="btn btn-primary" id="new_topic" role="button">
-	[[category:new_topic_button]]
-</label>
-<noscript>
-	<input type="checkbox" class="hidden" id="category-dropdown-check" aria-hidden="true">
-	<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
-		{{{each categories}}}
-		<li role="presentation" class="category {{{if categories.disabledClass}}}disabled{{{end}}}">
-			<a role="menu-item" href="{config.relative_path}/compose?cid={categories.cid}">{categories.level}<span component="category-markup">{{{if categories.icon}}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i style="color: {categories.color};" class="fa fa-stack-1x fa-fw {categories.icon}"></i></span>{{{end}}} {categories.name}</span></a>
-		</li>
-		{{{end}}}
-	</ul>
-</div>
-</noscript>
+<noscript><div class="dropdown" component="category-selector"></noscript>
+<label component="category/post" for="category-dropdown-check" class="btn btn-primary" id="new_topic" role="button">
+	[[category:new_topic_button]]
+</label>
+<noscript>
+	<input type="checkbox" class="hidden" id="category-dropdown-check" aria-hidden="true">
+	<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
+		{{{each categories}}}
+		<li role="presentation" class="category {{{if categories.disabledClass}}}disabled{{{end}}}">
+			<a role="menu-item" href="{config.relative_path}/compose?cid={categories.cid}">{categories.level}<span component="category-markup">{{{if categories.icon}}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i style="color: {categories.color};" class="fa fa-stack-1x fa-fw {categories.icon}"></i></span>{{{end}}} {categories.name}</span></a>
+		</li>
+		{{{end}}}
+	</ul>
+</div>
+</noscript>

package/templates/partials/categories/item.tpl

@@ -1,46 +1,46 @@
-<li component="categories/category" data-cid="{../cid}" data-numRecentReplies="1" class="row clearfix category-{../cid}">
-	<meta itemprop="name" content="{../name}">
-
-	<div class="content col-xs-12 <!-- IF config.hideCategoryLastPost -->col-md-10 col-sm-12<!-- ELSE -->col-md-7 col-sm-9<!-- ENDIF config.hideCategoryLastPost -->">
-		<div class="icon pull-left" style="{function.generateCategoryBackground}">
-			<i class="fa fa-fw {../icon}"></i>
-		</div>
-
-		<h2 class="title">
-			<!-- IMPORT partials/categories/link.tpl -->
-		</h2>
-		<div>
-			<!-- IF ../descriptionParsed -->
-			<div class="description">
-				{../descriptionParsed}
-			</div>
-			<!-- ENDIF ../descriptionParsed -->
-			<!-- IF !config.hideSubCategories -->
-			{function.generateChildrenCategories}
-			<!-- ENDIF !config.hideSubCategories -->
-		</div>
-		<span class="visible-xs pull-right">
-			<!-- IF ../teaser.timestampISO -->
-			<a class="permalink" href="{../teaser.url}">
-				<small class="timeago" title="{../teaser.timestampISO}"></small>
-			</a>
-			<!-- ENDIF ../teaser.timestampISO -->
-		</span>
-	</div>
-
-	<!-- IF !../link -->
-	<div class="col-md-1 hidden-sm hidden-xs stats">
-		<span class="{../unread-class} human-readable-number" title="{../totalTopicCount}">{../totalTopicCount}</span><br />
-		<small>[[global:topics]]</small>
-	</div>
-	<div class="col-md-1 hidden-sm hidden-xs stats">
-		<span class="{../unread-class} human-readable-number" title="{../totalPostCount}">{../totalPostCount}</span><br />
-		<small>[[global:posts]]</small>
-	</div>
-	<!-- IF !config.hideCategoryLastPost -->
-	<div class="col-md-3 col-sm-3 teaser hidden-xs" component="topic/teaser">
-		<!-- IMPORT partials/categories/lastpost.tpl -->
-	</div>
-	<!-- ENDIF !config.hideCategoryLastPost -->
-	<!-- ENDIF !../link -->
-</li>
+<li component="categories/category" data-cid="{../cid}" data-numRecentReplies="1" class="row clearfix category-{../cid}">
+	<meta itemprop="name" content="{../name}">
+
+	<div class="content col-xs-12 <!-- IF config.hideCategoryLastPost -->col-md-10 col-sm-12<!-- ELSE -->col-md-7 col-sm-9<!-- ENDIF config.hideCategoryLastPost -->">
+		<div class="icon pull-left" style="{function.generateCategoryBackground}">
+			<i class="fa fa-fw {../icon}"></i>
+		</div>
+
+		<h2 class="title">
+			<!-- IMPORT partials/categories/link.tpl -->
+		</h2>
+		<div>
+			<!-- IF ../descriptionParsed -->
+			<div class="description">
+				{../descriptionParsed}
+			</div>
+			<!-- ENDIF ../descriptionParsed -->
+			<!-- IF !config.hideSubCategories -->
+			{function.generateChildrenCategories}
+			<!-- ENDIF !config.hideSubCategories -->
+		</div>
+		<span class="visible-xs pull-right">
+			<!-- IF ../teaser.timestampISO -->
+			<a class="permalink" href="{../teaser.url}">
+				<small class="timeago" title="{../teaser.timestampISO}"></small>
+			</a>
+			<!-- ENDIF ../teaser.timestampISO -->
+		</span>
+	</div>
+
+	<!-- IF !../link -->
+	<div class="col-md-1 hidden-sm hidden-xs stats">
+		<span class="{../unread-class} human-readable-number" title="{../totalTopicCount}">{../totalTopicCount}</span><br />
+		<small>[[global:topics]]</small>
+	</div>
+	<div class="col-md-1 hidden-sm hidden-xs stats">
+		<span class="{../unread-class} human-readable-number" title="{../totalPostCount}">{../totalPostCount}</span><br />
+		<small>[[global:posts]]</small>
+	</div>
+	<!-- IF !config.hideCategoryLastPost -->
+	<div class="col-md-3 col-sm-3 teaser hidden-xs" component="topic/teaser">
+		<!-- IMPORT partials/categories/lastpost.tpl -->
+	</div>
+	<!-- ENDIF !config.hideCategoryLastPost -->
+	<!-- ENDIF !../link -->
+</li>

package/templates/partials/categories/lastpost.tpl

@@ -1,26 +1,26 @@
-<div class="card background-link-container" style="border-color: {../bgColor}">
-	{{{each ./posts}}}
-	<!-- IF @first -->
-	<div component="category/posts">
-		<a class="background-link" href="{config.relative_path}/topic/{../topic.slug}<!-- IF ../index -->/{../index}<!-- ENDIF ../index -->"></a>
-		<p>
-			<a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(posts.user, "sm", true)}</a>
-			<a class="permalink" href="{config.relative_path}/topic/{../topic.slug}<!-- IF ../index -->/{../index}<!-- ENDIF ../index -->">
-				<small class="timeago" title="{../timestampISO}"></small>
-			</a>
-		</p>
-		<div class="post-content">
-			{../content}
-		</div>
-	</div>
-	<!-- ENDIF @first -->
-	{{{end}}}
-
-	<!-- IF !../posts.length -->
-	<div component="category/posts">
-		<div class="post-content">
-			[[category:no_new_posts]]
-		</div>
-	</div>
-	<!-- ENDIF !../posts.length -->
-</div>
+<div class="card background-link-container" style="border-color: {../bgColor}">
+	{{{each ./posts}}}
+	<!-- IF @first -->
+	<div component="category/posts">
+		<a class="background-link" href="{config.relative_path}/topic/{../topic.slug}<!-- IF ../index -->/{../index}<!-- ENDIF ../index -->"></a>
+		<p>
+			<a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(posts.user, "sm", true)}</a>
+			<a class="permalink" href="{config.relative_path}/topic/{../topic.slug}<!-- IF ../index -->/{../index}<!-- ENDIF ../index -->">
+				<small class="timeago" title="{../timestampISO}"></small>
+			</a>
+		</p>
+		<div class="post-content">
+			{../content}
+		</div>
+	</div>
+	<!-- ENDIF @first -->
+	{{{end}}}
+
+	<!-- IF !../posts.length -->
+	<div component="category/posts">
+		<div class="post-content">
+			[[category:no_new_posts]]
+		</div>
+	</div>
+	<!-- ENDIF !../posts.length -->
+</div>

package/templates/partials/categories/link.tpl

@@ -1,11 +1,11 @@
-<!-- IF ../isSection -->
-{../name}
-<!-- ELSE -->
-<!-- IF ../link -->
-<a href="{../link}" itemprop="url">
-<!-- ELSE -->
-<a href="{config.relative_path}/category/{../slug}" itemprop="url">
-<!-- ENDIF ../link -->
-{../name}
-</a>
+<!-- IF ../isSection -->
+{../name}
+<!-- ELSE -->
+<!-- IF ../link -->
+<a href="{../link}" itemprop="url">
+<!-- ELSE -->
+<a href="{config.relative_path}/category/{../slug}" itemprop="url">
+<!-- ENDIF ../link -->
+{../name}
+</a>
 <!-- ENDIF ../isSection -->

package/templates/partials/category/sort.tpl

@@ -1,15 +1,15 @@
-<div class="btn-group bottom-sheet" component="thread/sort">
-	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
-		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:sort_by]]</span>
-		<span class="visible-xs-inline"><i class="fa fa-fw fa-sort"></i></span>
-		<span class="caret"></span>
-	</button>
-
-	<ul class="dropdown-menu pull-right">
-		<li><a href="#" class="newest_to_oldest" data-sort="newest_to_oldest"><i class="fa fa-fw"></i> [[topic:newest_to_oldest]]</a></li>
-		<li><a href="#" class="oldest_to_newest" data-sort="oldest_to_newest"><i class="fa fa-fw"></i> [[topic:oldest_to_newest]]</a></li>
-		<li><a href="#" class="most_posts" data-sort="most_posts"><i class="fa fa-fw"></i> [[topic:most_posts]]</a></li>
-		<li><a href="#" class="most_votes" data-sort="most_votes"><i class="fa fa-fw"></i> [[topic:most_votes]]</a></li>
-		<li><a href="#" class="most_views" data-sort="most_views"><i class="fa fa-fw"></i> [[topic:most_views]]</a></li>
-	</ul>
+<div class="btn-group bottom-sheet" component="thread/sort">
+	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
+		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:sort_by]]</span>
+		<span class="visible-xs-inline"><i class="fa fa-fw fa-sort"></i></span>
+		<span class="caret"></span>
+	</button>
+
+	<ul class="dropdown-menu pull-right">
+		<li><a href="#" class="newest_to_oldest" data-sort="newest_to_oldest"><i class="fa fa-fw"></i> [[topic:newest_to_oldest]]</a></li>
+		<li><a href="#" class="oldest_to_newest" data-sort="oldest_to_newest"><i class="fa fa-fw"></i> [[topic:oldest_to_newest]]</a></li>
+		<li><a href="#" class="most_posts" data-sort="most_posts"><i class="fa fa-fw"></i> [[topic:most_posts]]</a></li>
+		<li><a href="#" class="most_votes" data-sort="most_votes"><i class="fa fa-fw"></i> [[topic:most_votes]]</a></li>
+		<li><a href="#" class="most_views" data-sort="most_views"><i class="fa fa-fw"></i> [[topic:most_views]]</a></li>
+	</ul>
 </div>

package/templates/partials/category/subcategory.tpl

@@ -1,18 +1,18 @@
-{{{ if children.length }}}
-<div class="subcategory">
-	{{{ if hasMoreSubCategories }}}
-	<div><!-- IMPORT partials/category-selector.tpl --></div>
-	{{{ else }}}
-	<p>[[category:subcategories]]</p>
-	{{{ end }}}
-
-	<ul component="category/subcategory/container" class="categories" itemscope itemtype="http://www.schema.org/ItemList">
-		{{{each children}}}
-		<!-- IMPORT partials/categories/item.tpl -->
-		{{{end}}}
-	</ul>
-	{{{ if hasMoreSubCategories}}}
-	<button class="btn btn-default" component="category/load-more-subcategories">[[category:x-more-categories, {subCategoriesLeft}]]</button>
-	{{{ end }}}
-</div>
+{{{ if children.length }}}
+<div class="subcategory">
+	{{{ if hasMoreSubCategories }}}
+	<div><!-- IMPORT partials/category-selector.tpl --></div>
+	{{{ else }}}
+	<p>[[category:subcategories]]</p>
+	{{{ end }}}
+
+	<ul component="category/subcategory/container" class="categories" itemscope itemtype="http://www.schema.org/ItemList">
+		{{{each children}}}
+		<!-- IMPORT partials/categories/item.tpl -->
+		{{{end}}}
+	</ul>
+	{{{ if hasMoreSubCategories}}}
+	<button class="btn btn-default" component="category/load-more-subcategories">[[category:x-more-categories, {subCategoriesLeft}]]</button>
+	{{{ end }}}
+</div>
 {{{ end }}}

package/templates/partials/category/tags.tpl

@@ -1,5 +1,5 @@
-<!-- IF topics.tags.length -->
-	{{{each tags}}}
-		<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>
-	{{{end}}}
+<!-- IF topics.tags.length -->
+	{{{each tags}}}
+		<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>
+	{{{end}}}
 <!-- ENDIF topics.tags.length -->

package/templates/partials/category/tools.tpl

@@ -1,81 +1,81 @@
-<!-- IF showTopicTools -->
-<div class="btn-group thread-tools bottom-sheet">
-	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
-		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:thread_tools.title]]</span>
-		<span class="visible-xs-inline"><i class="fa fa-fw fa-gear"></i></span>
-		<span class="caret"></span>
-	</button>
-	<ul class="dropdown-menu pull-right">
-		<li>
-			<a component="topic/mark-unread-for-all" href="#">
-				<i class="fa fa-fw fa-inbox"></i> [[topic:thread_tools.markAsUnreadForAll]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/pin" href="#">
-				<i class="fa fa-fw fa-thumb-tack"></i> [[topic:thread_tools.pin]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/unpin" href="#" class="hidden">
-				<i class="fa fa-fw fa-thumb-tack fa-rotate-90"></i> [[topic:thread_tools.unpin]]
-			</a>
-		</li>
-
-		<li>
-			<a component="topic/lock" href="#">
-				<i class="fa fa-fw fa-lock"></i> [[topic:thread_tools.lock]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/unlock" href="#" class="hidden">
-				<i class="fa fa-fw fa-unlock"></i> [[topic:thread_tools.unlock]]
-			</a>
-		</li>
-
-		<li class="divider"></li>
-
-		<li>
-			<a component="topic/move" href="#">
-				<i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move]]
-			</a>
-		</li>
-		{{{if template.category}}}
-		<li>
-			<a component="topic/move-all" href="#">
-				<i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move_all]]
-			</a>
-		</li>
-		{{{end}}}
-		<li>
-			<a component="topic/merge" href="#">
-				<i class="fa fa-fw fa-code-fork"></i> [[topic:thread_tools.merge]]
-			</a>
-		</li>
-
-		<li class="divider"></li>
-
-		<li>
-			<a component="topic/delete" href="#">
-				<i class="fa fa-fw fa-trash-o"></i> [[topic:thread_tools.delete]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/restore" href="#" class="hidden">
-				<i class="fa fa-fw fa-history"></i> [[topic:thread_tools.restore]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/purge" href="#" class="hidden">
-				<i class="fa fa-fw fa-eraser"></i> [[topic:thread_tools.purge]]
-			</a>
-		</li>
-
-		{{{each thread_tools}}}
-		<li>
-			<a href="#" class="{thread_tools.class}"><i class="fa fa-fw {thread_tools.icon}"></i> {thread_tools.title}</a>
-		</li>
-		{{{end}}}
-	</ul>
-</div>
+<!-- IF showTopicTools -->
+<div class="btn-group thread-tools bottom-sheet">
+	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
+		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:thread_tools.title]]</span>
+		<span class="visible-xs-inline"><i class="fa fa-fw fa-gear"></i></span>
+		<span class="caret"></span>
+	</button>
+	<ul class="dropdown-menu pull-right">
+		<li>
+			<a component="topic/mark-unread-for-all" href="#">
+				<i class="fa fa-fw fa-inbox"></i> [[topic:thread_tools.markAsUnreadForAll]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/pin" href="#">
+				<i class="fa fa-fw fa-thumb-tack"></i> [[topic:thread_tools.pin]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/unpin" href="#" class="hidden">
+				<i class="fa fa-fw fa-thumb-tack fa-rotate-90"></i> [[topic:thread_tools.unpin]]
+			</a>
+		</li>
+
+		<li>
+			<a component="topic/lock" href="#">
+				<i class="fa fa-fw fa-lock"></i> [[topic:thread_tools.lock]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/unlock" href="#" class="hidden">
+				<i class="fa fa-fw fa-unlock"></i> [[topic:thread_tools.unlock]]
+			</a>
+		</li>
+
+		<li class="divider"></li>
+
+		<li>
+			<a component="topic/move" href="#">
+				<i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move]]
+			</a>
+		</li>
+		{{{if template.category}}}
+		<li>
+			<a component="topic/move-all" href="#">
+				<i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move_all]]
+			</a>
+		</li>
+		{{{end}}}
+		<li>
+			<a component="topic/merge" href="#">
+				<i class="fa fa-fw fa-code-fork"></i> [[topic:thread_tools.merge]]
+			</a>
+		</li>
+
+		<li class="divider"></li>
+
+		<li>
+			<a component="topic/delete" href="#">
+				<i class="fa fa-fw fa-trash-o"></i> [[topic:thread_tools.delete]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/restore" href="#" class="hidden">
+				<i class="fa fa-fw fa-history"></i> [[topic:thread_tools.restore]]
+			</a>
+		</li>
+		<li>
+			<a component="topic/purge" href="#" class="hidden">
+				<i class="fa fa-fw fa-eraser"></i> [[topic:thread_tools.purge]]
+			</a>
+		</li>
+
+		{{{each thread_tools}}}
+		<li>
+			<a href="#" class="{thread_tools.class}"><i class="fa fa-fw {thread_tools.icon}"></i> {thread_tools.title}</a>
+		</li>
+		{{{end}}}
+	</ul>
+</div>
 <!-- ENDIF showTopicTools -->

package/templates/partials/category/watch.tpl

@@ -1,23 +1,23 @@
-<!-- IF config.loggedIn -->
-<div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch">
-
-	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
-
-		<span component="category/watching/menu" <!-- IF !../isWatched -->class="hidden"<!-- ENDIF !../isWatched -->><i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:watching]]</span></span>
-
-		<span component="category/notwatching/menu" <!-- IF !../isNotWatched -->class="hidden"<!-- ENDIF !../isNotWatched -->><i class="fa fa-fw fa-clock-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:not-watching]]</span></span>
-
-		<span component="category/ignoring/menu" <!-- IF !../isIgnored -->class="hidden"<!-- ENDIF !../isIgnored -->><i class="fa fa-fw fa-eye-slash"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:ignoring]]</span></span>
-
-		<span class="caret"></span>
-	</button>
-
-	<ul class="dropdown-menu dropdown-menu-right">
-		<li><a href="#" component="category/watching" data-state="watching"><i component="category/watching/check" class="fa fa-fw <!-- IF ../isWatched -->fa-check<!-- ENDIF ../isWatched -->"></i><i class="fa fa-fw fa-inbox"></i> [[category:watching]]<p class="help-text"><small>[[category:watching.description]]</small></p></a></li>
-
-		<li><a href="#" component="category/notwatching" data-state="notwatching"><i component="category/notwatching/check" class="fa fa-fw <!-- IF ../isNotWatched -->fa-check<!-- ENDIF ../isNotWatched -->"></i><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]<p class="help-text"><small>[[category:not-watching.description]]</small></p></a></li>
-
-		<li><a href="#" component="category/ignoring" data-state="ignoring"><i component="category/ignoring/check" class="fa fa-fw <!-- IF ../isIgnored -->fa-check<!-- ENDIF ../isIgnored -->"></i><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]<p class="help-text"><small>[[category:ignoring.description]]</small></p></a></li>
-	</ul>
-</div>
+<!-- IF config.loggedIn -->
+<div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch">
+
+	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
+
+		<span component="category/watching/menu" <!-- IF !../isWatched -->class="hidden"<!-- ENDIF !../isWatched -->><i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:watching]]</span></span>
+
+		<span component="category/notwatching/menu" <!-- IF !../isNotWatched -->class="hidden"<!-- ENDIF !../isNotWatched -->><i class="fa fa-fw fa-clock-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:not-watching]]</span></span>
+
+		<span component="category/ignoring/menu" <!-- IF !../isIgnored -->class="hidden"<!-- ENDIF !../isIgnored -->><i class="fa fa-fw fa-eye-slash"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[category:ignoring]]</span></span>
+
+		<span class="caret"></span>
+	</button>
+
+	<ul class="dropdown-menu dropdown-menu-right">
+		<li><a href="#" component="category/watching" data-state="watching"><i component="category/watching/check" class="fa fa-fw <!-- IF ../isWatched -->fa-check<!-- ENDIF ../isWatched -->"></i><i class="fa fa-fw fa-inbox"></i> [[category:watching]]<p class="help-text"><small>[[category:watching.description]]</small></p></a></li>
+
+		<li><a href="#" component="category/notwatching" data-state="notwatching"><i component="category/notwatching/check" class="fa fa-fw <!-- IF ../isNotWatched -->fa-check<!-- ENDIF ../isNotWatched -->"></i><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]<p class="help-text"><small>[[category:not-watching.description]]</small></p></a></li>
+
+		<li><a href="#" component="category/ignoring" data-state="ignoring"><i component="category/ignoring/check" class="fa fa-fw <!-- IF ../isIgnored -->fa-check<!-- ENDIF ../isIgnored -->"></i><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]<p class="help-text"><small>[[category:ignoring.description]]</small></p></a></li>
+	</ul>
+</div>
 <!-- ENDIF config.loggedIn -->

package/templates/partials/category-filter-content.tpl

@@ -1,17 +1,17 @@
-<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-    {{{ if selectedCategory }}}<span class="fa-stack" style="{function.generateCategoryBackground, selectedCategory}"><i class="fa fa-fw fa-stack-1x {selectedCategory.icon}" style="color: {selectedCategory.color};"></i></span> <span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedCategory.name}</span>{{{ else }}}
-    <span class="visible-sm-inline visible-md-inline visible-lg-inline">[[unread:all_categories]]</span><span class="visible-xs-inline"><i class="fa fa-fw fa-list"></i></span>{{{ end }}} <span class="caret"></span>
-</button>
-<div component="category-selector-search" class="hidden">
-    <input type="text" class="form-control" autocomplete="off">
-</div>
-<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
-    <li role="presentation" class="category" data-all="all">
-        <a role="menu-item" href="{config.relative_path}/{allCategoriesUrl}"><i component="category/select/icon" class="fa fa-fw fa-check {{{if selectedCategory}}}invisible{{{end}}}"></i> [[unread:all_categories]]</a>
-    </li>
-    {{{each categoryItems}}}
-    <li role="presentation" class="category {{{ if ../disabledClass }}}disabled{{{ end }}}" data-cid="{../cid}" data-parent-cid="{../parentCid}" data-name="{../name}">
-        <a role="menu-item" href="#">{../level}<i component="category/select/icon" class="fa fa-fw fa-check {{{ if !../selected }}}invisible{{{ end }}}"></i><span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">{{{ if ../icon }}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i class="fa fa-fw fa-stack-1x {../icon}" style="color: {../color};"></i></span>{{{ end }}} {../name}</span></a>
-    </li>
-    {{{end}}}
+<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+    {{{ if selectedCategory }}}<span class="fa-stack" style="{function.generateCategoryBackground, selectedCategory}"><i class="fa fa-fw fa-stack-1x {selectedCategory.icon}" style="color: {selectedCategory.color};"></i></span> <span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedCategory.name}</span>{{{ else }}}
+    <span class="visible-sm-inline visible-md-inline visible-lg-inline">[[unread:all_categories]]</span><span class="visible-xs-inline"><i class="fa fa-fw fa-list"></i></span>{{{ end }}} <span class="caret"></span>
+</button>
+<div component="category-selector-search" class="hidden">
+    <input type="text" class="form-control" autocomplete="off">
+</div>
+<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
+    <li role="presentation" class="category" data-all="all">
+        <a role="menu-item" href="{config.relative_path}/{allCategoriesUrl}"><i component="category/select/icon" class="fa fa-fw fa-check {{{if selectedCategory}}}invisible{{{end}}}"></i> [[unread:all_categories]]</a>
+    </li>
+    {{{each categoryItems}}}
+    <li role="presentation" class="category {{{ if ../disabledClass }}}disabled{{{ end }}}" data-cid="{../cid}" data-parent-cid="{../parentCid}" data-name="{../name}">
+        <a role="menu-item" href="#">{../level}<i component="category/select/icon" class="fa fa-fw fa-check {{{ if !../selected }}}invisible{{{ end }}}"></i><span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">{{{ if ../icon }}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i class="fa fa-fw fa-stack-1x {../icon}" style="color: {../color};"></i></span>{{{ end }}} {../name}</span></a>
+    </li>
+    {{{end}}}
 </ul>

package/templates/partials/category-filter-right.tpl

@@ -1,3 +1,3 @@
-<div component="category/dropdown" class="btn-group pull-right category-dropdown-container bottom-sheet">
-   <!-- IMPORT partials/category-filter-content.tpl -->
+<div component="category/dropdown" class="btn-group pull-right category-dropdown-container bottom-sheet">
+   <!-- IMPORT partials/category-filter-content.tpl -->
 </div>

package/templates/partials/category-filter.tpl

@@ -1,3 +1,3 @@
-<div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
-   <!-- IMPORT partials/category-filter-content.tpl -->
+<div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
+   <!-- IMPORT partials/category-filter-content.tpl -->
 </div>

package/templates/partials/category-selector-right.tpl

@@ -1,3 +1,3 @@
-<div component="category-selector" class="btn-group bottom-sheet pull-right">
-<!-- IMPORT partials/category-selector-content.tpl -->
+<div component="category-selector" class="btn-group bottom-sheet pull-right">
+<!-- IMPORT partials/category-selector-content.tpl -->
 </div>

package/templates/partials/category-selector.tpl

@@ -1,3 +1,3 @@
-<div component="category-selector" class="btn-group bottom-sheet">
-<!-- IMPORT partials/category-selector-content.tpl -->
+<div component="category-selector" class="btn-group bottom-sheet">
+<!-- IMPORT partials/category-selector-content.tpl -->
 </div>

package/templates/partials/change_owner_modal.tpl

@@ -1,22 +1,22 @@
-<div class="panel panel-primary fork-thread-card">
-	<div class="panel-heading">
-		<h3 class="panel-title">[[topic:thread_tools.change_owner]]</h3>
-	</div>
-	<div class="panel-body">
-		<div>
-			<label for="username">[[user:username]]</label>
-			<input id="username" type="text" class="form-control"><br/>
-		</div>
-		<p>
-			[[topic:change_owner_instruction]]<br />
-			<strong><span id="pids"></span></strong>
-		</p>
-	</div>
-	<div class="panel-footer">
-		&nbsp;
-		<div class="btn-group pull-right">
-			<button class="btn btn-link btn-xs" id="change_owner_cancel">[[global:buttons.close]]</button>
-			<button class="btn btn-primary btn-xs" id="change_owner_commit" disabled>[[topic:change-owner]]</button>
-		</div>
-	</div>
-</div>
+<div class="panel panel-primary fork-thread-card">
+	<div class="panel-heading">
+		<h3 class="panel-title">[[topic:thread_tools.change_owner]]</h3>
+	</div>
+	<div class="panel-body">
+		<div>
+			<label for="username">[[user:username]]</label>
+			<input id="username" type="text" class="form-control"><br/>
+		</div>
+		<p>
+			[[topic:change_owner_instruction]]<br />
+			<strong><span id="pids"></span></strong>
+		</p>
+	</div>
+	<div class="panel-footer">
+		&nbsp;
+		<div class="btn-group pull-right">
+			<button class="btn btn-link btn-xs" id="change_owner_cancel">[[global:buttons.close]]</button>
+			<button class="btn btn-primary btn-xs" id="change_owner_commit" disabled>[[topic:change-owner]]</button>
+		</div>
+	</div>
+</div>