Skip to content

Instantly share code, notes, and snippets.

@jschilli
Created August 18, 2011 15:07
Show Gist options
  • Save jschilli/1154252 to your computer and use it in GitHub Desktop.
Save jschilli/1154252 to your computer and use it in GitHub Desktop.
collection view - separate handlebar templates for sc2
<script type="text/x-handlebars" data-template-name="checklist-row-view">
<!-- Setup an overall div to capture the current status (updated, current, etc) -->
<div {{bindAttr class="content.status Simplifi.STYLES.checkListRow content.contentIndex"}}>
<div class="name">
{{content.itemTypeAsString}}
</div>
<div class="status">
<div class="status-icon"></div>
</div>
<div class="updated">
{{content.LastViewed class="updated"}}
</div>
<div class="steps">
{{#if ../content.RequiresUpdate}}
Update
{{else}}
Current
{{/if}}
{{/view}}
<span class="next-steps">
{{#if ../content.RequiresUpdate}}
Needs Attention!
{{else}}
Current
{{/if}}
</span>
</div>
</div>
</script>
<script type="text/x-handlebars" data-template-name="checklist-headings">
<div class="checklist-headings">
<div class="name">
<h3>{{title}}</h3>
</div>
<div class="status">
Completed
</div>
<div class="updated">
Last Updated
</div>
<div class="steps">
Next Steps
</div>
</div>
</script>
<script type="text/x-handlebars" data-template-name="checklist-view">
<div class="content-inner">
<div class="content-group">
<div class="content-box-wrapper checklist">
<div class="content-box instructions">
This Checklist will serve as a guide to help you complete—and regularly update—your plan. Any items not marked CURRENT need your attention, so select those items and update them accordingly. When all Checklist items are marked CURRENT, your plan will be up-to-date and you will receive your overall GPA.
</div>
<div class="content-box">
<div class="checklist-group">
{{view templateName="checklist-headings" title="Personal"}}
<div class='checklist-box'>
{{#collection Simplifi.ChecklistView contentBinding="Simplifi.ChecklistController.personalItems"}}
{{view templateName="checklist-row-view" contentBinding="content"}}
{{/collection}}
</div>
</div>
<div class="checklist-group">
{{view templateName="checklist-headings" title="Goals and Accounts"}}
<div class='checklist-box'>
{{#collection Simplifi.ChecklistView contentBinding="Simplifi.ChecklistController.goalAccountItems"}}
{{view templateName="checklist-row-view" contentBinding="content"}}
{{/collection}}
</div>
</div>
<div class="checklist-group">
{{view templateName="checklist-headings" title="Risks"}}
<div class='checklist-box'>
{{#collection Simplifi.ChecklistView contentBinding="Simplifi.ChecklistController.riskItems"}}
{{view templateName="checklist-row-view" contentBinding="content"}}
{{/collection}}
</div>
</div>
<div class="checklist-group">
{{view templateName="checklist-headings" title="Reports"}}
<div class='checklist-box'>
{{#collection Simplifi.ChecklistView contentBinding="Simplifi.ChecklistController.reportItems"}}
{{view templateName="checklist-row-view" contentBinding="content"}}
{{/collection}}
</div>
</div>
</div>
</div>
</div>
</div>
</script>
<script type="text/html">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment