Moved to new layout

henrypoydar · Aug 11, 2009 · f0bbd37 · f0bbd37
1 parent 9c1054e
commit f0bbd37
Show file tree

Hide file tree

Showing 13 changed files with 677 additions and 530 deletions.
diff --git a/_attachments/index.html b/_attachments/index.html
@@ -19,20 +19,45 @@
 
   </head>
   <body>
-
-    <div class="container">
-
-      <div id="flash"></div>
+    <div id="header">
+      <h1>Processing JS Studio</h1>
+      <ul>
+      </ul> 
+    </div>
+    <div id="container" class="splitter">
+      <div id="nav">
 
-      <div id="header"></div>
+        <div>
+          <h3>Renderings</h3>
+          <ul class="renderings">
+            <li class='renderings-by-date'><a href="#/renderings/by/date">By date</a></li>
+            <li class='renderings-by-sketch'><a href="#/renderings/by/sketch">By sketch</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="expand">Generate renderings</h3>
+          <ul class="sketches expandable">
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="expand">Manage sketches</h3>
+          <ul class="manage expandable">
+            <li class="add"><a href="#/manage/new">Add a new sketch</a></li>  
+          </ul>
+        </div>
 
-      <div id="main">
       </div>
-
-      <div id="footer">
-          &copy; <a href="http://hpoydar.com">Henry Poydar</a>. 
-Licensed under the <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States License</a> 
+      <div id="main">
+
+
+
       </div>
     </div>
+    <div id="footer">
+      <h4>&copy; <a href="http://hpoydar.com">Henry Poydar</a>. 
+  Licensed under the <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States License</a>.</h4>
+    </div>
   </body>
 </html>
diff --git a/_attachments/layout.html b/_attachments/layout.html
@@ -10,7 +10,7 @@
     <meta content='text/html; charset=utf-8' http-equiv='content-type' />
     <meta content='en-us' http-equiv='content-language' />
 
-    <link href="stylesheets/layout.css" media="screen, projection" rel="stylesheet" type="text/css" />
+    <link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
     <link href="stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
 
     <script src="../lib/javascripts/jquery-1.3.2.js" type="text/javascript"></script>
@@ -33,8 +33,8 @@ <h1>Processing JS Studio</h1>
       <li>Nav item 2</li>
     </ul>
   </div>
-  <div id="main" class="splitter">
-    <div id="left">
+  <div id="container" class="splitter">
+    <div id="nav">
 
       <h3>Renderings</h3>
       <ul>
@@ -58,7 +58,7 @@ <h3 class="expand">Manage sketches</h3>
       </ul>
 
     </div>
-    <div id="right">
+    <div id="main">
 
 
 

diff --git a/_attachments/views/renderings/index.html b/_attachments/views/renderings/index.html
@@ -6,6 +6,4 @@
       </a>
     </li>
   <% } %>
-</ul>
-
-<p><small><a href="#/">Back</a></small></p>
+</ul>
diff --git a/lib/javascripts/application.js b/lib/javascripts/application.js
@@ -1,5 +1,7 @@
 $(document).ready(function() {  
-
+
+  $(".splitter").splitter({sizeLeft: 200});
+
   $('#flash').click(function() { $(this).fadeOut('fast'); });
   $('a.toggle_grid').live("click", function() { $('.overlay').toggleClass('grid'); });
   $('a.toggle_palette').live("click", function() { $('ul.palette').toggle(); });
@@ -12,6 +14,34 @@ $(document).ready(function() {
     });  
   });
 
+  // Expandable menu
+  $('#nav').each(function() {
+    var counter = 0
+    $(this).find('ul.expandable').each(function(){
+      var cookie_name = 'ul-nav-' + counter;
+      var handle = $(this).closest('div').find('h3');
+      var expandable = $(this);
+      if ($.cookie(cookie_name) == 'show') {
+        expandable.show();
+        handle.addClass('expanded');
+      } else {
+        expandable.hide();
+        handle.removeClass('expanded');
+      }
+      handle.click(function(){
+        if (expandable.is(":hidden")) {
+          $.cookie(cookie_name, 'show');
+        } else {
+          $.cookie(cookie_name, 'hide');
+        }
+        expandable.toggle('fast');
+        handle.toggleClass('expanded');
+      });
+      counter += 1;
+    });
+  });
+
+
   $('a#add_image').live("click", function() { 
 
     var doc_rev = $("input#document_rev_id").val();