components: account/ban, account/unban, account/delete

templates/account/profile.tpl

@@ -25,14 +25,6 @@
 				<!-- ENDIF isFollowing -->
 				<!-- ENDIF !isSelf -->
 
-				<!-- IF !isSelf -->
-				<!-- IF isAdmin -->
-				<a id="banAccountBtn" href="#" class="btn btn-danger btn-sm <!-- IF banned -->hide<!-- ENDIF banned -->">[[user:ban_account]]</a>
-				<a id="unbanAccountBtn" href="#" class="btn btn-danger btn-sm <!-- IF !banned -->hide<!-- ENDIF !banned -->">[[user:unban_account]]</a>
-				<a id="deleteAccountBtn" href="#" class="btn btn-danger btn-sm">[[user:delete_account]]</a><br/><br/>
-				<!-- ENDIF isAdmin -->
-				<!-- ENDIF !isSelf -->
-
 			</div>
 
 			<div id="banLabel" class="text-center <!-- IF !banned -->hide<!-- ENDIF !banned -->">

templates/partials/account/menu.tpl

@@ -18,6 +18,21 @@
 		<li><a href="{config.relative_path}/user/{userslug}/settings">[[user:settings]]</a></li>
 		<li><a href="{config.relative_path}/user/{userslug}/edit">[[user:edit]]</a></li>
 		<!-- ENDIF showHidden -->
+
+		<!-- IF !isSelf -->
+		<!-- IF isAdmin -->
+		<li class="<!-- IF banned -->hide<!-- ENDIF banned -->">
+			<a component="account/ban" href="#">[[user:ban_account]]</a>
+		</li>
+		<li class="<!-- IF !banned -->hide<!-- ENDIF !banned -->">
+			<a component="account/unban" href="#">[[user:unban_account]]</a>
+		</li>
+		<li>
+			<a component="account/delete" href="#" class="">[[user:delete_account]]</a>
+		</li>
+		<!-- ENDIF isAdmin -->
+		<!-- ENDIF !isSelf -->
+
 		<li class="divider"></li>
 		<li><a href="{config.relative_path}/user/{userslug}/following">[[user:following]]</a></li>
 		<li><a href="{config.relative_path}/user/{userslug}/followers">[[user:followers]]</a></li>