{extends file="$layouts_admin"} {block name="content"} <div class="row"> <div class="widget-1 col-md-6 col-sm-12"> <div class="panel"> <div class="panel-hdr"> <h2 class="panel-title">{$_L['Expense Categories']}</h2> </div> <div class="panel-container"> <div class="panel-content"> <form role="form" name="accadd" method="post" action="{$_url}settings/expense-categories-post"> <div class="mb-3"> <label for="name">{$_L['Name']}</label> <input type="text" class="form-control" id="name" name="name"> </div> <button type="submit" class="btn btn-primary"> {$_L['Submit']}</button> </form> </div> </div> </div> </div> <div class="widget-1 col-md-6 col-sm-12"> <div class="panel"> <div class="panel-hdr"> <h2 class="panel-title">{$_L['Manage Categories']}</h2> </div> <div class="panel-container"> <div class="panel-content"> <span id="resp">{$_L['drag_n_drop_help']}</span> <ol class="rounded-list" id="sorder"> {foreach $d as $ds} <li id='recordsArray_{$ds['id']}'><a href="{$_url}settings/categories-manage/{$ds['id']}">{$ds['name']}</a></li> {/foreach} </ol> </div> </div> </div> </div> </div> {/block} {block name="script"} <script> $(function () { $(function() { $("#sorder").sortable({ opacity: 0.6, cursor: 'move', update: function() { var order = $(this).sortable("serialize") + '&action=sys_cats'; $("#resp").html('Saving...'); $.post("{$_url}reorder/reorder-post", order, function(theResponse){ $("#resp").html(theResponse); }); } }); }); }); </script> {/block}