Changeset 5515


Ignore:
Timestamp:
Apr 1, 2010, 12:41:50 AM (11 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.