Permalink
Browse files

Add dropbox ui.

  • Loading branch information...
1 parent 6524bbb commit 82013ac863b69fe961fb4b8cdb6d742c61f156a8 Maythee Anegboonlap committed Jan 10, 2012
@@ -193,6 +193,23 @@ div.iteration-head:hover #iteration-list-div {
cursor: pointer;
}
+th.dropbox-name {
+ width: 70%;
+}
+
+th.dropbox-size {
+ width: 10%;
+}
+
+th.dropbox-modified {
+ width: 20%;
+}
+
+.dropbox-type {
+ width: 14px;
+ margin-right: 5px;
+}
+
table .task-type{width: 25%;}
table .black{color:#000;border-bottom-color:#000;}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -138,7 +138,7 @@
</li>
<!-- Dropbox -->
- <li id="table-menu">
+ <li id="dropbox-menu">
<a href="#dropbox/show">Dropbox</a>
</li>
@@ -318,33 +318,55 @@ <h2 class="project-name">Project name</h2>
<!-- Project row -->
<div class="row">
- <div class="span4 columns project-head">
+ <div class="span12 columns project-head">
<h2 class="project-name">Project name</h2>
<a href="#project/edit"><img src="images/gear.png" /></a>
</div>
- <div class="span6 offset4 columns">
- <input type="search" value="Search" class="search span6" />
- </div>
-
- <div id="pending-actions" class="span2 columns">
- <a class="btn primary" href="#pending/new">New Task</a>
+ <div id="pending-actions" class="span4 columns">
+ <a class="btn" href="#dropbox/folder/create">New Folder</a>
+ <a class="btn" href="#dropbox/file/upload">Upload File</a>
</div>
</div>
<!-- End project row -->
- <table id="pending-table" class="zebra-stripped">
+ <table id="files-table" class="zebra-stripped">
<thead>
<tr>
- <th class="black header task-type">Pending</th>
+ <th class="dropbox-name">Dropbox > Documents</th>
+ <th class="dropbox-size">Size</th>
+ <th class="dropbox-modified">Modified</th>
</tr>
</thead>
<tbody>
<tr>
- <td id="pending" class="wall">
- <!-- Task will live here -->
+ <td>
+ <img src="images/box.png" class="dropbox-type">Folder 1
+ </td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>
+ <img src="images/notepad.png" class="dropbox-type">Test 1
+ </td>
+ <td>10 KB</td>
+ <td>17 Jan 2012</td>
+ </tr>
+ <tr>
+ <td>
+ <img src="images/notepad.png" class="dropbox-type">Test 2
+ </td>
+ <td>16 KB</td>
+ <td>18 Jan 2012</td>
+ </tr>
+ <tr>
+ <td>
+ <img src="images/notepad.png" class="dropbox-type">Test 3
</td>
+ <td>6 KB</td>
+ <td>13 Jan 2012</td>
</tr>
</tbody>
</table>
@@ -750,17 +750,32 @@ _.table = {
'board/task': function (hash) {
$('#table-menu').addClass('active');
$('#pending-menu').removeClass('active');
+ $('#dropbox-menu').removeClass('active');
$('#table-view').show();
$('#pending-view').hide();
+ $('#dropbox-view').hide();
},
'board/pending': function (hash) {
$('#table-menu').removeClass('active');
$('#pending-menu').addClass('active');
+ $('#dropbox-menu').removeClass('active');
$('#table-view').hide();
$('#pending-view').show();
+ $('#dropbox-view').hide();
+ },
+
+ // Dropbox action
+ 'dropbox/show': function (hash) {
+ $('#table-menu').removeClass('active');
+ $('#pending-menu').removeClass('active');
+ $('#dropbox-menu').addClass('active');
+
+ $('#table-view').hide();
+ $('#pending-view').hide();
+ $('#dropbox-view').show();
},
// Share
@@ -16,10 +16,12 @@ scripts/taskboard.js
css/bootstrap.min.css
css/taskboard.css
+images/box.png
images/delete.png
images/eye.png
images/gear.png
images/github.png
+images/notepad.png
images/twitter.png
images/user.png

0 comments on commit 82013ac

Please sign in to comment.