← Back to branch summary

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

« back to all changes in this revision

Viewing changes to www/apps/browser/__init__.py

  • Committer: mattgiuca
  • Date: 2008-01-11 07:39:40 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:186
Added a bit of "chrome" (some CSS styling and minor touching up of the HTML).
In particular, the main header has been moved around a bit, with the "hello"
message and tabs moved to the right, and the tabs converted from a bullet list
to actual tabs.

dispatch: html, login: Minor changes to HTML layout.
ivle.css: Wrote a few styles to change the appearance of the whole program.
browser.css: A few styles were removed from here and brought into the main css
file. Minor changes to be compatible with ivle.css.

browser: Removed all the sample content (which in actuality will be generated
by JavaScript).

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/apps/browser/__init__.py
45
45
<!-- Top bar section -->
46
46
 
47
47
<div id="topbar">
48
 
<h1>IVLE File Browser</h1>
49
 
<p id="path"><a href="javascript:alert(&quot;Navigate to home&quot;)">home</a> /
50
 
    <a href="javascript:alert(&quot;Navigate to home/work&quot;)">work</a></p>
 
48
<h2>IVLE File Browser</h2>
 
49
<p id="path"></p>
51
50
<p><input type="button" value="Refresh" onclick="action_refresh()" />
52
51
<input type="button" value="New File" onclick="action_newfile()" />
53
52
<input type="button" value="Commit All" onclick="action_svncommitall()" /></p>
74
73
</tr>
75
74
</thead>
76
75
<tbody id="files">
77
 
<tr class="row1">
78
 
    <td class="col-check"><input type="checkbox" title="Select this file" /></td>
79
 
    <td class="col-icons"><img src="%s/images/mime/dir.png" width="22" height="22" title="Directory" alt="" />
80
 
        <img src="%s/images/svn/normal.png" width="22" height="22" title="Permanent file" alt="" /></td>
81
 
    <td class="col-filename"><a href="javascript:alert(&quot;Navigate to home/work/subdir1&quot;)" title="subdir1">subdir1</a></td>
82
 
    <td class="col-size"></td>
83
 
    <td class="col-date"><span title="Dec 3 2007, 3:47 PM">Dec 3</span></td>
84
 
</tr>
85
 
<tr class="row2">
86
 
    <td class="col-check"><input type="checkbox" title="Select this file" /></td>
87
 
    <td class="col-icons"><img src="%s/images/mime/dir.png" width="22" height="22" title="Directory" alt="" />
88
 
        <img src="%s/images/svn/unversioned.png" width="22" height="22" title="Temporary file" alt="" /></td>
89
 
    <td class="col-filename"><a href="javascript:alert(&quot;Navigate to home/work/subdir2&quot;)" title="subdir2">subdir2</a></td>
90
 
    <td class="col-size"></td>
91
 
    <td class="col-date"><span title="Dec 8 2007, 11:37 AM">Today, 11:37 AM</span></td>
92
 
</tr>
93
 
<tr class="row1sel">
94
 
    <td class="col-check"><input type="checkbox" title="Select this file" checked="true" /></td>
95
 
    <td class="col-icons"><img src="%s/images/mime/py.png" width="22" height="22" title="Python source code" alt="" />
96
 
        <img src="%s/images/svn/modified.png" width="22" height="22" title="Permanent file (modified)" alt="" /></td>
97
 
    <td class="col-filename">hello.py</td>
98
 
    <td class="col-size">60 B</td>
99
 
    <td class="col-date"><span title="Dec 8 2007, 2:50 PM">Today, 2:50 PM</span></td>
100
 
</tr>
101
 
<tr class="row2">
102
 
    <td class="col-check"><input type="checkbox" title="Select this file" /></td>
103
 
    <td class="col-icons"><img src="%s/images/mime/txt.png" width="22" height="22" title="Text file" alt="" />
104
 
        <img src="%s/images/svn/unversioned.png" width="22" height="22" title="Temporary file" alt="" /></td>
105
 
    <td class="col-filename">world</td>
106
 
    <td class="col-size">24 B</td>
107
 
    <td class="col-date"><span title="Dec 5 2007, 1:40 AM">3 days ago</span></td>
108
 
</tr>
109
 
<tr class="row1">
110
 
    <td class="col-check"><input type="checkbox" title="Select this file" /></td>
111
 
    <td class="col-icons"><img src="%s/images/mime/txt.png" width="22" height="22" title="Text file" alt="" />
112
 
        <img src="%s/images/svn/unversioned.png" width="22" height="22" title="Temporary file" alt="" /></td>
113
 
    <td class="col-filename">File names that are extremely long are not condensed, merely they extend very far and wrap if necessary.txt</td>
114
 
    <td class="col-size">14 kB</td>
115
 
    <td class="col-date"><span title="Nov 11 2007, 9:14 AM">Nov 11</span></td>
116
 
</tr>
117
76
</tbody>
118
77
</table>
119
78
</div>
123
82
<!-- Side panel -->
124
83
 
125
84
<td id="sidepanel">
126
 
<!-- This section is entirely dynamically generated by selecting files.
127
 
     An example follows -->
128
 
     <p><img src="%s/images/mime/large/py.png" title="Python source code" alt="" /></p>
129
 
     <h1>hello.py</h1>
130
 
     <p>Python source code</p>
131
 
     <p><img src="%s/images/svn/modified.png" width="22" height="22" title="Permanent file (modified)" alt="" /><br />Permanent file (modified)</p>
132
 
     <p>Size: 60 bytes</p>
133
 
     <p>Modified: Dec 8 2007, 2:50 PM</p>
134
 
     <h2>Actions</h2>
135
 
     <p><a href="">Edit</a></p>
136
 
     <p><a href="">Run in Browser</a></p>
137
 
     <p><a href="">Run in Console</a></p>
138
 
     <p><a href="">Rename</a></p>
139
 
     <p><a href="">Download</a></p>
140
 
     <p><a href="">Cut</a></p>
141
 
     <p><a href="">Copy</a></p>
142
 
     <h2>Subversion</h2>
143
 
     <p><a href="">Commit</a></p>
144
 
     <p><a href="">Update</a></p>
145
85
</td>
146
86
<!-- End sidepanel -->
147
87
 
161
101
</html>
162
102
""" %
163
103
    # All the %ses above refer to the location of the IVLE media directory
164
 
    (util.make_path("media"),
165
 
    util.make_path("media"),
166
 
    util.make_path("media"),
167
 
    util.make_path("media"),
168
 
    util.make_path("media"),
169
 
    util.make_path("media"),
170
 
    util.make_path("media"),
171
 
    util.make_path("media"),
172
 
    util.make_path("media"),
173
 
    util.make_path("media"),
174
 
    util.make_path("media"),
175
 
    util.make_path("media"),
176
 
    util.make_path("media"))
 
104
    util.make_path("media")
177
105
)
178
106