Permalink
Browse files

feature 959 : improve reordering of menubar block by using drag and drop

a new jquery pluging to reodering table rows because jquery.sortable don't work well with table rows.

git-svn-id: http://piwigo.org/svn/trunk@3219 68402e56-0260-453c-a942-63ccdbb3a9ee
  • Loading branch information...
nikrou
nikrou committed Mar 22, 2009
1 parent b7fdb8b commit 315a9625588f85f19772c5a7a83ea5035accdc72
Showing with 428 additions and 22 deletions.
  1. +46 −22 admin/template/goto/menubar.tpl
  2. +382 −0 template-common/lib/jquery.tablednd.js
@@ -1,30 +1,54 @@
{* $Id$ *}
{known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
{known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/packed/ui.core.packed.js" }
{known_script id="jquery-tablednd" src=$ROOT_URL|@cat:"template-common/lib/jquery.tablednd.js"}
{literal}
<script type="text/javascript">
$(function() {
$('table.table2').tableDnD({
onDrop:function(table,row) {
var rows = table.tBodies[0].rows;
for (var i=0; i<rows.length; i++) {
$(rows[i])
.attr('class', 'row'+i%2)
.find("input[@type='text']").attr('value', (i+1)*10);
}
}
});
});
</script>
{/literal}
<div class="titrePage">
<h2>Menubar</h2>
<h2>Menubar</h2>
</div>
<div id="debugArea"></div>
<form method="post" action="{$F_ACTION}" class="properties">
<table class="table2">
<tr class="throw">
<td>Id</td>
<td>{'Author'|@translate}</td>
<td>{'Name'|@translate}</td>
<td>{'Position'|@translate}</td>
<td>Hide</td>
</tr>
{foreach from=$blocks item=block name="block_loop"}
<table class="table2" style="width:99%">
<thead>
<tr class="throw">
<td>Id</td>
<td>{'Author'|@translate}</td>
<td>{'Name'|@translate}</td>
<td>{'Position'|@translate}</td>
<td>Hide</td>
</tr>
</thead>
<tbody>
{foreach from=$blocks item=block name="block_loop"}
<tr class="{if $smarty.foreach.block_loop.index is odd}row1{else}row2{/if}">
<td>{$block.reg->get_id()}</td>
<td>{$block.reg->get_owner()}</td>
<td>{$block.reg->get_name()|@translate}</td>
<td><input type="text" name="pos_{$block.reg->get_id()}" value={math equation="abs(pos)" pos=$block.pos} size="2"></td>
<td><input type="checkbox" name="hide_{$block.reg->get_id()}" {if $block.pos<0}checked="checked"{/if} ></td>
<td>{$block.reg->get_id()}</td>
<td>{$block.reg->get_owner()}</td>
<td>{$block.reg->get_name()|@translate}</td>
<td><input type="text" name="pos_{$block.reg->get_id()}" value={math equation="abs(pos)" pos=$block.pos} size="2"></td>
<td><input type="checkbox" name="hide_{$block.reg->get_id()}" {if $block.pos<0}checked="checked"{/if}></td>
</tr>
{/foreach}
</table>
<p>
<input type="submit" name="submit" value="{'Submit'|@translate}" {$TAG_INPUT_ENABLED}>
<input type="submit" name="reset" value="{'Reset'|@translate}" {$TAG_INPUT_ENABLED}>
</p>
{/foreach}
</tbody>
</table>
<p>
<input type="submit" name="submit" value="{'Submit'|@translate}" {$TAG_INPUT_ENABLED}>
<input type="submit" name="reset" value="{'Reset'|@translate}" {$TAG_INPUT_ENABLED}>
</p>
</form>
Oops, something went wrong.

0 comments on commit 315a962

Please sign in to comment.