From 56ef05a0bf66757e799acc9c9ff1f2850d8b55d5 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@designcreateplay.com>
Date: Fri, 29 Nov 2013 12:35:36 -0500
Subject: [PATCH] putting category options behind a dropdown, and fixing
 category enable/disable

---
 public/src/forum/admin/categories.js  | 11 ++++++-----
 public/templates/admin/categories.tpl | 12 ++++++++++--
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/public/src/forum/admin/categories.js b/public/src/forum/admin/categories.js
index 48983d2c0f..d94eb9434b 100644
--- a/public/src/forum/admin/categories.js
+++ b/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;
diff --git a/public/templates/admin/categories.tpl b/public/templates/admin/categories.tpl
index e273279e1a..4cc65d8bca 100644
--- a/public/templates/admin/categories.tpl
+++ b/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>