You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@clerezza.apache.org by re...@apache.org on 2010/03/01 14:52:33 UTC
svn commit: r917524 - in
/incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples:
./ src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/
src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/
Author: reto
Date: Mon Mar 1 13:52:33 2010
New Revision: 917524
URL: http://svn.apache.org/viewvc?rev=917524&view=rev
Log:
CLEREZZA-47: merged down trunk
Modified:
incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/ (props changed)
incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-thumbnail.xhtml
incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-tree.xhtml
incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel.xhtml
incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/demo.css
Propchange: incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/
------------------------------------------------------------------------------
--- svn:mergeinfo (added)
+++ svn:mergeinfo Mon Mar 1 13:52:33 2010
@@ -0,0 +1,2 @@
+/incubator/clerezza/issues/CLEREZZA-52/org.apache.clerezza.app.webguiexamples:894321-894392
+/incubator/clerezza/trunk/org.apache.clerezza.parent/org.apache.clerezza.app.webguiexamples:892743-917432
Modified: incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-thumbnail.xhtml
URL: http://svn.apache.org/viewvc/incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-thumbnail.xhtml?rev=917524&r1=917523&r2=917524&view=diff
==============================================================================
--- incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-thumbnail.xhtml (original)
+++ incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-thumbnail.xhtml Mon Mar 1 13:52:33 2010
@@ -124,91 +124,101 @@
</div>
<!-- // header -->
-<!-- content -->
-<div id="tx-content">
- <!-- panel -->
- <div class="tx-panel">
- <!-- open-close button, jquery.panel.js, toggles in the tx-edit, tx-tree, tx-list the tx-show-panel and tx-hide-panel classes -->
- <a href="#" class="tx-icon tx-icon-left-inverse tx-panel-open-close">remove</a>
- <form action="" method="post">
- <fieldset>
- <label>
- <input type="text" value="search assets" />
- <input type="submit" value="" class="tx-icon tx-icon-search"/>
- </label>
- <!-- optional input elements-->
- <label>
- <input type="radio" name="searchtype" value="" />
- new search</label>
- <label>
- <input type="radio" name="searchtype" value="" />
- search within results</label>
- </fieldset>
- </form>
- <!-- selected filter elements -->
- <div class="tx-filter">
- <h4>Actual filter:</h4>
- <ol>
- <!-- filter elements, tx-icon is floating right, must be at the first place -->
- <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Tiger</li>
- <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Last Week</li>
- </ol>
- </div>
-
- <!-- results from filter -->
- <div class="tx-result">
- <!-- ul li contruct, only 2 levels supported -->
- <ol>
- <!-- main category-->
- <li><a href="#">Type</a>
- <ol>
- <!-- sub category -->
- <li><a href="#">Images (234)</a></li>
- <li><a href="#">Videos (20)</a></li>
- <li><a href="#">Flash (45)</a></li>
- <li><a href="#">Documents (234)</a></li>
- <li><a href="#">Images (234)</a></li>
- </ol>
- </li>
- <!-- tx-open, open element icon, arrow down-->
- <li class="tx-open"><a href="#">Taxonomy</a>
- <ol>
- <li><a href="#">Images (234)</a></li>
- <li><a href="#">Videos (20)</a></li>
- </ol>
- </li>
- <!-- li default shows an right arrow as background -->
- <li><a href="#">Tags</a>
- <ol>
- <li><a href="#">Tiger (48)</a></li>
- <li><a href="#">Animal (80)</a></li>
- <li><a href="#">Africa (784)</a></li>
- </ol>
- </li>
- <li><a href="#">Usage</a>
- <ol>
- <li><a href="#">Website (20)</a></li>
- <li><a href="#">News (14)</a></li>
- </ol>
- </li>
- <li><a href="#">Time</a>
- <ol>
- <li><a href="#">Yesterday (20)</a></li>
- <li><a href="#">Last Week (14)</a></li>
- <li><a href="#">Last Month (23)</a></li>
- </ol>
- </li>
- <li><a href="#">Source</a>
+<!-- panel -->
+<div class="tx-panel">
+<!-- open-close button, jquery.panel.js, toggles in the tx-edit, tx-tree, tx-list the tx-show-panel and tx-hide-panel classes -->
+ <a href="#" class="tx-panel-open-close">close/open</a><h3>Filter</h3>
+
+ <div class="tx-panel-window">
+ <!-- panel icons -->
+ <div class="tx-tab-buttons">
+
+ </div>
+
+ <div class="tx-panel-tabs">
+ <div>
+ <form action="" method="post">
+ <fieldset>
+ <label>
+ <input type="submit" value="" class="tx-icon tx-icon-search"/>
+ <input type="text" value="search assets" />
+
+ </label>
+ </fieldset>
+ </form>
+ <!-- selected filter elements -->
+ <div class="tx-filter">
+
+ <h4><a href="#" class="tx-icon tx-icon-delete">clear all</a><a href="">Clear All</a>Current filter:</h4>
<ol>
- <li><a href="#">Flickr (14)</a></li>
- <li><a href="#">Youtube (8)</a></li>
+ <!-- filter elements, tx-icon is floating right, must be at the first place -->
+ <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Tiger</li>
+ <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Last Week</li>
</ol>
- </li>
- </ol>
+ </div>
+
+ <!-- results from filter -->
+ <div class="tx-result">
+ <!-- ul li contruct, only 2 levels supported -->
+ <ol>
+ <!-- main category-->
+ <li><a href="#">Type</a>
+ <ol>
+ <!-- sub category -->
+ <li><a href="#">Images (234)</a></li>
+ <li><a href="#">Videos (20)</a></li>
+ <li><a href="#">Flash (45)</a></li>
+ <li><a href="#">Documents (234)</a></li>
+ <li><a href="#">Images (234)</a></li>
+ </ol>
+ </li>
+ <!-- tx-open, open element icon, arrow down-->
+ <li class="tx-open"><a href="#">Taxonomy</a>
+ <ol>
+ <li><a href="#">Images (234)</a></li>
+ <li><a href="#">Videos (20)</a></li>
+ </ol>
+ </li>
+ <!-- li default shows an right arrow as background -->
+ <li><a href="#">Tags</a>
+ <ol>
+ <li><a href="#">Tiger (48)</a></li>
+ <li><a href="#">Animal (80)</a></li>
+ <li><a href="#">Africa (784)</a></li>
+ </ol>
+ </li>
+ <li><a href="#">Usage</a>
+ <ol>
+ <li><a href="#">Website (20)</a></li>
+ <li><a href="#">News (14)</a></li>
+ </ol>
+ </li>
+ <li><a href="#">Time</a>
+ <ol>
+ <li><a href="#">Yesterday (20)</a></li>
+ <li><a href="#">Last Week (14)</a></li>
+ <li><a href="#">Last Month (23)</a></li>
+ </ol>
+ </li>
+ <li><a href="#">Source</a>
+ <ol>
+ <li><a href="#">Flickr (14)</a></li>
+ <li><a href="#">Youtube (8)</a></li>
+ </ol>
+ </li>
+ </ol>
+ </div>
+ <!-- // tx-result -->
+ </div>
</div>
+ <!-- // tx-panel-detail -->
</div>
- <!-- // panel -->
+ <!-- // tx-panel-window -->
+</div>
+<!-- // panel -->
+<!-- content -->
+<div id="tx-content">
<!-- list / thumbnail -->
<!-- tx-show-panel, left padding with a panel (if panel is available) -->
Modified: incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-tree.xhtml
URL: http://svn.apache.org/viewvc/incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-tree.xhtml?rev=917524&r1=917523&r2=917524&view=diff
==============================================================================
--- incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-tree.xhtml (original)
+++ incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel-tree.xhtml Mon Mar 1 13:52:33 2010
@@ -134,91 +134,101 @@
</div>
<!-- // header -->
-<!-- content -->
-<div id="tx-content">
+<!-- panel -->
+<div class="tx-panel">
+<!-- open-close button, jquery.panel.js, toggles in the tx-edit, tx-tree, tx-list the tx-show-panel and tx-hide-panel classes -->
+ <a href="#" class="tx-panel-open-close">close/open</a><h3>Filter</h3>
- <!-- panel -->
- <div class="tx-panel">
- <!-- open-close button, jquery.panel.js, toggles in the tx-edit, tx-tree, tx-list the tx-show-panel and tx-hide-panel classes -->
- <a href="#" class="tx-icon tx-icon-left-inverse tx-panel-open-close">remove</a>
- <form action="" method="post">
- <fieldset>
- <label>
- <input type="text" value="search assets" />
- <input type="submit" value="" class="tx-icon tx-icon-search"/>
- </label>
- <!-- optional input elements-->
- <label>
- <input type="radio" name="searchtype" value="" />
- new search</label>
- <label>
- <input type="radio" name="searchtype" value="" />
- search within results</label>
- </fieldset>
- </form>
- <!-- selected filter elements -->
- <div class="tx-filter">
- <h4>Actual filter:</h4>
- <ol>
- <!-- filter elements, tx-icon is floating right, must be at the first place -->
- <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Tiger</li>
- <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Last Week</li>
- </ol>
- </div>
-
- <!-- results from filter -->
- <div class="tx-result">
- <!-- ul li contruct, only 2 levels supported -->
- <ol>
- <!-- main category-->
- <li><a href="#">Type</a>
- <ol>
- <!-- sub category -->
- <li><a href="#">Images (234)</a></li>
- <li><a href="#">Videos (20)</a></li>
- <li><a href="#">Flash (45)</a></li>
- <li><a href="#">Documents (234)</a></li>
- <li><a href="#">Images (234)</a></li>
- </ol>
- </li>
- <!-- tx-open, open element icon, arrow down-->
- <li class="tx-open"><a href="#">Taxonomy</a>
- <ol>
- <li><a href="#">Images (234)</a></li>
- <li><a href="#">Videos (20)</a></li>
- </ol>
- </li>
- <!-- li default shows an right arrow as background -->
- <li><a href="#">Tags</a>
- <ol>
- <li><a href="#">Tiger (48)</a></li>
- <li><a href="#">Animal (80)</a></li>
- <li><a href="#">Africa (784)</a></li>
- </ol>
- </li>
- <li><a href="#">Usage</a>
- <ol>
- <li><a href="#">Website (20)</a></li>
- <li><a href="#">News (14)</a></li>
- </ol>
- </li>
- <li><a href="#">Time</a>
+ <div class="tx-panel-window">
+ <!-- panel icons -->
+ <div class="tx-tab-buttons">
+
+ </div>
+
+ <div class="tx-panel-tabs">
+ <div>
+ <form action="" method="post">
+ <fieldset>
+ <label>
+ <input type="submit" value="" class="tx-icon tx-icon-search"/>
+ <input type="text" value="search assets" />
+
+ </label>
+ </fieldset>
+ </form>
+ <!-- selected filter elements -->
+ <div class="tx-filter">
+
+ <h4><a href="#" class="tx-icon tx-icon-delete">clear all</a><a href="">Clear All</a>Current filter:</h4>
<ol>
- <li><a href="#">Yesterday (20)</a></li>
- <li><a href="#">Last Week (14)</a></li>
- <li><a href="#">Last Month (23)</a></li>
+ <!-- filter elements, tx-icon is floating right, must be at the first place -->
+ <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Tiger</li>
+ <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Last Week</li>
</ol>
- </li>
- <li><a href="#">Source</a>
+ </div>
+
+ <!-- results from filter -->
+ <div class="tx-result">
+ <!-- ul li contruct, only 2 levels supported -->
<ol>
- <li><a href="#">Flickr (14)</a></li>
- <li><a href="#">Youtube (8)</a></li>
+ <!-- main category-->
+ <li><a href="#">Type</a>
+ <ol>
+ <!-- sub category -->
+ <li><a href="#">Images (234)</a></li>
+ <li><a href="#">Videos (20)</a></li>
+ <li><a href="#">Flash (45)</a></li>
+ <li><a href="#">Documents (234)</a></li>
+ <li><a href="#">Images (234)</a></li>
+ </ol>
+ </li>
+ <!-- tx-open, open element icon, arrow down-->
+ <li class="tx-open"><a href="#">Taxonomy</a>
+ <ol>
+ <li><a href="#">Images (234)</a></li>
+ <li><a href="#">Videos (20)</a></li>
+ </ol>
+ </li>
+ <!-- li default shows an right arrow as background -->
+ <li><a href="#">Tags</a>
+ <ol>
+ <li><a href="#">Tiger (48)</a></li>
+ <li><a href="#">Animal (80)</a></li>
+ <li><a href="#">Africa (784)</a></li>
+ </ol>
+ </li>
+ <li><a href="#">Usage</a>
+ <ol>
+ <li><a href="#">Website (20)</a></li>
+ <li><a href="#">News (14)</a></li>
+ </ol>
+ </li>
+ <li><a href="#">Time</a>
+ <ol>
+ <li><a href="#">Yesterday (20)</a></li>
+ <li><a href="#">Last Week (14)</a></li>
+ <li><a href="#">Last Month (23)</a></li>
+ </ol>
+ </li>
+ <li><a href="#">Source</a>
+ <ol>
+ <li><a href="#">Flickr (14)</a></li>
+ <li><a href="#">Youtube (8)</a></li>
+ </ol>
+ </li>
</ol>
- </li>
- </ol>
+ </div>
+ <!-- // tx-result -->
+ </div>
</div>
+ <!-- // tx-panel-detail -->
</div>
- <!-- // panel -->
+ <!-- // tx-panel-window -->
+</div>
+<!-- // panel -->
+
+<!-- content -->
+<div id="tx-content">
<!-- tree view -->
<!-- aligned right -->
Modified: incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel.xhtml
URL: http://svn.apache.org/viewvc/incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel.xhtml?rev=917524&r1=917523&r2=917524&view=diff
==============================================================================
--- incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel.xhtml (original)
+++ incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/panel.xhtml Mon Mar 1 13:52:33 2010
@@ -15,91 +15,101 @@
<body>
-<!-- content -->
-<div id="tx-content" class="demo">
+<!-- panel -->
+<div class="tx-panel demo" id="tx-panel">
+<!-- open-close button, jquery.panel.js, toggles in the tx-edit, tx-tree, tx-list the tx-show-panel and tx-hide-panel classes -->
+ <a href="#" class="tx-panel-open-close">close/open</a><h3>Filter</h3>
+
+ <div class="tx-panel-window">
+ <!-- panel icons -->
+ <div class="tx-tab-buttons">
- <!-- panel -->
- <div class="tx-panel">
- <!-- open-close button, jquery.panel.js, toggles in the tx-edit, tx-tree, tx-list the tx-show-panel and tx-hide-panel classes -->
- <a href="#" class="tx-icon tx-icon-left-inverse tx-panel-open-close">remove</a>
- <form action="" method="post">
- <fieldset>
- <label>
- <input type="text" value="search assets" />
- <input type="submit" value="" class="tx-icon tx-icon-search"/>
- </label>
- <!-- optional input elements-->
- <label>
- <input type="radio" name="searchtype" value="" />
- new search</label>
- <label>
- <input type="radio" name="searchtype" value="" />
- search within results</label>
- </fieldset>
- </form>
- <!-- selected filter elements -->
- <div class="tx-filter">
- <h4>Actual filter:</h4>
- <ol>
- <!-- filter elements, tx-icon is floating right, must be at the first place -->
- <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Tiger</li>
- <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Last Week</li>
- </ol>
- </div>
-
- <!-- results from filter -->
- <div class="tx-result">
- <!-- ul li contruct, only 2 levels supported -->
- <ol>
- <!-- main category-->
- <li><a href="#">Type</a>
- <ol>
- <!-- sub category -->
- <li><a href="#">Images (234)</a></li>
- <li><a href="#">Videos (20)</a></li>
- <li><a href="#">Flash (45)</a></li>
- <li><a href="#">Documents (234)</a></li>
- <li><a href="#">Images (234)</a></li>
- </ol>
- </li>
- <!-- tx-open, open element icon, arrow down-->
- <li class="tx-open"><a href="#">Taxonomy</a>
- <ol>
- <li><a href="#">Images (234)</a></li>
- <li><a href="#">Videos (20)</a></li>
- </ol>
- </li>
- <!-- li default shows an right arrow as background -->
- <li><a href="#">Tags</a>
- <ol>
- <li><a href="#">Tiger (48)</a></li>
- <li><a href="#">Animal (80)</a></li>
- <li><a href="#">Africa (784)</a></li>
- </ol>
- </li>
- <li><a href="#">Usage</a>
- <ol>
- <li><a href="#">Website (20)</a></li>
- <li><a href="#">News (14)</a></li>
- </ol>
- </li>
- <li><a href="#">Time</a>
- <ol>
- <li><a href="#">Yesterday (20)</a></li>
- <li><a href="#">Last Week (14)</a></li>
- <li><a href="#">Last Month (23)</a></li>
- </ol>
- </li>
- <li><a href="#">Source</a>
- <ol>
- <li><a href="#">Flickr (14)</a></li>
- <li><a href="#">Youtube (8)</a></li>
- </ol>
- </li>
- </ol>
</div>
+
+ <div class="tx-panel-tabs">
+ <div>
+ <form action="" method="post">
+ <fieldset>
+ <label>
+ <input type="submit" value="" class="tx-icon tx-icon-search"/>
+ <input type="text" value="search assets" />
+
+ </label>
+ </fieldset>
+ </form>
+ <!-- selected filter elements -->
+ <div class="tx-filter">
+
+ <h4><a href="#" class="tx-icon tx-icon-delete">clear all</a><a href="">Clear All</a>Current filter:</h4>
+ <ol>
+ <!-- filter elements, tx-icon is floating right, must be at the first place -->
+ <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Tiger</li>
+ <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Last Week</li>
+ </ol>
+ </div>
+
+ <!-- results from filter -->
+ <div class="tx-result">
+ <!-- ul li contruct, only 2 levels supported -->
+ <ol>
+ <!-- main category-->
+ <li><a href="#">Type</a>
+ <ol>
+ <!-- sub category -->
+ <li><a href="#">Images (234)</a></li>
+ <li><a href="#">Videos (20)</a></li>
+ <li><a href="#">Flash (45)</a></li>
+ <li><a href="#">Documents (234)</a></li>
+ <li><a href="#">Images (234)</a></li>
+ </ol>
+ </li>
+ <!-- tx-open, open element icon, arrow down-->
+ <li class="tx-open"><a href="#">Taxonomy</a>
+ <ol>
+ <li><a href="#">Images (234)</a></li>
+ <li><a href="#">Videos (20)</a></li>
+ </ol>
+ </li>
+ <!-- li default shows an right arrow as background -->
+ <li><a href="#">Tags</a>
+ <ol>
+ <li><a href="#">Tiger (48)</a></li>
+ <li><a href="#">Animal (80)</a></li>
+ <li><a href="#">Africa (784)</a></li>
+ </ol>
+ </li>
+ <li><a href="#">Usage</a>
+ <ol>
+ <li><a href="#">Website (20)</a></li>
+ <li><a href="#">News (14)</a></li>
+ </ol>
+ </li>
+ <li><a href="#">Time</a>
+ <ol>
+ <li><a href="#">Yesterday (20)</a></li>
+ <li><a href="#">Last Week (14)</a></li>
+ <li><a href="#">Last Month (23)</a></li>
+ </ol>
+ </li>
+ <li><a href="#">Source</a>
+ <ol>
+ <li><a href="#">Flickr (14)</a></li>
+ <li><a href="#">Youtube (8)</a></li>
+ </ol>
+ </li>
+ </ol>
+ </div>
+ <!-- // tx-result -->
+ </div>
+ </div>
+ <!-- // tx-panel-detail -->
</div>
- <!-- // panel -->
+ <!-- // tx-panel-window -->
+</div>
+<!-- // panel -->
+
+<!-- content -->
+<div id="tx-content" class="demo">
<div class="tx-edit tx-show-panel">
@@ -118,55 +128,79 @@
<h3>Example code</h3>
<pre>
+<!-- panel -->
+<div class="tx-panel">
<!-- open-close button, jquery.panel.js, toggles in the tx-edit, tx-tree, tx-list the tx-show-panel and tx-hide-panel classes -->
-<a href="#" class="tx-icon tx-icon-left-inverse tx-panel-open-close">remove</a>
-<form action="" method="post">
- <fieldset>
- <label>
- <input type="text" value="search assets" />
- <input type="submit" value="" class="tx-icon tx-icon-search"/>
- </label>
- </fieldset>
-</form>
-<!-- selected filter elements -->
-<div class="tx-filter">
- <h4>Actual filter:</h4>
- <ol>
- <!-- filter elements, tx-icon is floating right, must be at the first place -->
- <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Tiger</li>
- <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Last Week</li>
- </ol>
-</div>
-
-<!-- results from filter -->
-<div class="tx-result">
-<!-- ul li contruct, only 2 levels supported -->
- <ol>
- <!-- main category-->
- <li><a href="#">Type</a>
- <ol>
- <!-- sub category -->
- <li><a href="#">Images (234)</a></li>
- <li><a href="#">Videos (20)</a></li>
- <li><a href="#">Flash (45)</a></li>
- </ol>
- </li>
- <!-- tx-open, open element icon, arrow down-->
- <li class="tx-open"><a href="#">Taxonomy</a>
- <ol>
- <li><a href="#">Images (234)</a></li>
- <li><a href="#">Videos (20)</a></li>
- </ol>
- </li>
- <!-- li default shows an right arrow as background -->
- <li><a href="#">Tags</a>
- <ol>
- <li><a href="#">Tiger (48)</a></li>
- <li><a href="#">Animal (80)</a></li>
- </ol>
- </li>
- </ol>
-</div>
+ <a href="#" class="tx-panel-open-close">close/open</a><h3>Filter</h3>
+
+ <div class="tx-panel-window">
+ <!-- panel icons -->
+ <div class="tx-tab-buttons">
+
+ </div>
+
+ <div class="tx-panel-tabs">
+ <div>
+ <form action="" method="post">
+ <fieldset>
+ <label>
+ <input type="submit" value="" class="tx-icon tx-icon-search"/>
+ <input type="text" value="search assets" />
+
+ </label>
+ </fieldset>
+ </form>
+ <!-- selected filter elements -->
+ <div class="tx-filter">
+
+ <h4><a href="#" class="tx-icon tx-icon-delete">clear all</a><a href="">Clear All</a>Current filter:</h4>
+ <ol>
+ <!-- filter elements, tx-icon is floating right, must be at the first place -->
+ <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Tiger</li>
+ <li><a href="#" class="tx-icon tx-icon-delete">remove</a>Last Week</li>
+ </ol>
+ </div>
+
+ <!-- results from filter -->
+ <div class="tx-result">
+ <!-- ul li contruct, only 2 levels supported -->
+ <ol>
+ <!-- main category-->
+ <li><a href="#">Type</a>
+ <ol>
+ <!-- sub category -->
+ <li><a href="#">Images (234)</a></li>
+ <li><a href="#">Videos (20)</a></li>
+ <li><a href="#">Flash (45)</a></li>
+ <li><a href="#">Documents (234)</a></li>
+ <li><a href="#">Images (234)</a></li>
+ </ol>
+ </li>
+ <!-- tx-open, open element icon, arrow down-->
+ <li class="tx-open"><a href="#">Taxonomy</a>
+ <ol>
+ <li><a href="#">Images (234)</a></li>
+ <li><a href="#">Videos (20)</a></li>
+ </ol>
+ </li>
+ <!-- li default shows an right arrow as background -->
+ <li><a href="#">Tags</a>
+ <ol>
+ <li><a href="#">Tiger (48)</a></li>
+ <li><a href="#">Animal (80)</a></li>
+ <li><a href="#">Africa (784)</a></li>
+ </ol>
+ </li>
+ </ol>
+ </div>
+ <!-- // tx-result -->
+ </div>
+ </div>
+ <!-- // tx-panel-detail -->
+ </div>
+ <!-- // tx-panel-window -->
+</div>
+<!-- // panel -->
</pre>
</div>
Modified: incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/demo.css
URL: http://svn.apache.org/viewvc/incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/demo.css?rev=917524&r1=917523&r2=917524&view=diff
==============================================================================
--- incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/demo.css (original)
+++ incubator/clerezza/issues/CLEREZZA-47/org.apache.clerezza.app.webguiexamples/src/main/resources/org/apache/clerezza/app/webguiexamples/staticweb/style/demo.css Mon Mar 1 13:52:33 2010
@@ -36,4 +36,8 @@
#tx-content.demo {
top: 1em;
+}
+
+#tx-panel.demo {
+ top: 1em;
}
\ No newline at end of file