round.html

<template name="round">
<div class="row-fluid bb-puzzleround">
  <!-- this the information about a given round -->

{{#with data}}
<div class="bb-splitter">
<div class="bb-top-content">{{! start top of splitter }}

<div class="bb-top-left-content">{{! start top left splitter }}
  <table class="table"><tbody>{{! tables for layout, oh my }}
    <tr><td>
{{#unless round.solved}}
  {{#with round}}{{> puzzle_callin_modal}}{{> puzzle_summon_modal}}{{/with}}
{{/unless}}
<h1 class="{{#if stuck}}bb-status-stuck{{/if}}">Round <small>{{round.name}}
  (<a class="bb-wiki" href="{{wikiRP r=round_num p=0}}">wiki r{{round_num}}p0</a>)
  {{#if round.link}}(<a href="{{round.link}}" target="_blank">puzzle link <i class="icon-share-alt"></i></a>){{/if}}
</small></h1>

{{#with round}}{{> blackboard_tags }}{{/with}}
{{#if round.solved}}{{#with round}}{{> puzzle_correct_answer}}{{/with}}{{/if}}
{{#with round}}{{> puzzle_incorrect_answers}}{{/with}}

    </td><td>

<table class="bb-round-answers table table-bordered table-condensed"><tbody>
  <tr><th>Puzzle in round</th><th>Answer</th></tr>
  {{#each puzzles}}
  <tr><td>{{link _id}}</td><td class="answer">{{#if solved}}{{tag "answer"}}{{/if}}</td></tr>
  {{/each}}
</tbody></table>

   </td></tr>
</tbody></table>
</div>

<div class="bb-splitter-handle"></div>

<div class="bb-top-right-content">{{! start top right splitter }}

<div class="bb-message-container">
  {{> messages }}
</div>

<div class="bb-chat-input bb-chat-footer">
  {{> messages_input }}
</div>

<div class="bb-chat-pop-out">
  <a href="/chat/rounds/{{round._id}}" class="chat-link bb-pop-out"
     target="chat{{round._id}}"><i class="icon-share-alt"></i>
Pop out</a>
</div>

</div>

</div> {{! end top of splitter }}

<div class="bb-splitter-handle"></div>

<div class="bb-bottom-content">{{! start bottom of splitter }}

{{#if round.spreadsheet}}
<div class="bb-bottom-header">
<a align="center" href="{{spread_link round.spreadsheet}}"
   target="_blank"><i class='icon-fullscreen'></i>
Open spreadsheet in new window</a>
</div>

<iframe class="bb-spreadsheet-frame" frameborder='0' src='https://docs.google.com/spreadsheet/ccc?key={{round.spreadsheet}}&widget=true&chrome=false'></iframe>
{{else}}
<p>No spreadsheet.</p>
{{/if}}

</div>{{! end bottom of splitter }}
</div>
{{/with}}

</div>
</template>