Ignore:
Timestamp:
Dec 14, 2010, 7:45:52 AM (13 years ago)
Author:
rvelices
Message:

css sprites - almost done - still to implement nice colors and hover effect for clear and sylvia

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/themes/default/template/picture.tpl

    r8066 r8119  
    1 
    21{* Example of resizeable *}
    32{*
     
    3938
    4039<div id="imageToolBar">
    41   <div class="randomButtons">
    42     {if isset($U_SLIDESHOW_START) }
    43       <a href="{$U_SLIDESHOW_START}" title="{'slideshow'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/start_slideshow.png" class="button" alt="{'slideshow'|@translate}"></a>
    44     {/if}
    45     {if isset($U_METADATA) }
    46       <a href="{$U_METADATA}" title="{'Show file metadata'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/metadata.png" class="button" alt="metadata"></a>
    47     {/if}
    48     {if isset($current.U_DOWNLOAD) }
    49       <a href="{$current.U_DOWNLOAD}" title="{'download this file'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/save.png" class="button" alt="{'download'|@translate}"></a>
    50     {/if}
    51     {if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if}
    52     {if isset($favorite) }
    53       <a href="{$favorite.U_FAVORITE}" title="{if $favorite.IS_FAVORITE}{'delete this image from your favorites'|@translate}{else}{'add this image to your favorites'|@translate}{/if}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/{if $favorite.IS_FAVORITE}del_favorite{else}favorite{/if}.png" class="button" alt="favorite" title="{if $favorite.IS_FAVORITE}{'delete this image from your favorites'|@translate}{else}{'add this image to your favorites'|@translate}{/if}"></a>
    54     {/if}
    55     {if !empty($U_SET_AS_REPRESENTATIVE) }
    56       <a href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as album representative'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/representative.png" class="button" alt="{'representative'|@translate}"></a>
    57     {/if}
    58     {if isset($U_ADMIN) }
    59       <a href="{$U_ADMIN}" title="{'Modify information'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/preferences.png" class="button" alt="{'edit'|@translate}"></a>
    60     {/if}
    61     {if isset($U_CADDIE) }{*caddie management BEGIN*}
    62 {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
     40        <div class="actionButtons">
     41{if isset($U_SLIDESHOW_START)}
     42                <a href="{$U_SLIDESHOW_START}" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
     43                        <span class="pwg-icon pwg-icon-slideshow">&nbsp;</span><span class="pwg-button-text">{'slideshow'|@translate}</span>
     44                </a>
     45{/if}
     46{if isset($U_METADATA)}
     47                <a href="{$U_METADATA}" title="{'Show file metadata'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
     48                        <span class="pwg-icon pwg-icon-camera-info">&nbsp;</span><span class="pwg-button-text">{'Show file metadata'|@translate}</span>
     49                </a>
     50{/if}
     51{if isset($current.U_DOWNLOAD)}
     52                <a href="{$current.U_DOWNLOAD}" title="{'download this file'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
     53                        <span class="pwg-icon pwg-icon-save">&nbsp;</span><span class="pwg-button-text">{'download'|@translate}</span>
     54                </a>
     55{/if}
     56{if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if}
     57{if isset($favorite)}
     58                <a href="{$favorite.U_FAVORITE}" title="{if $favorite.IS_FAVORITE}{'delete this image from your favorites'|@translate}{else}{'add this image to your favorites'|@translate}{/if}" class="pwg-state-default pwg-button" rel="nofollow">
     59                        <span class="pwg-icon pwg-icon-favorite-{if $favorite.IS_FAVORITE}del{else}add{/if}">&nbsp;</span><span class="pwg-button-text">{'Favorites'|@translate}</span>
     60                </a>
     61{/if}
     62{if isset($U_SET_AS_REPRESENTATIVE)}
     63                <a href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as category representative'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
     64                        <span class="pwg-icon pwg-icon-representative">&nbsp;</span><span class="pwg-button-text">{'representative'|@translate}</span>
     65                </a>
     66{/if}
     67{if isset($U_ADMIN)}
     68                <a href="{$U_ADMIN}" title="{'Modify information'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
     69                        <span class="pwg-icon pwg-icon-edit">&nbsp;</span><span class="pwg-button-text">{'edit'|@translate}</span>
     70                </a>
     71{/if}
     72{if isset($U_CADDIE)}{*caddie management BEGIN*}
    6373<script type="text/javascript">
    6474{literal}function addToCadie(aElement, rootUrl, id)
    6575{
    6676if (aElement.disabled) return;
    67 aElement.disabled=true; 
     77aElement.disabled=true;
    6878var y = new PwgWS(rootUrl);
    6979
    7080y.callService(
    71   "pwg.caddie.add", {image_id: id} ,
    72   {
    73     onFailure: function(num, text) { alert(num + " " + text); document.location=aElement.href; },
    74     onSuccess: function(result) { aElement.disabled = false; }
    75   }
    76   );
     81        "pwg.caddie.add", {image_id: id} ,
     82        {
     83                onFailure: function(num, text) { alert(num + " " + text); document.location=aElement.href; },
     84                onSuccess: function(result) { aElement.disabled = false; }
     85        }
     86        );
    7787}{/literal}
    7888</script>
    79       <a href="{$U_CADDIE}" onclick="addToCadie(this, '{$ROOT_URL|@escape:'javascript'}', {$current.id}); return false;" title="{'add to caddie'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/caddie_add.png" class="button" alt="{'caddie'|@translate}"></a>
    80     {/if}{*caddie management END*}
    81   </div>
    82   {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
     89                <a href="{$U_CADDIE}" onclick="addToCadie(this, '{$ROOT_URL|@escape:'javascript'}', {$current.id}); return false;" title="{'add to caddie'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
     90                        <span class="pwg-icon pwg-icon-caddie-add">&nbsp;</span><span class="pwg-button-text">{'caddie'|@translate}</span>
     91                </a>
     92{/if}{*caddie management END*}
     93        </div>   
     94
     95        {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
    8396</div> <!-- imageToolBar -->
    84 
    85 {include file='picture_toolbar.tpl'}
    8697
    8798<div id="theImage">
Note: See TracChangeset for help on using the changeset viewer.