seq_module.html 1.2 KB
Newer Older
1
<div id="sequence_${element_id}" class="sequence" data-id="${item_id}" data-position="${position}" >
2 3
  <nav aria-label="Section Navigation" class="sequence-nav">
    <ol id="sequence-list">
4 5 6 7 8 9 10 11 12 13 14
      % for idx, item in enumerate(items):
      ## TODO (vshnayder): add item.progress_detail either to the title or somewhere else.
      ## Make sure it gets updated after ajax calls.
      ## implementation note: will need to figure out how to handle combining detail
      ## statuses of multiple modules in js.
      <li>
        <a class="seq_${item['type']} inactive progress-${item['progress_status']}" data-element="${idx+1}">
          <p>${item['title']}</p>
        </a>
      </li>
      % endfor
15
    </ol>
16

17 18 19 20 21
    <ul class="sequence-nav-buttons">
      <li class="prev"><a href="#">Previous</a></li>
      <li class="next"><a href="#">Next</a></li>
    </ul>
  </nav>
Piotr Mitros committed
22

23 24 25
  % for item in items:
  <div class="seq_contents">${item['content'] | h}</div>
  % endfor
26
  <div id="seq_content"></div>
27

28 29 30 31 32 33 34
  <nav class="sequence-bottom">
    <ul aria-label="Section Navigation" class="sequence-nav-buttons">
      <li class="prev"><a href="#">Previous</a></li>
      <li class="next"><a href="#">Next</a></li>
    </ul>
  </nav>
</div>