summaryrefslogtreecommitdiff
path: root/themes/default/views
diff options
context:
space:
mode:
Diffstat (limited to 'themes/default/views')
-rw-r--r--themes/default/views/album.html.php72
-rw-r--r--themes/default/views/page.html.php36
-rw-r--r--themes/default/views/page_footer.html.php4
-rw-r--r--themes/default/views/page_header.html.php30
-rw-r--r--themes/default/views/page_sidebar.html.php141
5 files changed, 283 insertions, 0 deletions
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>
generated by cgit v1.2.3 (git 2.46.0) at 2025-10-18 03:37:16 +0000