topic/pinned and topic/locked components

templates/category.tpl

@@ -48,8 +48,8 @@
 						<meta itemprop="name" content="{topics.title}">
 
 						<strong>
-							<i class="fa fa-thumb-tack <!-- IF !topics.pinned -->hide<!-- ENDIF !topics.pinned -->"></i>
+							<i component="topic/pinned" class="fa fa-thumb-tack <!-- IF !topics.pinned -->hide<!-- ENDIF !topics.pinned -->"></i>
-							<i class="fa fa-lock <!-- IF !topics.locked -->hide<!-- ENDIF !topics.locked -->"></i>
+							<i component="topic/locked" class="fa fa-lock <!-- IF !topics.locked -->hide<!-- ENDIF !topics.locked -->"></i>
 						</strong>
 						<span class="topic-title">{topics.title}</span>
 					</a>