[% WRAPPER base.tt2 %]
[% ctx.page_title = l('User Setting Types') %]

<div class='hidden'>
    <select dojoType="dijit.form.FilteringSelect" jsId="dTypeSelector">
        <option value='string' selected='selected'>[% l('String') %]</option>
        <option value='bool'>[% l('Boolean') %]</option>
        <option value='integer'>[% l('Integer') %]</option>
        <option value='float'>[% l('Float') %]</option>
        <option value='currency'>[% l('Currency') %]</option>
        <option value='interval'>[% l('Interval') %]</option>
        <option value='date'>[% l('Date') %]</option>
        <option value='object'>[% l('Object') %]</option>
        <option value='array'>[% l('Array') %]</option>
        <option value='link'>[% l('Link') %]</option>
    </select>
</div>


<div dojoType="dijit.layout.ContentPane" layoutAlign="client" class='oils-header-panel'>
    <div>[% l('User Setting Types') %]</div>
    <div>
        <button dojoType='dijit.form.Button' onClick='ustGrid.showCreateDialog()'>[% l('New User Setting Type') %]</button>
        <button dojoType='dijit.form.Button' onClick='ustGrid.deleteSelected()'>[% l('Delete Selected') %]</button>
    </div>
</div>

<div dojoType="dijit.layout.ContentPane" layoutAlign="client">
    <table  jsId="ustGrid"
            autoHeight='true'
            dojoType="openils.widget.AutoGrid"
            fieldOrder="['name', 'label', 'datatype', 'description', 'fm_class']"
            query="{name: '*'}"
            defaultCellWidth='"auto"'
            fmClass='cust'
            showPaginator='true'
            editOnEnter='true'>
        <thead>
            <tr>
                <th field="datatype" formatter="formatDtype"/>
            </tr>
        </thead>
    </table>
 </div>

<script type ="text/javascript">
    dojo.require('dijit.form.FilteringSelect');
    dojo.require('openils.widget.AutoGrid');

    openils.Util.addOnLoad(
        function() {
            ustGrid.overrideEditWidgets.datatype = dTypeSelector;
            ustGrid.loadAll({order_by:{cust : 'name'}});
        }
    );

    function formatDatatype(dtype) {
        // pull the label from the type selector
        return dojo.query('[value=' + dtype +']', dTypeSelector.domNode)[0].innerHTML;
    }

</script>

[% END %]