bigbluebutton-Github/labs/meteor-client/client/views/users/user_item.html

<template name="displayUserIcons">
    <td>{{#if isUserSharingVideo user}}
        <span class="userListSettingIcon glyphicon glyphicon-facetime-video" rel="tooltip" data-placement="bottom" title="{{user.name}} is sharing their webcam"></span>
    {{/if}}</td>

    <!-- Should use much more noticeable icons than just bootstrap's volume-up & volume-down to differentiate talking but it is good for now -->
    <td>{{#if isUserSharingAudio user}}
          {{#if isCurrentUser userId}}
            {{#if isUserMuted user}}
              <span class="muteIcon userListSettingIcon glyphicon glyphicon-volume-off" rel="tooltip" data-placement="bottom" title="Unmute yourself"></span>
            {{else}}
              <span class="muteIcon userListSettingIcon glyphicon glyphicon-volume-down" rel="tooltip" data-placement="bottom" title="Mute yourself"></span>
            {{/if}}
          {{else}}
            {{#if isUserMuted user}}
              <span class="userListSettingIcon glyphicon glyphicon-volume-off" rel="tooltip" data-placement="bottom" title="{{user.name}} is muted"></span>
            {{else}}
              {{#if isUserTalking user}}
                  <span class="userListSettingIcon glyphicon glyphicon-volume-up" rel="tooltip" data-placement="bottom" title="{{user.name}} is talking"></span>
              {{else}}
                  <span class="userListSettingIcon glyphicon glyphicon-volume-down" rel="tooltip" data-placement="bottom" title="{{user.name}} is not talking"></span>
              {{/if}}
            {{/if}}
          {{/if}}
        {{/if}}
        <!-- listen only: -->
        {{#if isUserListenOnly user}}
          <span class="userListSettingIcon glyphicon glyphicon-headphones" title="Listening only"></span>
        {{/if}}
    </td>

    <td>{{#if user.presenter}}<span class="userListSettingIcon glyphicon glyphicon-picture" rel="tooltip" data-placement="bottom" title="{{user.name}} is the presenter"></span>{{/if}}</td>

    <td>
        <!-- {{#if user.raise_hand}} -->
            <!-- {{#if isCurrentUser userId}} -->
                <span class="raisedHandIcon userListSettingIcon glyphicon glyphicon-hand-up" rel="tooltip" data-placement="bottom" title="Lower your hand"></span>
            <!-- {{else}} -->
                <!-- <span class="userListSettingIcon glyphicon glyphicon-hand-up" rel="tooltip" data-placement="bottom" title="{{user.name}} has raised their hand"></span> -->
            <!-- {{/if}} -->
        <!-- {{/if}} -->
    </td>
</template>

<template name="usernameEntry">
	<td class="userNameContainer">
		{{#if isCurrentUser _id}}
			<p class="userNameEntry" rel="tooltip" data-placement="bottom" title="{{user.name}} (you)">
				<strong>{{user.name}} (you)</strong>
			</p>
		{{else}}
			<p class="userNameEntry" rel="tooltip" data-placement="bottom" title="{{user.name}}">
				{{user.name}}
			</p>
		{{/if}}
	</td>
</template>

<template name="userItem">
    {{> usernameEntry}}
    {{> displayUserIcons}}
</template>