Ticket #2019

modules/base/profile/classes/BxBaseModProfileTemplate.php

@@ -258,7 +258,7 @@ class BxBaseModProfileTemplate extends BxBaseModGeneralTemplate
 
             'action_menu' => $sActionsMenu,
 
-        	'bx_if:show_ava_image' => array(
+            'bx_if:show_ava_image' => array(
                 'condition' => $bUrlAvatar,
                 'content' => array(
                     'ava_url' => $sUrlAvatar
@@ -271,6 +271,10 @@ class BxBaseModProfileTemplate extends BxBaseModGeneralTemplate
                     'letter' => mb_substr($sTitle, 0, 1)
                 )
             ),
+            'bx_if:show_online' => array(
+                'condition' => $oProfile->isOnline(),
+            	'content' => array()
+            ),
             'picture_avatar_url' => $bUrlAvatar ? $sUrlAvatar : $this->getImageUrl('no-picture-preview.png'),
             'picture_popup' => $sPicturePopup,
             'picture_popup_id' => $sPicturePopupId,

modules/base/profile/template/cover.html

@@ -13,6 +13,9 @@
                             <p class="bx-base-pofile-unit-ava bx-def-ava bx-def-ava-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
                         </bx_if:show_ava_letter>
                     </a>
+                    <bx_if:show_online>
+                        <div class="bx-base-pofile-unit-online"></div>
+                    </bx_if:show_online>
                 </div>
             	<div class="bx-base-pofile-cover-user bx-def-margin-sec-top">
                     <h1 class="bx-def-unit-info">__title__</h1>

modules/base/profile/template/css/main.css

@@ -179,12 +179,19 @@ a.bx-base-pofile-cover-image:hover,
 }
 
 div.bx-base-pofile-cover-thumb {
+    position: relative;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: flex-end;
     align-items: flex-end;
     height: 4rem;
 }
+div.bx-base-pofile-cover-thumb .bx-base-pofile-unit-online {
+    width: 0.875rem;
+    height: 0.875rem;
+    right: 0.4rem;
+    bottom: 0.4rem;
+}
 a.bx-base-pofile-cover-thumb,
 a.bx-base-pofile-cover-thumb img {
     position: relative;