tao-test/app/taoQtiTest/views/js/testRunner/tpl/navigatorTree.tpl

48 lines
3.2 KiB
Smarty

<ul class="qti-navigator-parts plain">
{{#each parts}}
<li class="qti-navigator-part collapsible {{#if active}}active{{else}}collapsed{{/if}}" data-id="{{id}}">
<span class="qti-navigator-label" title="{{label}}">
<span class="qti-navigator-text">{{label}}</span>
<span class="icon-up"></span>
<span class="icon-down"></span>
</span>
{{#if sections.length}}
<ul class="qti-navigator-sections collapsible-panel plain">
{{#each sections}}
<li class="qti-navigator-section collapsible {{#if active}}active{{else}}collapsed{{/if}}" data-id="{{id}}">
<span class="qti-navigator-label" title="{{label}}">
<span class="qti-navigator-text">{{label}}</span>
<span class="qti-navigator-counter">{{answered}}/{{items.length}}</span>
</span>
<ul class="qti-navigator-items collapsible-panel plain">
{{#each items}}
<li class="qti-navigator-item{{#if active}} active{{/if}}{{#if flagged}} flagged{{/if}}{{#if answered}} answered{{/if}}{{#if viewed}} viewed{{else}} unseen{{/if}}" data-id="{{id}}" data-position="{{position}}">
<span class="qti-navigator-label truncate" title="{{label}}">
<span class="qti-navigator-icon icon-{{#if flagged}}flagged{{else}}{{#if answered}}answered{{else}}{{#if viewed}}viewed{{else}}unseen{{/if}}{{/if}}{{/if}}"></span>
<span class="qti-navigator-number">{{@index}}</span>
{{label}}
</span>
</li>
{{/each}}
</ul>
</li>
{{/each}}
</ul>
{{else}}
<div class="qti-navigator-linear-part collapsible-panel">
<span class="icon icon-info" title="{{__ 'In this part of the test navigation is not allowed.'}}"></span>
<p class="qti-navigator-message">
{{__ 'In this part of the test navigation is not allowed.'}}
</p>
<p class="qti-navigator-actions">
<button class="btn-info small" data-id="{{itemId}}" data-position="{{position}}" title="{{__ 'Start Test-part'}}">
<span class="qti-navigator-text">{{__ 'Start Test-part'}}</span>
<span class="icon-play r"></span>
</button>
</p>
</div>
{{/if}}
</li>
{{/each}}
</ul>