navigation.html 3.47 KB
Newer Older
1
<section class="cal">
Kyle Fiedler committed
2
  <header class="wip">
3 4 5 6 7
    <ul class="actions">
      <li><a href="#">Timeline view</a></li>
      <li><a href="#">Multi-Module edit</a></li>
    </ul>

8
    <ul>
9
      <li>
10 11 12 13 14 15 16
        <h2>Sort:</h2>
        <select>
          <option value="">Linear Order</option>
          <option value="">Recently Modified</option>
          <option value="">Type</option>
          <option value="">Alphabetically</option>
        </select>
17 18 19
      </li>

      <li>
20 21 22 23 24 25 26 27 28 29
        <h2>Filter:</h2>
        <select>
          <option value="">All content</option>
          <option value="">Videos</option>
          <option value="">Problems</option>
          <option value="">Labs</option>
          <option value="">Tutorials</option>
          <option value="">HTML</option>
        </select>
        <a href="#" class="more">More</a>
30 31
      </li>
      <li>
32 33 34 35
        <a href="#">Hide goals</a>
      </li>
      <li class="search">
        <input type="search" name="" id="" value="" placeholder="Search" />
36 37 38 39
      </li>
    </ul>
  </header>

40
  <ol id="weeks">
41
    % for week in weeks:
42
    <li class="week" data-id="${week.location.url()}">
43
      <header>
44
        <h1><a href="#" class="week-edit">${week.url_name}</a></h1>
45
        <ul>
46 47
          % if 'goals' in week.metadata:
            % for goal in week.metadata['goals']:
48 49 50 51 52
            <li class="goal editable">${goal}</li>
            % endfor
          % else:
            <li class="goal editable">Please create a learning goal for this week</li>
          % endif
53
        </ul>
54 55
      </header>

56
      <ul class="modules">
57
        % for module in week.get_children():
58 59 60 61 62
        <li class="module"
            data-id="${module.location.url()}"
            data-type="${module.js_module_name}"
            data-preview-type="${module.module_class.js_module_name}">

63
            <a href="#" class="module-edit">${module.url_name}</a>
64
            <a href="#" class="draggable">handle</a>
65
        </li>
66
        % endfor
67
        <%include file="module-dropdown.html"/>
68 69
      </ul>
    </li>
70
    %endfor
71
    <li class="wip">
72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92
      <header>
        <h1>Course Scratch Pad</h1>
      </header>

      <ul>
        <li>
          <a href="#" class="problem-edit">Problem title 11</a>
          <a href="#" class="draggable">handle</a>
        </li>
        <li>
          <a href="#" class="problem-edit">Problem title 13 </a>
          <a href="#" class="draggable">handle</a>
        </li>
        <li>
          <a href="#" class="problem-edit"> Problem title 14</a>
          <a href="#" class="draggable">handle</a>
        </li>
        <li>
          <a href="" class="video-edit">Video 3</a>
          <a href="#" class="draggable">handle</a>
        </li>
93
        <%include file="module-dropdown.html"/>
94 95
      </ul>
    </li>
96
  </ol>
97

98
  <section class="new-section">
99
    <a href="#" class="wip" >+ Add New Section</a>
100

Kyle Fiedler committed
101
    <section class="hidden">
102 103 104
      <form>
        <ul>
          <li>
105
            <input type="text" name="" id="" placeholder="Section title" />
106 107 108 109 110 111 112 113 114
          </li>
          <li>
            <select>
              <option>Blank</option>
              <option>6.002x</option>
              <option>6.00x</option>
            </select>
          </li>
          <li>
115
            <input type="submit" value="Save and edit week" class="edit-week" />
116 117 118 119 120

            <div>
              <a href="#" class="close">Save without edit</a>
              <a href="#" class="close">cancel</a>
            </div>
121 122 123 124 125
          </li>
        </ul>
      </form>
    </section>
  </section>
126 127
</section>