75 lines
3.5 KiB
HTML
Executable File
75 lines
3.5 KiB
HTML
Executable File
<template name="displayUserIcons">
|
|
<td>{{#if isUserSharingVideo _id}}
|
|
<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 _id}}
|
|
{{#if isCurrentUser _id}}
|
|
{{#if isUserMuted _id}}
|
|
<span class="muteIcon userListSettingIcon glyphicon glyphicon-volume-off" rel="tooltip" data-placement="bottom" title="Unmute yourself"></span>
|
|
{{else}}
|
|
{{#if isCurrentUserTalking}}
|
|
<span class="muteIcon userListSettingIcon glyphicon glyphicon-volume-up" rel="tooltip" data-placement="bottom" title="is talking"></span>
|
|
{{else}}
|
|
<span class="muteIcon userListSettingIcon glyphicon glyphicon-volume-down" rel="tooltip" data-placement="bottom" title="is not talking"></span>
|
|
{{/if}}
|
|
{{/if}}
|
|
{{else}}
|
|
{{#if isUserMuted _id}}
|
|
<span class="userListSettingIcon glyphicon glyphicon-volume-off" rel="tooltip" data-placement="bottom" title="{{user.name}} is muted"></span>
|
|
{{else}}
|
|
{{#if isUserTalking _id}}
|
|
<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 _id}}
|
|
<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>
|
|
{{else}}
|
|
{{#if equals user.role "MODERATOR"}}
|
|
<span class="userListSettingIcon glyphicon glyphicon-user" rel="tooltip" data-placement="bottom" title="{{user.name}} is a moderator"></span>
|
|
{{/if}}
|
|
{{/if}}
|
|
</td>
|
|
|
|
<td>
|
|
{{#if user.raise_hand}}
|
|
{{#if isCurrentUser _id}}
|
|
<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>
|