diff --git a/assets/css/components/conversations/list.css b/assets/css/components/conversations/list.css index a1716009..6c060da8 100644 --- a/assets/css/components/conversations/list.css +++ b/assets/css/components/conversations/list.css @@ -8,4 +8,12 @@ margin-left: 5px; color: #777; font-size: 10px; +} + +.conversations-list-box .conversations-members-numbers .fa.fa-users { + margin-right: 2px; +} + +.conversations-list-box .conversations-members-numbers { + margin-bottom: 0px; } \ No newline at end of file diff --git a/assets/js/components/conversations/list.js b/assets/js/components/conversations/list.js index 7fa9ec56..48374ae8 100644 --- a/assets/js/components/conversations/list.js +++ b/assets/js/components/conversations/list.js @@ -301,6 +301,20 @@ ComunicWeb.components.conversations.list = { }); } + //Add members number + //Create paragraph + var membersNumberParagraphElem = createElem("p", linkElem); + membersNumberParagraphElem.className = "conversations-members-numbers"; + var membersNumberSmallElem = createElem("small", membersNumberParagraphElem); + + //Add icon + var membersNumberIconElem = createElem("i", membersNumberSmallElem); + membersNumberIconElem.className = "fa fa-users"; + + //Specify value + var membersNumberValueElem = createElem("span", membersNumberSmallElem); + membersNumberValueElem.innerHTML = (conversationInfos.members.length === 1 ? "1 member" : conversationInfos.members.length + " members"); + //Success return true; }