sequence-edit.html 3.1 KB
Newer Older
1
<section class="sequence-edit">
2
  <section class="filters wip">
3 4
    <ul>
      <li>
5
        <h2>Sort:</h2>
6
        <select>
7
          <option value="">Linear Order</option>
8
          <option value="">Recently Modified</option>
9 10
          <option value="">Type</option>
          <option value="">Alphabetically</option>
11 12
        </select>
      </li>
13

14
      <li>
15
        <h2>Filter:</h2>
16 17
        <select>
          <option value="">All content</option>
18 19 20 21 22
          <option value="">Videos</option>
          <option value="">Problems</option>
          <option value="">Labs</option>
          <option value="">Tutorials</option>
          <option value="">HTML</option>
23
        </select>
24
        <a href="#" class="more">More</a>
25
      </li>
26 27
      <li class="search">
        <input type="search" name="" id="" value="" placeholder="Search" />
28 29 30
      </li>
    </ul>
  </section>
31

32
  <div class="content">
33 34
    <section class="modules">
      <ol>
35
        <li>
36
          <ol id="sortable">
37
            % for child in module.get_children():
38
            <li class="${module.category}">
39 40 41
              <a href="#" class="module-edit"
                 data-id="${child.location.url()}"
                 data-type="${child.js_module_name}"
42
                 data-preview-type="${child.module_class.js_module_name}">${child.url_name}</a>
43 44 45 46
              <a href="#" class="draggable">handle</a>
            </li>
            %endfor
          </ol>
47 48
        </li>

49 50
      </ol>
    </section>
51

52
    <section class="scratch-pad wip">
53 54 55 56 57 58 59 60 61 62 63
      <ol>
        <li class="new-module">
          <%include file="new-module.html"/>
        </li>
        <li>
          <header>
            <h2>Section Scratch</h2>
          </header>
          <ul>
            <li>
              <a href="#" class="problem-edit">Problem title 11</a>
64
              <a href="#" class="draggable">handle</a>
65 66 67
            </li>
            <li>
              <a href="#" class="problem-edit">Problem title 13 </a>
68
              <a href="#" class="draggable">handle</a>
69 70 71 72 73 74 75 76 77 78 79 80 81 82 83
            </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>
          </ul>
        </li>
        <li>
          <header>
            <h2>Course Scratch</h2>
          </header>
84

85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106
          <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>
          </ul>
        </li>
      </ol>
    </section>
  </div>
107 108
</section>