putting category options behind a dropdown, and fixing category enable/disable

public/src/forum/admin/categories.js

@@ -134,21 +134,22 @@ define(function() {
 				modified(ev.target);
 			});
 
-			$('.entry-row button[data-disabled]').each(function(index, element) {
+			$('.dropdown li[data-disabled]').each(function(index, element) {
 				var disabled = $(element).attr('data-disabled');
 				if (disabled == "0" || disabled == "") {
-					$(element).html('Disable');
+					$(element).html('<a href="#"><i class="fa fa-power-off"></i> Disable</a>');
 				} else {
-					$(element).html('Enable');
+					$(element).html('<a href="#"><i class="fa fa-power-off"></i> Enable</a>');
 				}
 			});
 
-			$('#entry-container').on('click', '.disable-btn', function(ev) {
+			$('.dropdown').on('click', '[data-disabled]', function(ev) {
 				var btn = $(this);
 				var categoryRow = btn.parents('li');
 				var cid = categoryRow.attr('data-cid');
+				console.log(this.getAttribute('data-disabled'));
 
-				var disabled = btn.html() == "Disable" ? "1" : "0";
+				var disabled = this.getAttribute('data-disabled') === '0' ? '1' : '0';
 				categoryRow.remove();
 				modified_categories[cid] = modified_categories[cid] || {};
 				modified_categories[cid]['disabled'] = disabled;

public/templates/admin/categories.tpl

@@ -60,10 +60,18 @@
 									<div class="form-group">
 										<div class="form-group">
 											<label>&nbsp;</label>
-											<div class="btn-group">
+											<div class="dropdown">
+												<button type="button" class="btn btn-default" data-toggle="dropdown"><i class="fa fa-cogs"></i> Options</button>
+												<ul class="dropdown-menu" role="menu">
+													<li class="permissions"><a href="#"><i class="fa fa-ban"></i> Access Control</a></li>
+													<hr />
+													<li data-disabled="{categories.disabled}"><a href="#"></a></li>
+												</ul>
+											</div>
+											<!-- <div class="btn-group">
 												<button type="submit" class="btn btn-default disable-btn" data-disabled="{categories.disabled}">Disable</button>
 												<button type="button" class="btn btn-default permissions">Permissions</button>
-											</div>
+											</div> -->
 										</div>
 									</div>
 								</div>