Ignore:
Timestamp:
Apr 12, 2011, 5:20:10 PM (13 years ago)
Author:
flop25
Message:

all the admin page works
real icon set added
todo: front end, localization

Location:
extensions/Icons_Set/template
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • extensions/Icons_Set/template/admin.css

    r10299 r10326  
    22
    33.iconBox {
    4     background-color: #333333;
    5     border-radius: 5px 5px 5px 5px;
    6     display: inline-table;
    7     height: 50px;
    8     margin: 5px;
    9     overflow: hidden;
    10     text-align: center;
    11                 width:100%;
     4        background-color: #333333;
     5        border-radius: 5px 5px 5px 5px;
     6        display: inline-table;
     7        height: 50px;
     8        margin: 5px;
     9        overflow: hidden;
     10        text-align: center;
     11        width:100%;
    1212}
     13.iconShot LI {
     14        float:left;
     15        list-style:none;
     16}
     17.iconName {
     18        float:left;
     19        line-height: 50px;
     20        width:200px;
     21        text-align:center;
     22        font-weight: bold;
     23}
     24.iconShot {
     25        float:left;
     26        padding-left:50p;
     27        height: 50px;
     28}
     29.see_all {
     30        margin-left:10px;
     31}
     32.iconShot a:hover {
     33        text-decoration:none;
     34        border-bottom:none;
     35}
  • extensions/Icons_Set/template/admin.tpl

    r10299 r10326  
    11<div class="titrePage">
    2   <h2>{'Installed Themes'|@translate}</h2>
     2  <h2>{'iconset_configpage'|@translate}</h2>
    33</div>
    4 
    54<div id="themesContent">
    6 <fieldset>
    7 <legend>{'iconset_All_Themes'|@translate}</legend>
    8 <form action="" method="post" name="externe">
    9 <div class="themeBoxes">
    10 {foreach from=$all_themes item=theme}
    11   <div class="themeBox">
    12     <div class="themeName">{$theme.name}</div>
    13     <div class="themeShot"><img src="{$theme.screenshot}" alt="screenshot"></div>
    14     <div class="themeActions">
    15       <div>
    16       <select name="set">
    17         <option value="NULL">{'iconset_nothing'|@translate}</option>
    18         {html_options output=$output values=$values selected=$theme.icon}
    19       </select>
     5  <fieldset>
     6    <legend>{'iconset_All_Themes'|@translate}</legend>
     7    <form action="" method="post" name="externe">
     8      <div class="themeBoxes"> {foreach from=$all_themes item=theme}
     9        <div class="themeBox">
     10          <div class="themeName">{$theme.name}</div>
     11          <div class="themeShot"><img src="{$theme.screenshot}" alt="screenshot"></div>
     12          <div class="themeActions">
     13            <div>
     14              <select name="{$theme.id}">
     15                <option value="">{'iconset_nothing'|@translate}</option>
     16                                        {html_options output=$output values=$values selected=$theme.icon}
     17              </select>
     18            </div>
     19          </div>
     20          <!-- themeActions -->
     21        </div>
     22        {/foreach} </div>
     23      <!-- themeBoxes -->
     24      <input name="envoi_config" type="hidden" value="iconset" />
     25      <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
     26      <input type="submit" name="button2" id="button2" value="{'iconset_send'|@translate}" style=" width:100%" />
     27    </form>
     28  </fieldset>
     29  <fieldset>
     30    <legend>{'iconset_All_Icons'|@translate}</legend>
     31    <div class="iconBoxes"> {foreach from=$all_icons item=icons}
     32      <div class="iconBox" id="iconBox_{$icons.id}">
     33        <div class="iconName">{$icons.name}</div>
     34        <div class="iconShot">
     35          <ul>
     36            <li><a href="#" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> <span class="pwg-icon pwg-icon-slideshow"> </span><span class="pwg-button-text">{'slideshow'|@translate}</span> </a></li>
     37            <li><a href="#" title="{'Show file metadata'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> <span class="pwg-icon pwg-icon-camera-info"> </span><span class="pwg-button-text">{'Show file metadata'|@translate}</span> </a></li>
     38            <li><a href="{$current.U_DOWNLOAD}" title="{'download this file'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> <span class="pwg-icon pwg-icon-save"> </span><span class="pwg-button-text">{'download'|@translate}</span> </a></li>
     39            <li><a href="#" title="{if $favorite.IS_FAVORITE}{'delete this photo from your favorites'|@translate}{else}{'add this photo to your favorites'|@translate}{/if}" class="pwg-state-default pwg-button" rel="nofollow"> <span class="pwg-icon pwg-icon-favorite-{if $favorite.IS_FAVORITE}del{else}add{/if}"> </span><span class="pwg-button-text">{'Favorites'|@translate}</span> </a></li>
     40            <li><a href="#" title="{'set as album representative'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> <span class="pwg-icon pwg-icon-representative"> </span><span class="pwg-button-text">{'representative'|@translate}</span> </a></li>
     41            <li><a href="#" title="{'Modify information'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> <span class="pwg-icon pwg-icon-edit"> </span><span class="pwg-button-text">{'edit'|@translate}</span> </a></li>
     42            <li><span class="pwg-state-disabled pwg-button"> <span class="pwg-icon pwg-icon-arrowstop-w">&nbsp;</span><span class="pwg-button-text">{'First'|@translate}</span> </span></li>
     43            <li><span class="pwg-state-disabled pwg-button"> <span class="pwg-icon pwg-icon-arrow-w">&nbsp;</span><span class="pwg-button-text">{'Previous'|@translate}</span> </span></li>
     44            <li><a href="#" title="{'Thumbnails'|@translate}" class="pwg-state-default pwg-button"> <span class="pwg-icon pwg-icon-arrow-n">&nbsp;</span><span class="pwg-button-text">{'Thumbnails'|@translate}</span> </a></li>
     45            <li><a href="#" title="{'Next'|@translate} : {$next.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right"> <span class="pwg-icon pwg-icon-arrow-e">&nbsp;</span><span class="pwg-button-text">{'Next'|@translate}</span> </a></li>
     46            <li><a href="#" title="{'Last'|@translate} : {$last.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right"> <span class="pwg-icon pwg-icon-arrowstop-e"></span><span class="pwg-button-text">{'Last'|@translate}</span> </a></li>
     47            <li>{strip}<a href="#" title="{'display all photos in all sub-albums'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> <span class="pwg-icon pwg-icon-category-view-flat"> </span><span class="pwg-button-text">{'display all photos in all sub-albums'|@translate}</span> </a>{/strip}</li>
     48            <li>{strip}<a href="#" title="{'return to normal view mode'|@translate}" class="pwg-state-default pwg-button"> <span class="pwg-icon pwg-icon-category-view-normal"> </span><span class="pwg-button-text">{'return to normal view mode'|@translate}</span> </a>{/strip}</li>
     49            <li>{strip}<a href="#" title="{'display a calendar by posted date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> <span class="pwg-icon pwg-icon-calendar"> </span><span class="pwg-button-text">{'Calendar'|@translate}</span> </a>{/strip}</li>
     50            <li>{strip}<a href="#" title="{'display a calendar by creation date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> <span class="pwg-icon pwg-icon-camera-calendar"> </span><span class="pwg-button-text">{'Calendar'|@translate}</span> </a>{/strip}</li>
     51            <li><a class="see_all" href="{$icons.icon_file}" title="{'iconset_seeall'|@translate}" > {'iconset_seeall'|@translate} </a></li>
     52          </ul>
     53        </div>
    2054      </div>
    21     </div> <!-- themeActions -->
    22   </div>
    23 {/foreach}
    24 </div> <!-- themeBoxes -->
    25   <input name="envoi_config" type="hidden" value="iconset" />
    26   <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
    27   <input type="submit" name="button2" id="button2" value="{'iconset_send'|@translate}" />
    28 </form>
    29 </fieldset>
    30 
    31 <fieldset>
    32 <legend>{'iconset_All_Icons'|@translate}</legend>
    33 <div class="iconBoxes">
    34 {foreach from=$all_icons item=icons}
    35   <div class="iconBox">
    36     <div class="iconName">{$icons.name}</div>
    37     <div class="iconShot"><img src="{$icons.png}" alt=""></div>
    38   </div>
    39 {/foreach}
    40 </div> <!-- themeBoxes -->
    41 </fieldset>
    42 </div> <!-- themesContent -->
     55      {/foreach} </div>
     56    <!-- themeBoxes -->
     57  </fieldset>
     58</div>
     59<!-- themesContent -->
Note: See TracChangeset for help on using the changeset viewer.