Changeset 2362 for trunk/template


Ignore:
Timestamp:
May 29, 2008, 12:39:06 AM (16 years ago)
Author:
plg
Message:

feature 828 added: display tags by letters. Users can switch from "cloud" to
"letters" with a button in the top bar.

Location:
trunk/template/yoga
Files:
2 added
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/template/yoga/default-layout.css

    r2352 r2362  
    269269  border: none;
    270270}
     271
     272TR.tagLine {
     273  border-bottom: 1px solid #ddd;
     274  text-align: left;
     275}
     276TR.tagLine:hover {
     277  background-color: #fff;
     278}
     279TD.nbEntries {
     280  text-align: right;
     281  font-style: italic;
     282  font-size: 90%;
     283}
     284
     285FIELDSET.tagLetter {
     286  border: 1px solid #d3d3d3;
     287  width: 200px;
     288  margin: 0.5em;
     289  padding: 10px;
     290}
     291
     292LEGEND.tagLetterLegend {
     293  border: 1px solid #d3d3d3;
     294  font-size:120%;
     295  font-weight: bold;
     296  padding: 0 5px;
     297  color: #555;
     298  font-style: normal;
     299}
     300
     301TABLE.tagLetterContent {
     302  width:100%;
     303  font-size:80%;
     304  border-collapse : collapse;
     305}
  • trunk/template/yoga/tags.tpl

    r2352 r2362  
    44  <div class="titrePage">
    55    <ul class="categoryActions">
     6{if $display_mode == 'letters'}
     7      <li><a href="{$U_CLOUD}" title="{'show tag cloud'|@translate}"><img src="{$themeconf.icon_dir}/tag_cloud.png" class="button" alt="{'cloud'|@translate}"/></a></li>
     8{/if}
     9
     10{if $display_mode == 'cloud'}
     11      <li><a href="{$U_LETTERS}" title="{'group by letters'|@translate}"><img src="{$themeconf.icon_dir}/tag_letters.png" class="button" alt="{'letters'|@translate}"/></a></li>
     12{/if}
     13
    614      <li><a href="{$U_HOME}" title="{'return to homepage'|@translate}"><img src="{$themeconf.icon_dir}/home.png" class="button" alt="{'home'|@translate}"/></a></li>
    715    </ul>
     
    917  </div>
    1018
    11   {if isset($tags)}
     19{if isset($tags)}
     20  {if $display_mode == 'cloud'}
    1221  <ul id="fullTagCloud">
    1322    {foreach from=$tags item=tag}
     
    1726  {/if}
    1827
     28  {if $display_mode == 'letters'}
     29  <table>
     30    <tr>
     31      <td valign="top">
     32    {foreach from=$letters item=letter}
     33  <fieldset class="tagLetter">
     34    <legend class="tagLetterLegend">{$letter.TITLE}</legend>
     35    <table class="tagLetterContent">
     36      {foreach from=$letter.tags item=tag}
     37      <tr class="tagLine">
     38        <td><a href="{$tag.URL}">{$tag.NAME}</a></td>
     39        <td class="nbEntries"><strong>{$tag.COUNTER}</strong> {'photos'|@translate}</td>
     40      </tr>
     41      {/foreach}
     42    </table>
     43  </fieldset>
     44      {if $letter.CHANGE_COLUMN}
     45      </td>
     46      <td valign="top">
     47      {/if}
     48    {/foreach}
     49      </td>
     50    </tr>
     51  </table>
     52  {/if}
     53{/if}
     54
    1955</div> <!-- content -->
Note: See TracChangeset for help on using the changeset viewer.