Category visibility toggle implementation

templates/admin/default/categories.html

@@ -57,7 +57,13 @@
 	 							{module_include location='category_list_row'}
 
 		                    	<td>
-		                    		<input type="checkbox" data-id="{$ID}" class="displayToggle" {if $VISIBLE == 1}checked="checked"{/if}>
+		                    	    {loop type="auth" name="can_change" context="admin" roles="ADMIN" permissions="admin.category.edit"}
+		                    		<input type="checkbox" data-id="{$ID}" class="categoryVisibleToggle" {if $VISIBLE == 1}checked="checked"{/if}>
+		                    		{/loop}
+
+		                    		{elseloop rel="can_change"}
+                                       <input type="checkbox" class="disabled" disabled="disabled" {if $VISIBLE == 1}checked="checked"{/if}>
+                                    {/elseloop}
 		                    	</td>
 
 		                    	<td>
@@ -222,6 +228,17 @@ $(function() {
     	$('#'+'delete-category-id').val($(this).data('id'));
     });
 
+    // Toggle category visibility
+    $(".categoryVisibleToggle").click(function() {
+        $.ajax({
+           url : "{url path='admin/catalog/category'}",
+           data : {
+               id : $(this).data('id'),
+               action : 'visibilityToggle'
+           }
+        });
+    });
+
 })
 </script>
 

templates/admin/default/includes/header.inc.html

@@ -88,7 +88,7 @@
             		{loop name="menu-auth-order" type="auth" context="admin" roles="ADMIN" permissions="admin.orders.view"}
             		<li class="dropdown {if $admin_current_location == 'customer'}active{/if}" id="orders_menu" data-toggle="dropdown">
 
-            			<a href="#">{intl l="Orders"}<span class="caret"></span></a>
+            			<a href="#">{intl l="Orders"} <span class="caret"></span></a>
 
 	                     <ul class="dropdown-menu config_menu" role="menu">