From 605d2de336eac8c8f80b916d30989b347d813e94 Mon Sep 17 00:00:00 2001
From: Bharat Mediratta <bharat@menalto.com>
Date: Tue, 4 Nov 2008 21:24:42 +0000
Subject: Lots of new stuff!

Replace theme HTML with *almost* the latest stuff from the
mockups.  (it doesn't include r18467 yet).

Our theme format is now modelled after WordPress / Habari's style
where you have one entry point per type (eg: album.php) which can
load up whatever parts it needs (eg: $theme->display("header"))

Created album and photo helpers which have create() functions
that form the base of our new API, along with tests for them.

Created our own version of the ORM_MPTT since the existing
versions were too buggy and unsupported to depend upon.  Only has
a minimal implementation so far, and the tests are not yet
committed.

Added path(), thumbnail_path() and resize_path() to Item_Model

Extended the scaffolding to allow you to add lots of
photos/albums into your hierarchy.

Deleted modules/mptt -- we're not going to use this anymore.
---
 themes/default/views/sidebar.html.php | 159 ++++++++++++++--------------------
 1 file changed, 63 insertions(+), 96 deletions(-)

(limited to 'themes/default/views/sidebar.html.php')

diff --git a/themes/default/views/sidebar.html.php b/themes/default/views/sidebar.html.php
index f8acc25b..9f4509e3 100644
--- a/themes/default/views/sidebar.html.php
+++ b/themes/default/views/sidebar.html.php
@@ -1,106 +1,24 @@
 <? defined("SYSPATH") or die("No direct script access."); ?>
 <div id="gSidebar" class="yui-b">
 
-  <div id="gAlbumTree">
-    <h2>Album Navigation</h2>
-
-    <div id="gTreeContainer"><!-- there might be a better way to make this accessible to the JS -->
-      <ul>
-        <li>Gallery
-          <ul>
-            <li>Friends &amp; Family
-              <ul>
-                <li>Christmas 2006</li>
-                <li>Family Reunion</li>
-                <li>Christmas 2007</li>
-              </ul>
-            </li>
-            <li>Vactions
-              <ul>
-                <li>Cuba</li>
-                <li>Europe</li>
-              </ul>
-            </li>
-          </ul>
-        </li>
-      </ul>
+  <div id="gCarousel" class="gBlock">
+    <div class="gBlockHeader">
+      <h2>Album: <a href="browse.html">Christmas 2007</a></h2>
+      <a href="#" class="minimize">[-]</a>
     </div>
-  </div>
-
-  <script type="text/javascript">
-    //global variable to allow console inspection of tree:
-    var tree;
-
-    //anonymous function wraps the remainder of the logic:
-    (function() {
-
-    //function to initialize the tree:
-    function treeInit() {
-    buildRandomTextNodeTree();
-    }
-
-    //Function  creates the tree and
-    //builds between 3 and 7 children of the root node:
-    function buildRandomTextNodeTree() {
-    //instantiate the tree:
-    tree = new YAHOO.widget.TreeView("gTreeContainer");
-
-    // Expand and collapse happen prior to the actual expand/collapse,
-    // and can be used to cancel the operation
-    tree.subscribe("expand", function(node) {
-    YAHOO.log(node.index + " was expanded", "info", "example");
-    // return false; // return false to cancel the expand
-    });
-
-    tree.subscribe("collapse", function(node) {
-    YAHOO.log(node.index + " was collapsed", "info", "example");
-    });
-
-    // Trees with TextNodes will fire an event for when the label is clicked:
-    tree.subscribe("labelClick", function(node) {
-    YAHOO.log(node.index + " label was clicked", "info", "example");
-    });
-
-    //The tree is not created in the DOM until this method is called:
-    tree.draw();
-    }
-
-    //Add an onDOMReady handler to build the tree when the document is ready
-    YAHOO.util.Event.onDOMReady(treeInit);
 
-    })();
-  </script>
+    <img src="<?= $theme->url("images/carousel.png") ?>" width="214" class="gBlockContent" />
+  </div>
 
 
-  <table class="gMetadata">
-    <caption><h2>Album Info</h2></caption>
-    <tbody>
-      <tr>
-        <th>Name:</th>
-        <td><strong>Christmas 2007</strong></td>
-      </tr>
-      <tr>
-        <th>Taken:</th>
-        <td><span class="date" title="January 21, 2008 8:30pm">January 21, 2008</td>
-      </tr>
-      <tr>
-        <th>Location:</th>
-        <td><a href="#" title="see the location on a map">Mountain View</a></td>
-      </tr>
-      <tr>
-        <th>Owner:</th>
-        <td><a href="#">username</a></td>
-      </tr>
-      <tr>
-        <th>Uploaded:</th>
-        <td><span class="date" title="October 23, 2008 11:37am">October 23, 2008</td>
-      </tr>
-    </tbody>
-  </table>
+  <div class="gTagCloud gBlock">
+    <div class="gBlockHeader">
+      <h2>Tags</h2> &nbsp;
+      <a href="#">?</a>
+      <a href="#" class="minimize">[-]</a>
+    </div>
 
-  <div class="gTagCloud">
-    <h2>Tag cloud</h2>
-    <ul>
+    <ul class="gBlockContent">
       <li><a href="#" class="m size0">animation</a></li>
       <li><a href="#" class="m size0">art</a></li>
       <li><a href="#" class="m size1">blind</a></li>
@@ -137,5 +55,54 @@
       <li><a href="#" class="m size1">usability</a></li>
       <li><a href="#" class="m size0">writing</a></li>
     </ul>
+
+    <form id="gAddTag" class="gBlockContent">
+      <input type="text" class="text" value="add new tags ..." id="newtags" />
+      <input type="submit" class="submit" value="add" />
+      <label for="newtags" class="understate">(separated by commas)</label>
+    </form>
+  </div>
+
+  <div class="gBlock">
+    <div class="gBlockHeader">
+      <h2>Item Info</h2>
+      <a href="#" class="minimize">[-]</a>
+    </div>
+    <table class="gMetadata gBlockContent">
+      <tbody>
+        <tr>
+          <th>Title:</th>
+          <td>Christmas 2007</td>
+        </tr>
+        <tr>
+          <th>Taken:</th>
+          <td>January 21, 2008</td>
+        </tr>
+        <tr>
+          <th>Uploaded:</th>
+          <td>January 27, 2008</td>
+        </tr>
+        <tr>
+          <th>Owner:</th>
+          <td><a href="#">username</a></td>
+        </tr>
+        <tr>
+          <td colspan="2" class="toggle">
+            <a href="#">more \/</a>
+          </td>
+        </tr>
+      </tbody>
+    </table>
   </div>
-</div>
+
+  <div class="gBlock">
+    <div class="gBlockHeader">
+      <h2>Location</h2>
+      <a href="#" class="minimize">[-]</a>
+    </div>
+    <iframe class="gBlockContent" width="214" height="214" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;q=mountain+view&amp;sll=37.0625,-95.677068&amp;sspn=50.823846,89.648437&amp;ie=UTF8&amp;z=12&amp;g=mountain+view&amp;ll=37.433704,-122.056046&amp;output=embed&amp;s=AARTsJoyjpSOFMFEv5XZbREeW_hGGS28pQ"></iframe>
+    <br />
+    <small class="gBlockContent"><a href="http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;q=mountain+view&amp;sll=37.0625,-95.677068&amp;sspn=50.823846,89.648437&amp;ie=UTF8&amp;z=12&amp;g=mountain+view&amp;ll=37.433704,-122.056046&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
+  </div>
+
+</div><!-- END #gSideBar -->
-- 
cgit v1.2.3