From e7db2b55719b40ff9fa02a606592f5271df42abd Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Wed, 3 Oct 2012 11:27:15 -0400
Subject: [PATCH] static asset library template

---
 cms/templates/asset_index.html | 186 ++++++++++++++++++++++++++++++++-
 1 file changed, 184 insertions(+), 2 deletions(-)

diff --git a/cms/templates/asset_index.html b/cms/templates/asset_index.html
index 34745d832a..0069cae9ba 100644
--- a/cms/templates/asset_index.html
+++ b/cms/templates/asset_index.html
@@ -8,11 +8,193 @@
   <div class="main-wrapper">
     <div class="inner-wrapper">
       <h1>Asset Library</h1>
-      <input type="text" class="asset-search-input search wip-box" placeholder="search assets" />
+      <div class="page-actions">
+        <a href="#" class="upload-button">Upload New File</a><input type="text" class="asset-search-input search wip-box" placeholder="search assets" />
+      </div>
       <article class="asset-library">
-
+        <table>
+          <thead>
+            <tr>
+              <th class="thumb-col"></th>
+              <th class="name-col">Name</th>
+              <th class="date-col">Date Added</th>
+              <th class="embed-col">Embed</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="thumb-col">
+                <div class="thumb"><img src="http://dribbble.s3.amazonaws.com/users/3185/screenshots/149571/picture_39.png"></div>
+              </td>
+              <td class="name-col">
+                <a href="#" class="filename">raygun-1.jpg</a>
+              </td>
+              <td class="date-col">
+                10/2/2012
+              </td>
+              <td class="embed-col">
+                <a href="#">copy</a>
+              </td>
+            </tr>
+            <tr>
+              <td class="thumb-col">
+                <div class="thumb"><img src="http://dribbble.s3.amazonaws.com/users/4573/screenshots/157708/final.png"></div>
+              </td>
+              <td class="name-col">
+                <a href="#" class="filename">raygun-2.jpg</a>
+              </td>
+              <td class="date-col">
+                10/2/2012
+              </td>
+              <td class="embed-col">
+                <a href="#">copy</a>
+              </td>
+            </tr>
+            <tr>
+              <td class="thumb-col">
+                <div class="thumb"><img src="http://dribbble.s3.amazonaws.com/users/15101/screenshots/228625/star_wars_lightsbaer_2.jpg"></div>
+              </td>
+              <td class="name-col">
+                <a href="#" class="filename">raygun-2.jpg</a>
+              </td>
+              <td class="date-col">
+                10/2/2012
+              </td>
+              <td class="embed-col">
+                <a href="#">copy</a>
+              </td>
+            </tr>
+            <tr>
+              <td class="thumb-col">
+                <div class="thumb"><img src="http://dribbble.s3.amazonaws.com/users/3185/screenshots/149571/picture_39.png"></div>
+              </td>
+              <td class="name-col">
+                <a href="#" class="filename">raygun-1.jpg</a>
+              </td>
+              <td class="date-col">
+                10/2/2012
+              </td>
+              <td class="embed-col">
+                <a href="#">copy</a>
+              </td>
+            </tr>
+            <tr>
+              <td class="thumb-col">
+                <div class="thumb"><img src="http://dribbble.s3.amazonaws.com/users/4573/screenshots/157708/final.png"></div>
+              </td>
+              <td class="name-col">
+                <a href="#" class="filename">raygun-2.jpg</a>
+              </td>
+              <td class="date-col">
+                10/2/2012
+              </td>
+              <td class="embed-col">
+                <a href="#">copy</a>
+              </td>
+            </tr>
+            <tr>
+              <td class="thumb-col">
+                <div class="thumb"><img src="http://dribbble.s3.amazonaws.com/users/15101/screenshots/228625/star_wars_lightsbaer_2.jpg"></div>
+              </td>
+              <td class="name-col">
+                <a href="#" class="filename">raygun-2.jpg</a>
+              </td>
+              <td class="date-col">
+                10/2/2012
+              </td>
+              <td class="embed-col">
+                <a href="#">copy</a>
+              </td>
+            </tr>
+            <tr>
+              <td class="thumb-col">
+                <div class="thumb"><img src="http://dribbble.s3.amazonaws.com/users/3185/screenshots/149571/picture_39.png"></div>
+              </td>
+              <td class="name-col">
+                <a href="#" class="filename">raygun-1.jpg</a>
+              </td>
+              <td class="date-col">
+                10/2/2012
+              </td>
+              <td class="embed-col">
+                <a href="#">copy</a>
+              </td>
+            </tr>
+            <tr>
+              <td class="thumb-col">
+                <div class="thumb"><img src="http://dribbble.s3.amazonaws.com/users/4573/screenshots/157708/final.png"></div>
+              </td>
+              <td class="name-col">
+                <a href="#" class="filename">raygun-2.jpg</a>
+              </td>
+              <td class="date-col">
+                10/2/2012
+              </td>
+              <td class="embed-col">
+                <a href="#">copy</a>
+              </td>
+            </tr>
+            <tr>
+              <td class="thumb-col">
+                <div class="thumb"><img src="http://dribbble.s3.amazonaws.com/users/15101/screenshots/228625/star_wars_lightsbaer_2.jpg"></div>
+              </td>
+              <td class="name-col">
+                <a href="#" class="filename">raygun-2.jpg</a>
+              </td>
+              <td class="date-col">
+                10/2/2012
+              </td>
+              <td class="embed-col">
+                <a href="#">copy</a>
+              </td>
+            </tr>
+            <tr>
+              <td class="thumb-col">
+                <div class="thumb"><img src="http://dribbble.s3.amazonaws.com/users/3185/screenshots/149571/picture_39.png"></div>
+              </td>
+              <td class="name-col">
+                <a href="#" class="filename">raygun-1.jpg</a>
+              </td>
+              <td class="date-col">
+                10/2/2012
+              </td>
+              <td class="embed-col">
+                <a href="#">copy</a>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <nav class="pagination">
+          Page: 
+          <ol class="pages">
+            <li>1</li>
+            <li><a href="#">2</a></li>
+            <li><a href="#">3</a></li>
+            <li><a href="#">4</a></li>
+            <li><a href="#">5</a></li>
+          </ol>
+          <a href="#" class="next">»</a>
+        </nav>
       </article>
     </div>
   </div>
 
+  <div class="upload-modal modal">
+  	<a href="#" class="close-button"><span class="close-icon"></span></a>
+		<div class="modal-body">
+			<h1>Upload New File</h1>
+			<p class="file-name"></a>
+			<div class="progress-bar">
+				<div class="progress-fill"></div>
+			</div>
+			<a href="#" class="copy-button">Copy Embed Link</a>
+			<div class="file-chooser">
+				<a href="#" class="choose-file-button">Choose File</a>
+				<input type="file" class="file-input">
+			</div>
+		</div>
+	</div>
+
+	<div class="modal-cover"></div>
+
 </%block>