aboutsummaryrefslogtreecommitdiffstats
path: root/admin/themes/default
diff options
context:
space:
mode:
authorpatdenice <patdenice@piwigo.org>2010-03-31 22:41:50 +0000
committerpatdenice <patdenice@piwigo.org>2010-03-31 22:41:50 +0000
commitac283e2ec000ddcff62ae1e0e6262b9621137b76 (patch)
tree27815a7c6b1cccb70c8b57f7843fbf2f15ef1bf0 /admin/themes/default
parent596a3a1abda984fef100e85f479014405acb8842 (diff)
Feature 1557: New design for "new plugins" tab.
git-svn-id: http://piwigo.org/svn/trunk@5515 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--admin/themes/default/default-layout.css5
-rw-r--r--admin/themes/default/icon/minus.gifbin0 -> 87 bytes
-rw-r--r--admin/themes/default/icon/plus.gifbin0 -> 89 bytes
-rw-r--r--admin/themes/default/template/plugins_new.tpl73
4 files changed, 49 insertions, 29 deletions
diff --git a/admin/themes/default/default-layout.css b/admin/themes/default/default-layout.css
index 638269d37..b5a565e8e 100644
--- a/admin/themes/default/default-layout.css
+++ b/admin/themes/default/default-layout.css
@@ -17,7 +17,7 @@ TABLE.table2 TR {
TABLE.table2 THEAD TD { padding:7px 10px 3px 10px; }
TABLE.table2 TR.throw { text-align: center; }
TABLE.table2 { margin:0pt auto; }
-.sort { display:block; padding:8px 5px 0px 1px; clear: right; text-align:left; }
+.sort { display:block; padding:8px 5px 0px 1px; clear: right; float:left; }
.hour {
@@ -807,6 +807,9 @@ h2:lang(en) { text-transform:capitalize; }
.pluginBox {margin-bottom:10px;-moz-border-radius:5px;}
.pluginBox table {width:99%}
.pluginBox td {text-align:left;}
+.pluginBox td.pluginDesc {cursor:pointer;}
+.pluginBox td.pluginDesc img{vertical-align:middle;}
+.pluginBox td em{float:right;}
.pluginBoxNameCell {width:150px; vertical-align:top;}
.languageBoxes {min-height:0;text-align:left;}
diff --git a/admin/themes/default/icon/minus.gif b/admin/themes/default/icon/minus.gif
new file mode 100644
index 000000000..154e45a5e
--- /dev/null
+++ b/admin/themes/default/icon/minus.gif
Binary files differ
diff --git a/admin/themes/default/icon/plus.gif b/admin/themes/default/icon/plus.gif
new file mode 100644
index 000000000..93d2ade3d
--- /dev/null
+++ b/admin/themes/default/icon/plus.gif
Binary files differ
diff --git a/admin/themes/default/template/plugins_new.tpl b/admin/themes/default/template/plugins_new.tpl
index c8eb94a34..ca82a79de 100644
--- a/admin/themes/default/template/plugins_new.tpl
+++ b/admin/themes/default/template/plugins_new.tpl
@@ -1,11 +1,20 @@
-{known_script id="jquery" src=$ROOT_URL|@cat:"themes/default/js/jquery.packed.js"}
-{known_script id="jquery.cluetip" src=$ROOT_URL|@cat:"themes/default/js/plugins/jquery.cluetip.packed.js"}
+{known_script id="jquery.ui" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.core.packed.js" }
+{known_script id="jquery.ui.effects" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/effects.core.packed.js" }
+{known_script id="jquery.ui.blind" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/effects.blind.packed.js" }
<script type="text/javascript">
jQuery().ready(function(){ldelim}
- jQuery('.cluetip').cluetip({ldelim}
- width: 300,
- splitTitle: '|'
+ jQuery("td[id^='desc_']").click(function() {ldelim}
+ id = this.id.split('_');
+ if ($(this).hasClass('bigdesc')) {ldelim}
+ $("#bigdesc_"+id[1]).toggle('blind', 1);
+ $(this).removeClass('bigdesc');
+ } else {ldelim}
+ $("#bigdesc_"+id[1]).toggle('blind', 50);
+ $(this).addClass('bigdesc');
+ }
+ $("#smalldesc_"+id[1]).toggle('blind', 1);
+ return false;
});
});
</script>
@@ -20,28 +29,36 @@ jQuery().ready(function(){ldelim}
<h2>{'Plugins'|@translate}</h2>
</div>
-{if isset($plugins)}
-<br>
-<table class="table2 plugins">
-<thead>
- <tr class="throw">
- <td>{'Name'|@translate}</td>
- <td>{'Version'|@translate}</td>
- <td>{'Date'|@translate}</td>
- <td>{'Author'|@translate}</td>
- <td>{'Actions'|@translate}</td>
- </tr>
-</thead>
{foreach from=$plugins item=plugin name=plugins_loop}
- <tr class="{if $smarty.foreach.plugins_loop.index is odd}row1{else}row2{/if}">
- <td><a href="{$plugin.EXT_URL}" class="externalLink cluetip" title="{$plugin.EXT_NAME}|{$plugin.EXT_DESC|htmlspecialchars|nl2br}">{$plugin.EXT_NAME}</a></td>
- <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>
- <td>{$plugin.DATE}</td>
- <td>{$plugin.AUTHOR}</td>
- <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>
- / <a href="{$plugin.URL_DOWNLOAD}">{'Download file'|@translate}</a>
- </td>
- </tr>
-{/foreach}
-</table>
+<div class="pluginBox" id="plugin_{$plugin.ID}"}>
+ <table>
+ <tr>
+ <td class="pluginBoxNameCell">{$plugin.EXT_NAME}</td>
+{if $plugin.BIG_DESC != $plugin.SMALL_DESC}
+ <td id="desc_{$plugin.ID}" class="pluginDesc">
+ <span id="smalldesc_{$plugin.ID}">
+ <img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/plus.gif">{$plugin.SMALL_DESC}...
+ </span>
+ <span id="bigdesc_{$plugin.ID}" style="display:none;">
+ <img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/minus.gif">{$plugin.BIG_DESC|@nl2br}<br>&nbsp;
+ </span>
+ </td>
+{else}
+ <td>{$plugin.BIG_DESC|@nl2br}</td>
{/if}
+ </tr>
+ <tr>
+ <td>
+ <a href="{$plugin.URL_INSTALL}" onclick="return confirm('{'Are you sure you want to install this plugin?'|@translate|@escape:javascript}');">{'Install'|@translate}</a>
+ | <a href="{$plugin.URL_DOWNLOAD}">{'Download'|@translate}</a>
+ </td>
+ <td>
+ {'Version'|@translate} {$plugin.VERSION}
+ | {'By %s'|@translate|@sprintf:$plugin.AUTHOR}
+ | <a class="externalLink" href="{$plugin.EXT_URL}">{'Visit plugin site'|@translate}</a>
+ <em>{'Downloads'|@translate}: {$plugin.DOWNLOADS}</em>
+ </td>
+ </tr>
+ </table>
+</div>
+{/foreach} \ No newline at end of file