98 lines
3.5 KiB
HTML
Executable File
98 lines
3.5 KiB
HTML
Executable File
<template name="displayUserIcons">
|
|
<!-- audio, video, locking, presenter/moderator, hand raised -->
|
|
{{#if isUserInAudio userId}}
|
|
<!-- if the user is listen only, only display the one icon -->
|
|
{{#if isUserListenOnlyAudio userId}}
|
|
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is only listening">
|
|
<i class="icon fi-volume usericon"></i>
|
|
</span>
|
|
{{else}}
|
|
{{#if isCurrentUser userId}}
|
|
{{#if isUserMuted userId}}
|
|
<span rel="tooltip" data-placement="bottom" title="Unmute yourself">
|
|
<i class="ion-ios-mic-off usericon"></i>
|
|
</span>
|
|
{{else}}
|
|
{{#if isCurrentUserTalking}}
|
|
<span rel="tooltip" data-placement="bottom" title="you are talking">
|
|
<i class="ion-ios-mic usericon"></i>
|
|
</span>
|
|
{{else}}
|
|
<span rel="tooltip" data-placement="bottom" title="you are talking">
|
|
<i class="ion-ios-mic-outline usericon"></i>
|
|
</span>
|
|
{{/if}}
|
|
{{/if}}
|
|
{{else}}
|
|
{{#if isUserMuted userId}}
|
|
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is muted">
|
|
<i class="ion-ios-mic-off usericon"></i>
|
|
</span>
|
|
{{else}}
|
|
{{#if isUserTalking userId}}
|
|
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is talking">
|
|
<i class="ion-ios-mic usericon"></i>
|
|
</span>
|
|
{{else}}
|
|
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is not talking">
|
|
<i class="ion-ios-mic-outline usericon"></i>
|
|
</span>
|
|
{{/if}}
|
|
{{/if}}
|
|
{{/if}}
|
|
{{/if}}
|
|
{{/if}}
|
|
|
|
{{#if isUserSharingVideo userId}}
|
|
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is sharing their webcam">
|
|
<i class="icon fi-video usericon"></i>
|
|
</span>
|
|
{{/if}}
|
|
|
|
{{#if userLockedIconApplicable userId}}
|
|
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is locked">
|
|
<i class="icon fi-lock usericon"></i>
|
|
</span>
|
|
{{/if}}
|
|
|
|
{{#if user.presenter}}
|
|
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is the presenter">
|
|
<i class="icon fi-projection-screen usericon"></i>
|
|
</span>
|
|
{{else}}
|
|
{{#if equals user.role "MODERATOR"}}
|
|
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is a moderator">
|
|
<i class="icon fi-torso usericon"></i>
|
|
</span>
|
|
{{/if}}
|
|
{{/if}}
|
|
|
|
{{#if user.raise_hand}}
|
|
{{#if isCurrentUser userId}}
|
|
<span class="ion-android-hand usericon" rel="tooltip" data-placement="bottom" title="Lower your hand"></span>
|
|
{{else}}
|
|
<span class="ion-android-hand usericon" rel="tooltip" data-placement="bottom" title="{{user.name}} has raised their hand"></span>
|
|
{{/if}}
|
|
{{/if}}
|
|
</template>
|
|
|
|
<template name="usernameEntry">
|
|
{{#if isCurrentUser userId}}
|
|
<span class="userCurrent usernameEntry" rel="tooltip" data-placement="bottom" title="{{user.name}} (you)">
|
|
{{user.name}} {{#if user.presenter}} (presenter) {{/if}} (you)
|
|
</span>
|
|
{{else}}
|
|
<span class="usernameEntry" rel="tooltip" data-placement="bottom" title="{{user.name}}">
|
|
{{user.name}}
|
|
{{#if user.presenter}} (presenter) {{/if}}
|
|
</span>
|
|
{{/if}}
|
|
</template>
|
|
|
|
<template name="userItem">
|
|
{{> usernameEntry}}
|
|
<div id="usericons">
|
|
{{> displayUserIcons}}
|
|
</div>
|
|
</template>
|