← Back to branch summary

~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to ivle/webapp/filesystem/browser/template.html

  • Committer: Matt Giuca
  • Date: 2009-02-25 10:19:29 UTC
  • mfrom: (1100.1.35 new-ui)
  • Revision ID: matt.giuca@gmail.com-20090225101929-v2206kbf3lgkm1kz
*Spoiler warning: Plot or ending details follow*

Merged from new-ui branch.

IVLE top bar and top of filebrowser and console have all been made over. They
look very shiny and web 2.0!

Added image-source top-level directory with SVG source images.

Added new chrome images to ivle/webapp/coremedia/images.

Redid a lot CSS and HTML.
Every page now has an H1 at the top (common UI). Moved existing H1s to the top
of the page. Other H1s have been cleaned up (moved to H2s or restyled).
IVLE top bar has been majorly cleaned up (previously had many layered divs);
now more accessible.

Subject icon replaced with tutorial one.

The funeral for the tacky yellow and blue stylesheet will be held this Friday.

Show diffs side-by-side

added added

removed removed

Lines of Context:
ivle/webapp/filesystem/browser/template.html
6
6
</head>
7
7
<body>
8
8
  <div id="topbar">
9
 
    <div id="path">
10
 
      <span>
11
 
        <py:for each="segment in paths">/<a href="${segment['href_path']}" title="Navigate to ${segment['nav_path']}">${segment['path']}</a></py:for><py:if test="isdir">/</py:if><py:if test="revno is not None"> (revision ${revno})</py:if>
12
 
      </span>
13
 
    </div>
14
 
    <div id="actions1">
15
 
      <a id="act_open" class="disabled">Open</a> :
16
 
      <a id="act_serve"
17
 
          title="View this file on the web, running your code if this is a CGI file"
18
 
          class="disabled" target="_blank">Serve</a> :
19
 
      <a id="act_run" title="Run the selected Python file in the console"
20
 
          class="disabled">Run</a> :
21
 
      <a id="act_download" class="choice">Download</a> :
22
 
      <a title="Refresh the current page" onclick="refresh()"
23
 
          class="choice">Refresh</a>
24
 
      <span id="moreactions_area"> :
25
 
        <select id="moreactions" onchange="handle_moreactions()"
26
 
            onblur="handle_moreactions()">
27
 
          <option class="moreactions" value="top"
28
 
              selected="selected">More actions...</option>
29
 
          <py:for each="(name, disablement, group) in moreactions">
30
 
 
31
 
            <optgroup label="${name}">
32
 
 
33
 
              <py:choose test="disablement">
34
 
 
35
 
                <py:when test="True">
36
 
                  <py:for each="(id, bits) in group">
37
 
                    <option id="act_${id}" class="disabled" disabled="disabled"
38
 
                        title="${bits[1]}" value="${id}">${bits[0]}</option>
39
 
                  </py:for>
40
 
                </py:when>
41
 
 
42
 
                <py:otherwise>
43
 
                  <py:for each="(id, bits) in group">
44
 
                    <option id="act_${id}" title="${bits[1]}" 
45
 
                        value="${id}">${bits[0]}</option>
46
 
                  </py:for>                
47
 
                </py:otherwise>
48
 
 
49
 
              </py:choose>
50
 
 
51
 
            </optgroup>
52
 
          </py:for>
53
 
        </select>
54
 
      </span>
55
 
    </div>
56
 
    <div id="actions2">
57
 
      <form id="actions2_directory"
58
 
          target="upload_iframe"
59
 
          action="${fileservice_action}"
60
 
          enctype="multipart/form-data" method="post">
61
 
        <p>
62
 
          <span id="selectallpanel">
63
 
          Select:
64
 
            <a onclick="action_selectall(true)"
65
 
                title="Select all files in this directory">All</a> :
66
 
            <a onclick="action_selectall(false)"
67
 
                title="Deselect all files in this directory">None</a>
68
 
          </span>
69
 
 
70
 
          <span style="display:none" id="uploadpanel">|
 
9
    <h1 id="path">
 
10
      <py:for each="segment in paths">/<a href="${segment['href_path']}" title="Navigate to ${segment['nav_path']}">${segment['path']}</a></py:for><py:if test="isdir">/</py:if><py:if test="revno is not None"> (revision ${revno})</py:if>
 
11
    </h1>
 
12
    <div id="actions">
 
13
      <span id="actions1">
 
14
        <a id="act_open" class="disabled">Open</a> :
 
15
        <a id="act_serve"
 
16
            title="View this file on the web, running your code if this is a CGI file"
 
17
            class="disabled" target="_blank">Serve</a> :
 
18
        <a id="act_run" title="Run the selected Python file in the console"
 
19
            class="disabled">Run</a> :
 
20
        <a id="act_download" class="choice">Download</a> :
 
21
        <a title="Refresh the current page" onclick="refresh()"
 
22
            class="choice">Refresh</a>
 
23
        <span id="moreactions_area"> :
 
24
          <select id="moreactions" onchange="handle_moreactions()"
 
25
              onblur="handle_moreactions()">
 
26
            <option class="moreactions" value="top"
 
27
                selected="selected">More actions...</option>
 
28
            <py:for each="(name, disablement, group) in moreactions">
 
29
 
 
30
              <optgroup label="${name}">
 
31
 
 
32
                <py:choose test="disablement">
 
33
 
 
34
                  <py:when test="True">
 
35
                    <py:for each="(id, bits) in group">
 
36
                      <option id="act_${id}" class="disabled" disabled="disabled"
 
37
                          title="${bits[1]}" value="${id}">${bits[0]}</option>
 
38
                    </py:for>
 
39
                  </py:when>
 
40
 
 
41
                  <py:otherwise>
 
42
                    <py:for each="(id, bits) in group">
 
43
                      <option id="act_${id}" title="${bits[1]}" 
 
44
                          value="${id}">${bits[0]}</option>
 
45
                    </py:for>                
 
46
                  </py:otherwise>
 
47
 
 
48
                </py:choose>
 
49
 
 
50
              </optgroup>
 
51
            </py:for>
 
52
          </select>
 
53
        </span>
 
54
      </span> <!-- actions1 -->
 
55
      <span id="actions2">
 
56
        <form id="actions2_directory"
 
57
            target="upload_iframe"
 
58
            action="${fileservice_action}"
 
59
            enctype="multipart/form-data" method="post">
 
60
          <span style="display:none" id="uploadpanel">
71
61
            <label for="upload_file">Upload file:</label>
72
62
            <input type="hidden" value="putfile" name="action" />
73
63
            <input type="hidden" value="" name="path" />
81
71
               refreshing the page. (It will refresh the listing). -->
82
72
          <iframe onload="upload_callback()" style="display: none;"
83
73
              name="upload_iframe" id="upload_iframe"></iframe>
84
 
        </p>
85
 
      </form>
86
 
      <p id="actions2_file">
87
 
        <input type="button" id="save_button" value="Save" onclick="save_file('${filename}')" />
88
 
        <input type="button" id="saveas_button" value="Save As..." onclick="save_file_as('${filename}')" />
89
 
        <select id="highlighting_select" onchange="highlighting_changed(this)">
90
 
          <option value="text">Text</option>
91
 
          <option value="python">Python</option>
92
 
          <option value="html">HTML</option>
93
 
          <option value="javascript">JavaScript</option>
94
 
          <option value="css">CSS</option>
95
 
        </select>
96
 
      </p>
97
 
    </div>
 
74
        </form>
 
75
        <span id="actions2_file">
 
76
          <input type="button" id="save_button" value="Save" onclick="save_file('${filename}')" />
 
77
          <input type="button" id="saveas_button" value="Save As..." onclick="save_file_as('${filename}')" />
 
78
          <select id="highlighting_select" onchange="highlighting_changed(this)">
 
79
            <option value="text">Text</option>
 
80
            <option value="python">Python</option>
 
81
            <option value="html">HTML</option>
 
82
            <option value="javascript">JavaScript</option>
 
83
            <option value="css">CSS</option>
 
84
          </select>
 
85
        </span>
 
86
      </span> <!-- actions2 -->
 
87
    </div> <!-- actions -->
98
88
  </div>
99
89
  <!-- Body. The JavaScript places content here relevant to the path -->
100
90
  <div id="filesbody">