-[%- USE T8 %][%- USE LxERP %]
-[% USE HTML %]<body>
+[%- USE T8 %][%- USE LxERP %][% USE L %]
+[% USE HTML %]
+<h1>[% title %]</h1>
[% IF saved_message %]
<p>[% saved_message %]</p>
<input type="hidden" name="type" value="unit">
- <table width="100%">
- <tr>
- <th class="listtop" colspan="2">[% title %]</th>
- </tr>
- <tr height="5"></tr>
- </table>
-
<p>
[% LxERP.t8('All units have either no or exactly one base unit of which they are multiples.') %]
[% LxERP.t8('If you select a base unit then you also have to enter a factor.') %]
<hr>
- <table width="100%">
- <tr><th class="listtop">[% 'Add unit' | $T8 %]</th></tr>
- </table>
+ <h2>[% 'Add unit' | $T8 %]</h2>
<table>
<tr>
<hr>
- <table width="100%">
- <tr><th class="listtop">[% 'Edit units' | $T8 %]</th></tr>
- </table>
+ <h2>[% 'Edit units' | $T8 %]</h2>
<p>
[% 'Units that have already been used (e.g. for parts and services or in invoices or warehouse transactions) cannot be changed.' | $T8 %]
[% 'You can declare different translations for singular and plural for each unit (e.g. "day" and "days).' | $T8 %]
</p>
- <table>
- <tr>
- <th class="listheading" width="32" align="center" valign="center"><img alt="[% 'up' | $T8 %]" src="image/up.png"><img alt="[% 'down' | $T8 %]" src="image/down.png"></th>
- <th class="listheading">[% 'Delete' | $T8 %]</th>
- <th class="listheading">[% 'Unit' | $T8 %]</th>
- <th class="listheading">[% 'Base unit' | $T8 %]</th>
- <th class="listheading">[% 'Factor' | $T8 %]</th>
+ <table id="unit_list">
+ <thead>
+ <tr class="listheading">
+ <th align="center"><img src="image/updown.png" alt="[%- LxERP.t8('reorder item') %]"></th>
+ <th>[% 'Delete' | $T8 %]</th>
+ <th>[% 'Unit' | $T8 %]</th>
+ <th>[% 'Base unit' | $T8 %]</th>
+ <th>[% 'Factor' | $T8 %]</th>
[% FOREACH language = LANGUAGES %]
- <th class="listheading">[% language.description %]</th>
+ <th>[% language.description %]</th>
[% END %]
</tr>
+ </thead>
+ <tbody>
[% FOREACH row = UNITS %]
- <tr>
- <td width="32" align="center" valign="center">[% IF loop.first %]<img src="image/transparent16x16.gif">[% ELSE %]<a href="[% updownlink %]&dir=up&name=[% HTML.url(row.name) %]"><img alt="[% 'up' | $T8 %]" src="image/up.png" border="0"></a>[% END %][% IF loop.last %]<img src="image/transparent16x16.gif">[% ELSE %]<a href="[% updownlink %]&dir=down&name=[% HTML.url(row.name) %]"><img alt="[% 'down' | $T8 %]" src="image/down.png" border="0"></a>[% END %]</td>
+ <tr class="listrow[% loop.count % 2 %]" id="unit_id_[% row.id %]">
+ <td align="center" class="dragdrop"><img src="image/updown.png" alt="[%- LxERP.t8('reorder item') %]"></td>
[% IF row.in_use %]
<td>
<input type="hidden" name="unchangeable_[% loop.count %]" value="1">
</td>
[% END %]
</tr>
-
- [% IF loop.last %]<input type="hidden" name="rowcount" value="[% loop.count %]">[% END %]
[% END %]
+ </tbody>
</table>
+ <input type="hidden" name="rowcount" value="[% UNITS.size %]">
+
<input type="submit" class="submit" name="action" value="[% 'Save' | $T8 %]">
</form>
-</body>
-</html>
+ [% L.sortable_element('#unit_list tbody', url => 'controller.pl?action=Unit/reorder', with => 'unit_id') %]
+