add dropdown too change all categories at once

templates/account/categories.tpl

@@ -3,7 +3,19 @@
 
 	<div class="row">
 		<h1>{title}</h1>
-
+		<div class="col-lg-12">
+			<div class="btn-group bottom-sheet" component="category/watch/all">
+				<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
+					<span>[[user:change_all]]</span>
+					<span class="caret"></span>
+				</button>
+				<ul class="dropdown-menu">
+					<li><a href="#" component="category/watching" data-state="watching"><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 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 class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]<p class="help-text"><small>[[category:ignoring.description]]</small></p></a></li>
+				</ul>
+			</div>
+		</div>
 		<div class="col-lg-12">
 			<ul class="categories" itemscope itemtype="http://www.schema.org/ItemList">
 				{{{each categories}}}