From 1ac7a8277d6452875f746e23cd68236648568cf2 Mon Sep 17 00:00:00 2001
From: cpradio <forums@cpradio.net>
Date: Wed, 10 Sep 2014 19:16:36 -0400
Subject: [PATCH] UX: Add Suspension Message to User Card

Add the suspension message to the user card of the user. This replaces the about me (bio) just like it does on their profile page.
https://meta.discourse.org/t/profile-page-on-mobile-selecting-menu-item-should-jump-to-the-selected-content/19896/2
---
 .../discourse/controllers/user-expansion.js.es6       |  2 ++
 .../discourse/templates/user-expansion.js.handlebars  | 11 +++++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/controllers/user-expansion.js.es6 b/app/assets/javascripts/discourse/controllers/user-expansion.js.es6
index 1f5dbade0c8..a2058d93562 100644
--- a/app/assets/javascripts/discourse/controllers/user-expansion.js.es6
+++ b/app/assets/javascripts/discourse/controllers/user-expansion.js.es6
@@ -18,6 +18,8 @@ export default ObjectController.extend({
 
   hasUserFilters: Em.computed.gt('postStream.userFilters.length', 0),
 
+  isSuspended: Em.computed.notEmpty('user.suspend_reason'),
+
   showBadges: Discourse.computed.setting('enable_badges'),
 
   moreBadgesCount: function() {
diff --git a/app/assets/javascripts/discourse/templates/user-expansion.js.handlebars b/app/assets/javascripts/discourse/templates/user-expansion.js.handlebars
index 6ee7e07ab94..4ff21636b29 100644
--- a/app/assets/javascripts/discourse/templates/user-expansion.js.handlebars
+++ b/app/assets/javascripts/discourse/templates/user-expansion.js.handlebars
@@ -32,7 +32,15 @@
     </div>
 
     <div class='bottom'>
-      {{#if user.bio_cooked}}<div class='bio'>{{{user.bio_cooked}}}</div>{{/if}}
+      {{#if isSuspended}}
+        <div class='suspended'>
+          <i class='fa fa-ban'></i>
+          <b>{{i18n user.suspended_notice date="user.suspendedTillDate"}}</b><br/>
+          <b>{{i18n user.suspended_reason}}</b> {{user.suspend_reason}}
+        </div>
+      {{else}}
+        {{#if user.bio_cooked}}<div class='bio'>{{{user.bio_cooked}}}</div>{{/if}}
+      {{/if}}
 
       {{#if user.can_send_private_message_to_user}}
         <button class='btn btn-primary' {{action composePrivateMessage user}}><i class='fa fa-envelope'></i>{{i18n user.private_message}}</button>
@@ -47,7 +55,6 @@
       {{#if hasUserFilters}}
         <button class='btn' {{action cancelFilter}}><i class='fa fa-times'></i>{{i18n topic.filters.cancel}}</button>
       {{/if}}
-
     </div>
   {{else}}
     <p class='loading'>{{i18n loading}}</p>