From 1b66876c08b46001325310791ed56a46477a09c0 Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Mon, 3 Feb 2014 15:28:31 -0500
Subject: [PATCH] Show group icon in category badges if the category has
 restricted access

---
 app/assets/javascripts/discourse/lib/html.js         | 12 ++++++++++--
 .../templates/components/category-drop.js.handlebars |  7 ++++++-
 .../stylesheets/common/components/badges.css.scss    |  7 +++++++
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/discourse/lib/html.js b/app/assets/javascripts/discourse/lib/html.js
index 3a456e4dd75..5269b6234c2 100644
--- a/app/assets/javascripts/discourse/lib/html.js
+++ b/app/assets/javascripts/discourse/lib/html.js
@@ -47,7 +47,10 @@ Discourse.HTML = {
 
     var name = Em.get(category, 'name'),
         description = Em.get(category, 'description'),
-        html = "<a href=\"" + Discourse.getURL("/category/") + Discourse.Category.slugFor(category) + "\" class=\"badge-category\" ";
+        restricted = Em.get(category, 'read_restricted'),
+        html = "<a href=\"" + Discourse.getURL("/category/") + Discourse.Category.slugFor(category) + "\" ";
+
+    html += "class=\"badge-category" + (restricted ? ' restricted' : '' ) + "\" ";
 
     // Add description if we have it
     if (description) html += "title=\"" + Handlebars.Utils.escapeExpression(description) + "\" ";
@@ -56,7 +59,12 @@ Discourse.HTML = {
     if (categoryStyle) {
       html += "style=\"" + categoryStyle + "\" ";
     }
-    html += ">" + name + "</a>";
+
+    if (restricted) {
+      html += "><div><i class='fa fa-group'></i> " + name + "</div></a>";
+    } else {
+      html += ">" + name + "</a>";
+    }
 
     return html;
   }
diff --git a/app/assets/javascripts/discourse/templates/components/category-drop.js.handlebars b/app/assets/javascripts/discourse/templates/components/category-drop.js.handlebars
index f934c3b8c11..edf7f361654 100644
--- a/app/assets/javascripts/discourse/templates/components/category-drop.js.handlebars
+++ b/app/assets/javascripts/discourse/templates/components/category-drop.js.handlebars
@@ -1,5 +1,10 @@
 {{#if category}}
-  <a href="#" {{action expand}} class="badge-category" {{bind-attr style="badgeStyle"}}>{{category.name}}</a>
+  <a href="#" {{action expand}} class="badge-category" {{bind-attr style="badgeStyle"}}>
+    {{#if category.read_restricted}}
+      <i class='fa fa-group'></i>
+    {{/if}}
+    {{category.name}}
+  </a>
 {{else}}
   {{#if noSubcategories}}
     <a href='#' {{action expand}} class='badge-category home' {{bind-attr style="badgeStyle"}}>{{i18n categories.no_subcategory}}</i></a>
diff --git a/app/assets/stylesheets/common/components/badges.css.scss b/app/assets/stylesheets/common/components/badges.css.scss
index d8415e6e388..efd1cca1650 100644
--- a/app/assets/stylesheets/common/components/badges.css.scss
+++ b/app/assets/stylesheets/common/components/badges.css.scss
@@ -28,6 +28,13 @@
   &[href] {
     color: $white;
   }
+  &.restricted {
+    div {
+      display: inline-block;
+      vertical-align: top;
+      margin: 0;
+    }
+  }
 }