Changeset 5515


Ignore:
Timestamp:
04/01/10 00:41:50 (10 years ago)
Author:
patdenice
Message:

Feature 1557: New design for "new plugins" tab.

Location:
trunk/admin
Files:
4 added
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/admin/plugins_new.php

    r5406 r5515  
    106106  foreach($plugins->server_plugins as $plugin) 
    107107  { 
    108     list($date, ) = explode(' ', $plugin['revision_date']); 
    109  
    110     $ext_desc = '<i>'.l10n('Downloads').':</i> '.$plugin['extension_nb_downloads']."\r\n" 
    111       ."\r\n" 
    112       .$plugin['extension_description']; 
    113  
    114     $rev_desc = '<i>'.l10n('Version').':</i> '.$plugin['revision_name']."\r\n" 
    115       .'<i>'.l10n('Released on').':</i> '.$date."\r\n" 
    116       .'<i>'.l10n('Downloads').':</i> '.$plugin['revision_nb_downloads']."\r\n" 
    117       ."\r\n" 
    118       .$plugin['revision_description']; 
     108    $ext_desc = trim($plugin['extension_description'], " \n\r"); 
     109    list($small_desc) = explode("\n", wordwrap($ext_desc, 200)); 
    119110 
    120111    $url_auto_install = htmlentities($base_url) 
     
    125116 
    126117    $template->append('plugins', array( 
     118      'ID' => $plugin['extension_id'], 
    127119      'EXT_NAME' => $plugin['extension_name'], 
    128120      'EXT_URL' => PEM_URL.'/extension_view.php?eid='.$plugin['extension_id'], 
    129       'EXT_DESC' => $ext_desc, 
     121      'SMALL_DESC' => trim($small_desc, " \r\n"), 
     122      'BIG_DESC' => $ext_desc, 
    130123      'VERSION' => $plugin['revision_name'], 
    131       'DATE' => $date, 
    132       'VER_DESC' => $rev_desc, 
    133124      'AUTHOR' => $plugin['author_name'], 
     125      'DOWNLOADS' => $plugin['revision_nb_downloads'], 
    134126      'URL_INSTALL' => $url_auto_install, 
    135127      'URL_DOWNLOAD' => $plugin['download_url'] . '&amp;origin=piwigo_download')); 
  • trunk/admin/themes/default/default-layout.css

    r5496 r5515  
    1818TABLE.table2 TR.throw { text-align: center; } 
    1919TABLE.table2 { margin:0pt auto; } 
    20 .sort { display:block; padding:8px 5px 0px 1px; clear: right; text-align:left; } 
     20.sort { display:block; padding:8px 5px 0px 1px; clear: right; float:left; } 
    2121 
    2222 
     
    808808.pluginBox table {width:99%} 
    809809.pluginBox td {text-align:left;} 
     810.pluginBox td.pluginDesc {cursor:pointer;} 
     811.pluginBox td.pluginDesc img{vertical-align:middle;} 
     812.pluginBox td em{float:right;} 
    810813.pluginBoxNameCell {width:150px; vertical-align:top;} 
    811814 
  • trunk/admin/themes/default/template/plugins_new.tpl

    r5493 r5515  
    1 {known_script id="jquery" src=$ROOT_URL|@cat:"themes/default/js/jquery.packed.js"} 
    2 {known_script id="jquery.cluetip" src=$ROOT_URL|@cat:"themes/default/js/plugins/jquery.cluetip.packed.js"} 
     1{known_script id="jquery.ui" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.core.packed.js" } 
     2{known_script id="jquery.ui.effects" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/effects.core.packed.js" } 
     3{known_script id="jquery.ui.blind" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/effects.blind.packed.js" } 
    34 
    45<script type="text/javascript"> 
    56jQuery().ready(function(){ldelim} 
    6   jQuery('.cluetip').cluetip({ldelim} 
    7     width: 300, 
    8     splitTitle: '|' 
     7  jQuery("td[id^='desc_']").click(function() {ldelim} 
     8    id = this.id.split('_'); 
     9    if ($(this).hasClass('bigdesc')) {ldelim} 
     10      $("#bigdesc_"+id[1]).toggle('blind', 1); 
     11      $(this).removeClass('bigdesc'); 
     12    } else {ldelim} 
     13      $("#bigdesc_"+id[1]).toggle('blind', 50); 
     14      $(this).addClass('bigdesc'); 
     15    } 
     16    $("#smalldesc_"+id[1]).toggle('blind', 1); 
     17    return false; 
    918  }); 
    1019}); 
     
    2130</div> 
    2231 
    23 {if isset($plugins)} 
    24 <br> 
    25 <table class="table2 plugins"> 
    26 <thead> 
    27   <tr class="throw"> 
    28     <td>{'Name'|@translate}</td> 
    29     <td>{'Version'|@translate}</td> 
    30     <td>{'Date'|@translate}</td> 
    31     <td>{'Author'|@translate}</td> 
    32     <td>{'Actions'|@translate}</td> 
    33   </tr> 
    34 </thead> 
    3532{foreach from=$plugins item=plugin name=plugins_loop} 
    36   <tr class="{if $smarty.foreach.plugins_loop.index is odd}row1{else}row2{/if}"> 
    37     <td><a href="{$plugin.EXT_URL}" class="externalLink cluetip" title="{$plugin.EXT_NAME}|{$plugin.EXT_DESC|htmlspecialchars|nl2br}">{$plugin.EXT_NAME}</a></td> 
    38     <td style="text-align:center;"><a href="{$plugin.EXT_URL}" class="externalLink cluetip" title="{$plugin.EXT_NAME}|{$plugin.VER_DESC|htmlspecialchars|nl2br}">{$plugin.VERSION}</a></td> 
    39     <td>{$plugin.DATE}</td> 
    40     <td>{$plugin.AUTHOR}</td> 
    41     <td style="text-align:center;"><a href="{$plugin.URL_INSTALL}" onclick="return confirm('{'Are you sure you want to install this plugin?'|@translate|@escape:javascript}');">{'Automatic installation'|@translate}</a> 
    42       / <a href="{$plugin.URL_DOWNLOAD}">{'Download file'|@translate}</a> 
    43     </td> 
    44   </tr> 
     33<div class="pluginBox" id="plugin_{$plugin.ID}"}> 
     34  <table> 
     35    <tr> 
     36      <td class="pluginBoxNameCell">{$plugin.EXT_NAME}</td> 
     37{if $plugin.BIG_DESC != $plugin.SMALL_DESC} 
     38      <td id="desc_{$plugin.ID}" class="pluginDesc"> 
     39        <span id="smalldesc_{$plugin.ID}"> 
     40          <img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/plus.gif">{$plugin.SMALL_DESC}... 
     41        </span> 
     42        <span id="bigdesc_{$plugin.ID}" style="display:none;"> 
     43          <img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/minus.gif">{$plugin.BIG_DESC|@nl2br}<br>&nbsp; 
     44        </span> 
     45      </td> 
     46{else} 
     47      <td>{$plugin.BIG_DESC|@nl2br}</td> 
     48{/if} 
     49    </tr> 
     50    <tr> 
     51      <td> 
     52        <a href="{$plugin.URL_INSTALL}" onclick="return confirm('{'Are you sure you want to install this plugin?'|@translate|@escape:javascript}');">{'Install'|@translate}</a> 
     53        |  <a href="{$plugin.URL_DOWNLOAD}">{'Download'|@translate}</a> 
     54      </td> 
     55      <td> 
     56        {'Version'|@translate} {$plugin.VERSION} 
     57        | {'By %s'|@translate|@sprintf:$plugin.AUTHOR} 
     58        | <a class="externalLink" href="{$plugin.EXT_URL}">{'Visit plugin site'|@translate}</a> 
     59        <em>{'Downloads'|@translate}: {$plugin.DOWNLOADS}</em> 
     60      </td> 
     61    </tr> 
     62  </table> 
     63</div> 
    4564{/foreach} 
    46 </table> 
    47 {/if} 
Note: See TracChangeset for help on using the changeset viewer.