From a089399e73cf52ebb7ac84c8db8b66db9664322b Mon Sep 17 00:00:00 2001
From: Bharat Mediratta <bharat@menalto.com>
Date: Mon, 3 Nov 2008 05:53:20 +0000
Subject: Default theme, built with YUI.  A mock right now, not functional at
 all (except in some very minor ways).  It's unclear if this is the best final
 structure.  Right now the album controller knows a considerable amount about
 the layout of the page, which may not be the best way to do things.

---
 themes/default/views/album.html.php        |  72 +++++++++++++++
 themes/default/views/page.html.php         |  36 ++++++++
 themes/default/views/page_footer.html.php  |   4 +
 themes/default/views/page_header.html.php  |  30 ++++++
 themes/default/views/page_sidebar.html.php | 141 +++++++++++++++++++++++++++++
 5 files changed, 283 insertions(+)
 create mode 100644 themes/default/views/album.html.php
 create mode 100644 themes/default/views/page.html.php
 create mode 100644 themes/default/views/page_footer.html.php
 create mode 100644 themes/default/views/page_header.html.php
 create mode 100644 themes/default/views/page_sidebar.html.php

(limited to 'themes/default/views')

diff --git a/themes/default/views/album.html.php b/themes/default/views/album.html.php
new file mode 100644
index 00000000..10930daa
--- /dev/null
+++ b/themes/default/views/album.html.php
@@ -0,0 +1,72 @@
+<? defined("SYSPATH") or die("No direct script access."); ?>
+<script type="text/javascript">
+  myTooltip = new YAHOO.widget.Tooltip("myTooltip", {
+  context:"photo-id-1",
+  text:"<strong>Photo title</strong><br />taken December 24, 2007<br />Viewed 27 times<br /><br/>Tags: christmas, familiy, home, xmas",
+  showDelay:500 } );
+</script>
+
+<div id="gAlbumGrid">
+  <div id="gAlbumGridHeader">
+    <h1>Christmas 2007</h1>
+    <span class="understate">(interesting information about the Album)</span>
+    <a href="#" id="gSlideshowLink" class="buttonlink">Slideshow</a>
+  </div>
+
+  <div class="gAlbumContainer first gAlbum">
+    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
+    <h2>Album title</h2>
+    <ul class="gMetadata">
+      <li>Views: 321</li>
+      <li>By: <a href="#">username</a></li>
+    </ul>
+  </div>
+
+  <div class="gItemContainer">
+    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
+    <h2>Photo title</h2>
+  </div>
+
+  <div class="gItemContainer">
+    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
+    <h2>Photo title</h2>
+  </div>
+
+  <div class="gItemContainer first">
+    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
+    <h2>Photo title</h2>
+  </div>
+
+  <div class="gItemContainer">
+    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
+    <h2>Photo title</h2>
+  </div>
+
+  <div class="gItemContainer">
+    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
+    <h2>Photo title</h2>
+  </div>
+
+  <div class="gItemContainer first">
+    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
+    <h2>Photo title</h2>
+  </div>
+
+  <div class="gItemContainer">
+    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
+    <h2>Photo title</h2>
+  </div>
+
+  <div class="gItemContainer">
+    <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= theme::url("images/thumbnail.jpg") ?>" /></a>
+    <h2>Photo title</h2>
+  </div>
+
+  <div id="gPagination">
+    Items 1-10 of 34
+    <span class="first_inactive">first</span>
+    <span class="previous_inactive">previous</span>
+    <a href="#" class="next">next</a>
+    <a href="#" class="last">last</a>
+  </div>
+</div>
diff --git a/themes/default/views/page.html.php b/themes/default/views/page.html.php
new file mode 100644
index 00000000..0ed808eb
--- /dev/null
+++ b/themes/default/views/page.html.php
@@ -0,0 +1,36 @@
+<? defined("SYSPATH") or die("No direct script access."); ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tranisitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+  <head>
+    <title>Browse Photos :: <?= $item->title ?></title>
+
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+
+    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css" />
+    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/base/base-min.css" />
+    <link rel="stylesheet" type="text/css" href="<?= theme::url("css/styles.css") ?>" media="screen,projection" />
+
+    <!-- CSS -->
+    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/container/assets/container.css" />
+    <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
+    <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/animation/animation-min.js"></script>
+    <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/container/container-min.js"></script>
+
+    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/treeview/assets/skins/sam/treeview.css" />
+    <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/treeview/treeview-min.js"></script>
+  </head>
+
+  <body class="yui-skin-sam">
+    <div id="doc2" class="yui-t5 gAlbumView">
+      <?= $header ?>
+      <div id="bd">
+	<div id="yui-main">
+	  <div id="gContent" class="yui-b">
+	    <?= $content ?>
+	  </div>
+	</div>
+	<?= $sidebar ?>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/themes/default/views/page_footer.html.php b/themes/default/views/page_footer.html.php
new file mode 100644
index 00000000..4e15fbff
--- /dev/null
+++ b/themes/default/views/page_footer.html.php
@@ -0,0 +1,4 @@
+<? defined("SYSPATH") or die("No direct script access."); ?>
+<div id="gFooter">
+  Powered by <a href="#">GalleryX</a> | <a href="#">About this Gallery</a> | ...
+</div>
diff --git a/themes/default/views/page_header.html.php b/themes/default/views/page_header.html.php
new file mode 100644
index 00000000..58eb8847
--- /dev/null
+++ b/themes/default/views/page_header.html.php
@@ -0,0 +1,30 @@
+<? defined("SYSPATH") or die("No direct script access."); ?>
+<div id="gHeader">
+  <img id="gLogo" alt="<?= _("Logo") ?>" src="<?= theme::url("images/logo.png") ?>" />
+
+  <h1><?= $item->title ?></h1>
+
+  <div id="gLoginMenu">
+    <a href="#"><?= _("Register") ?></a> |
+    <a href="#"><?= _("Login") ?>
+  </div>
+
+  <ul id="gSiteMenu">
+    <li><a href="index.html"><?= _("HOME") ?></a></li>
+    <li><a class="active" href="browse.html"><?= _("BROWSE") ?></a></li>
+    <li><a href="upload.html"><?= _("UPLOAD") ?></a></li>
+    <li><a href="upload.html"><?= _("MY GALLERY") ?></a></li>
+    <li><a href="#"><?= _("ADMIN") ?></a></li>
+  </ul>
+
+  <ul id="gBreadcrumbs">
+    <li class="root"><a href="#">Home</a></li>
+    <li><a href="#">Friends &amp; Family</a></li>
+    <li class="active"><span>Christmas 2007</span></li>
+  </ul>
+
+  <form id="gSearchForm">
+    <input type="text" class="text" value="<?= _("Search Gallery ...") ?>"/>
+    <input type="submit" class="submit" value="search" />
+  </form>
+</div>
diff --git a/themes/default/views/page_sidebar.html.php b/themes/default/views/page_sidebar.html.php
new file mode 100644
index 00000000..923b4e4e
--- /dev/null
+++ b/themes/default/views/page_sidebar.html.php
@@ -0,0 +1,141 @@
+<? 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>
+  </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>
+
+
+  <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">
+    <h2>Tag cloud</h2>
+    <ul>
+      <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>
+      <li><a href="#" class="m size3">blog</a></li>
+      <li><a href="#" class="m size1">bug-tracker</a></li>
+      <li><a href="#" class="m size2">bugs20</a></li>
+      <li><a href="#" class="m size0">canvas</a></li>
+      <li><a href="#" class="m size0">classification</a></li>
+      <li><a href="#" class="m size4">cocktail</a></li>
+      <li><a href="#" class="m size0">exhibtion</a></li>
+      <li><a href="#" class="m size0">forum</a></li>
+      <li><a href="#" class="m size1">geo-tagging</a></li>
+      <li><a href="#" class="m size0">german</a></li>
+      <li><a href="#" class="m size0">germany</a></li>
+      <li><a href="#" class="m size0">gläser</a></li>
+      <li><a href="#" class="m size0">graffiti</a></li>
+      <li><a href="#" class="m size0">illustration</a></li>
+      <li><a href="#" class="m size0">ITP</a></li>
+      <li><a href="#" class="m size0">javascript</a></li>
+      <li><a href="#" class="m size0">miami</a></li>
+      <li><a href="#" class="m size0">miknow</a></li>
+      <li><a href="#" class="m size0">nyc</a></li>
+      <li><a href="#" class="m size0">NYU</a></li>
+      <li><a href="#" class="m size0">ontology</a></li>
+      <li><a href="#" class="m size0">open-source</a></li>
+      <li><a href="#" class="m size0">project</a></li>
+      <li><a href="#" class="m size0">school-of-information</a></li>
+      <li><a href="#" class="m size0">screenshot</a></li>
+      <li><a href="#" class="m size0">shiftspace</a></li>
+      <li><a href="#" class="m size0">shop</a></li>
+      <li><a href="#" class="m size0">tagging</a></li>
+      <li><a href="#" class="m size2">talkingpoints</a></li>
+      <li><a href="#" class="m size0">university-of-michigan</a></li>
+      <li><a href="#" class="m size1">usability</a></li>
+      <li><a href="#" class="m size0">writing</a></li>
+    </ul>
+  </div>
+</div>
-- 
cgit v1.2.3