73 lines
3.1 KiB
HTML
Executable File
73 lines
3.1 KiB
HTML
Executable File
<template name="emojiDisplay">
|
|
<div class="sl-fab-container sl-left-hr-dbl-fab">
|
|
<button type="submit" class="sl-fab-trigger">
|
|
<i class="ion-plus-round"></i>
|
|
</button>
|
|
<button type="submit" class="sl-fab-btn sadEmojiButton {{#if equals getCurrentUserEmojiStatus 'sad'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
{{> slIcon name="sad-face" size="50"}}
|
|
</button>
|
|
<button type="submit" class="sl-fab-btn happyEmojiButton {{#if equals getCurrentUserEmojiStatus 'happy'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
{{> slIcon name="happy-face" size="50"}}
|
|
</button>
|
|
<button type="submit" class="sl-fab-btn confusedEmojiButton {{#if equals getCurrentUserEmojiStatus 'confused'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
{{> slIcon name="confused-face" size="50"}}
|
|
</button>
|
|
<button type="submit" class="sl-fab-btn neutralEmojiButton {{#if equals getCurrentUserEmojiStatus 'neutral'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
{{> slIcon name="neutral-face" size="50"}}
|
|
</button>
|
|
<button type="submit" class="sl-fab-btn awayEmojiButton {{#if equals getCurrentUserEmojiStatus 'away'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
{{> slIcon name="clock" size="50"}}
|
|
</button>
|
|
<button type="submit" class="sl-fab-btn raiseHandEmojiButton {{#if equals getCurrentUserEmojiStatus 'raiseHand'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
<i class="ion-android-hand"></i>
|
|
</button>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="whiteboard">
|
|
<div id="{{id}}" {{visibility name}} class="component">
|
|
{{#each getCurrentSlide}}
|
|
{{> slide}}
|
|
{{/each}}
|
|
|
|
<div id="videoContainer">
|
|
<video id="webcam" autoplay="autoplay" controls></video>
|
|
</div>
|
|
<div id="whiteboard-container" class="{{whiteboardSize}}">
|
|
<div id="whiteboard-paper">
|
|
</div>
|
|
{{#if isMobile}}
|
|
{{> makeButton btn_class="soaringButton fullscreenButton whiteboardFullscreenButton" i_class="ion-arrow-expand"}}
|
|
{{/if}}
|
|
</div>
|
|
{{> emojiDisplay}}
|
|
|
|
{{#if isPollStarted}}
|
|
{{> polling}}
|
|
{{/if}}
|
|
{{#if isCurrentUserPresenter}}
|
|
{{> presenterBottomControllers}}
|
|
{{/if}}
|
|
</div>
|
|
</template>
|
|
|
|
<template name="presenterBottomControllers">
|
|
<div id="controllers">
|
|
<div id="switchSlideSection">
|
|
{{> makeButton btn_class="switchSlideButton previousSlide" i_class="ion-arrow-left-a" rel="tooltip" data_placement="top" title="Previous"}}
|
|
<span id="presentationProgress">
|
|
{{presentationProgress}}
|
|
</span>
|
|
{{> makeButton btn_class="switchSlideButton nextSlide" i_class="ion-arrow-right-a" rel="tooltip" data_placement="top" title="Next"}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="polling">
|
|
<div class="polling">
|
|
{{#each getPollQuestions}}
|
|
{{> makeButton btn_class="pollButtons" rel="tooltip" data_placement="top" label=key answer=id style=style }}
|
|
{{/each}}
|
|
</div>
|
|
</template>
|