[% WRAPPER default/base.tt2 %]
<script type="text/javascript" src='[% ctx.media_prefix %]/js/ui/default/conify/global/acq/distribution_formula.js'></script>
<script type="text/javascript"> var formulaId = '[% ctx.page_args.0 %]';

function getFormulaName(rowIndex, item) {
        if(!item) return '';
        var name = this.grid.store.getValue(item, 'name');
        var id = this.grid.store.getValue(item, 'id');
        return id + ':' + name;
    }

function formatName(value) {
        if(value) {
            var vals = value.split(/:/);
            return '<a href="'+location.href+ '/'+vals[0]+'">'+vals[1]+'</a>';
        }
}

</script>




<div id='formula-list-div'>
    <div dojoType="dijit.layout.ContentPane" layoutAlign="client">
        <div dojoType="dijit.layout.ContentPane" layoutAlign="client" class='oils-header-panel'>
            <div>Distribution Formulas</div>
            <div>
                <button dojoType='dijit.form.Button' onClick='fListGrid.showCreateDialog()'>New Formula</button>
                <button dojoType='dijit.form.Button' onClick='fListGrid.deleteSelected()'>Delete Selected</button>
            </div>
        </div>
        <table  jsId="fListGrid"
                autoHeight='true'
                dojoType="openils.widget.AutoGrid"
                fieldOrder="['id', 'name', 'owner', 'item_count', 'skip_count']"
                query="{id: '*'}"
                defaultCellWidth='12'
                fmClass='acqdf'
                editOnEnter='true'>
            <thead>
                <tr>
                    <th field='name' get='getFormulaName' formatter='formatName'/>
                    <th field='item_count' get='getItemCount'/>
                </tr>
            </thead>
        </table>
    </div>
</div>



<div id='formula-entry-div'>
    <div dojoType="dijit.layout.ContentPane" layoutAlign="client">
        <div id='formula-summary-pane'/>
    </div>
        <div dojoType="dijit.layout.ContentPane" layoutAlign="client" class='oils-header-panel'>
            <div id="formula_head"></div>
            <div>
                <button dojoType='dijit.form.Button' onClick='dfeListGrid.showCreateDialog()'>New Formula Entry</button>
                <button dojoType='dijit.form.Button' onClick='dfeListGrid.deleteSelected()'>Delete Selected</button>
            </div>
        </div>
        <div dojoType="dijit.layout.ContentPane" layoutAlign="client">
            <table  jsId="dfeListGrid"
                    autoHeight='true'
                    dojoType="openils.widget.AutoGrid"
                    fieldOrder="['id','formula', 'owning_lib', 'location', 'item_count', 'position']"
                    suppressFields="['formula']"
                    query="{id: '*'}"
                    defaultCellWidth='12'
                    fmClass='acqdfe'
                    editOnEnter='true'>
                <thead>
                    <tr>
                        <th field='formula' get='getFormulaId' formatter='formatName'/>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
[% END %]