63 lines
2.9 KiB
HTML
Executable File
63 lines
2.9 KiB
HTML
Executable File
<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 userId}}
|
|
<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>
|