138 lines
5.5 KiB
HTML
Executable File
138 lines
5.5 KiB
HTML
Executable File
<template name="whiteboard">
|
|
<div id="{{id}}" {{visibility name}} class="component">
|
|
{{#if getCurrentSlide}}
|
|
<!-- {{> slide getCurrentSlide}} -->
|
|
{{>slide}}
|
|
{{forceSlideShow}}
|
|
{{/if}}
|
|
|
|
<div id="whiteboard-container" class="{{whiteboardSize}}">
|
|
<div id="whiteboard-paper">
|
|
</div>
|
|
<!-- TODO: Move this to the whiteboardControls -->
|
|
<div class="FABContainer {{#unless hasNoPresentation}}noPresentation{{/unless}}">
|
|
<button type="submit" class="FABTriggerButton">
|
|
<i class="ion-android-hand"></i>
|
|
</button>
|
|
<button type="submit" class="sadEmojiButton {{#if equals getCurrentUserEmojiStatus 'sad'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
{{> icon name="sad-face" size="50"}}
|
|
</button>
|
|
<button type="submit" class="happyEmojiButton {{#if equals getCurrentUserEmojiStatus 'happy'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
{{> icon name="happy-face" size="50"}}
|
|
</button>
|
|
<button type="submit" class="confusedEmojiButton {{#if equals getCurrentUserEmojiStatus 'confused'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
{{> icon name="confused-face" size="50"}}
|
|
</button>
|
|
<button type="submit" class="neutralEmojiButton {{#if equals getCurrentUserEmojiStatus 'neutral'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
{{> icon name="neutral-face" size="50"}}
|
|
</button>
|
|
<button type="submit" class="awayEmojiButton {{#if equals getCurrentUserEmojiStatus 'away'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
{{> icon name="clock" size="50"}}
|
|
</button>
|
|
<button type="submit" class="raiseHandEmojiButton {{#if equals getCurrentUserEmojiStatus 'raiseHand'}}activeEmojiButton{{else}}inactiveEmojiButton{{/if}}">
|
|
<i class="ion-android-hand"></i>
|
|
</button>
|
|
</div>
|
|
|
|
{{#if isMobile}}
|
|
{{> makeButton btn_class="soaringButton fullscreenButton whiteboardFullscreenButton" i_class="ion-arrow-expand"}}
|
|
{{/if}}
|
|
|
|
{{> whiteboardControls}}
|
|
</div>
|
|
{{#if isPollStarted}}
|
|
{{> polling}}
|
|
{{/if}}
|
|
</div>
|
|
</template>
|
|
|
|
<template name="whiteboardControls">
|
|
<div id="whiteboard-controls">
|
|
<div class="whiteboard-buttons-left">
|
|
<!-- TODO: Adjust the presenter uploader for mobile views on iOS devices
|
|
you cant upload PDFs, only images from camera/gallery -->
|
|
{{#unless isMobile}}
|
|
{{> presenterUploaderControl}}
|
|
{{/unless}}
|
|
</div>
|
|
<div class="whiteboard-buttons-center">
|
|
{{#if isCurrentUserPresenter}}
|
|
<div class="whiteboard-buttons-slide">
|
|
{{> makeButton btn_class="prev" i_class="ion-arrow-left-a" rel="tooltip" data_placement="top" title="Previous"}}
|
|
<span class="current">
|
|
{{presentationProgress}}
|
|
</span>
|
|
{{> makeButton btn_class="next" i_class="ion-arrow-right-a" rel="tooltip" data_placement="top" title="Next"}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
<div class="whiteboard-buttons-right">
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="presenterUploaderControl">
|
|
{{#if isCurrentUserPresenter}}
|
|
<div class="presenter-uploader-control {{#if isOpen}}is-open{{/if}}">
|
|
<div class="presenter-uploader-container">
|
|
<ul class="presenter-uploader-file-list">
|
|
{{#each files}}
|
|
{{> presenterUploaderControlFileListItem}}
|
|
{{/each}}
|
|
{{#each presentations}}
|
|
{{> presenterUploaderControlPresentationListItem}}
|
|
{{/each}}
|
|
</ul>
|
|
<div class="presenter-uploader-dropzone" data-dropzone>
|
|
<input type="file" class="presenter-uploader-dropzone-fileinput" multiple />
|
|
<i class="presenter-uploader-dropzone-icon ion-archive"></i>
|
|
<span class="presenter-uploader-dropzone-label">Drop files here <br/>or click to upload</span>
|
|
</div>
|
|
<div class="presenter-uploader-tip">
|
|
Upload any office document or Portable Document Format (PDF) file.
|
|
<br/>
|
|
For best results upload PDF.
|
|
</div>
|
|
{{> makeButton btn_class="presenter-uploader-control-btn js-close" i_class="ion-ios-close-outline"}}
|
|
</div>
|
|
|
|
{{#unless isOpen}}
|
|
{{> makeButton btn_class="presenter-uploader-control-btn js-open" i_class="ion-ios-upload-outline"}}
|
|
{{/unless}}
|
|
</div>
|
|
{{/if}}
|
|
</template>
|
|
|
|
<template name="presenterUploaderControlFileListItem">
|
|
<li class="presenter-uploader-file-item is-uploading">
|
|
<span class="presenter-uploader-file-item-name">
|
|
{{name}}
|
|
</span>
|
|
<span class="presenter-uploader-file-item-progress">
|
|
{{percUploaded}}%
|
|
</span>
|
|
</li>
|
|
</template>
|
|
|
|
<template name="presenterUploaderControlPresentationListItem">
|
|
<li class="presenter-uploader-file-item {{#if current}}current{{/if}}">
|
|
<span class="presenter-uploader-file-item-name" data-action-show>
|
|
{{name}}
|
|
</span>
|
|
<span class="presenter-uploader-file-item-actions">
|
|
{{#unless current}}
|
|
<i class="ion-ios-eye-outline" data-action-show></i>
|
|
{{/unless}}
|
|
<i class="ion-ios-trash-outline" data-action-delete></i>
|
|
</span>
|
|
</li>
|
|
</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>
|