[% ctx.page_title = l('Floating Groups Configuration') %]
[% WRAPPER base.tt2 %]
<script type="text/javascript" src='[% ctx.media_prefix %]/js/ui/default/conify/global/config/floating_groups.js'> </script>
<div dojoType="dijit.layout.ContentPane" layoutAlign="top" class='oils-header-panel'>
    <div>[% l('Floating Groups Configuration') %]</div>
    <div><button dojoType='dijit.form.Button' onClick='cfgGrid.showCreatePane()'>[% l('New') %]</button></div>
</div>
<div dojoType="dijit.layout.ContentPane" layoutAlign="client">
    <table  jsId="cfgGrid"
            style="height: 600px;"
            dojoType="openils.widget.AutoGrid"
            fieldOrder="['id', 'name', 'manual']"
            defaultCellWidth='"auto"'
            query="{id: '*'}"
            fmClass='cfg'
            editStyle='pane'
            editOnEnter='true'
            showColumnPicker='false'
            columnPersistKey='"conify.config.floating_groups"'>
    </table>
</div>

<div class='hidden'>
    <div id='group-member-editor' style='border:1px solid #aaa'>
        <h3>[% l('Linked Group Members') %]</h3>
        <table class='oils-generic-table'>
            <thead>
                <tr>
                    <th>[% l('Org Unit') %]</th>
                    <th>[% l('Stop Depth') %]</th>
                    <th>[% l('Max Depth') %]</th>
                    <th>[% l('Exclude') %]</th>
                    <th>[% l('Remove') %]</th>
                </tr>
            </thead>
            <tbody name='group-member-entry-tbody'>
                <tr name='group-member-entry-row'>
                    <td name='org-unit'></td>
                    <td><input type="text" name="group-member-stop-depth" value="0" /></td>
                    <td><input type="text" name="group-member-max-depth" /></td>
                    <td><input type="checkbox" name="group-member-exclude"/></td>
                    <td><a name='remove-group-member' href='javascript:void(0);'>[% l('Remove') %]</a></td>
                </tr>
            </tbody>
            <tfoot name='group-member-entry-new'>
                <tr>
                    <td><div name='org-unit-selector'></div></td>
                    <td colspan="4"><a href='javascript:void(0);' name='add-group-member'>[% l('Add') %]</a></td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>


<div class='hidden'><div dojoType='openils.widget.ProgressDialog' jsId='progressDialog'></div></div>

[% END %]