[% WRAPPER default/base.tt2 %]
<script src='[% ctx.media_prefix %]/js/ui/default/acq/settings/li_attr.js'> </script>

<div dojoType="dijit.layout.ContentPane" layoutAlign="top">
    <div dojoType="dijit.form.DropDownButton">
        <span>Lineitem Attribute Attribute</span>
        <div dojoType="dijit.TooltipDialog" execute="createOrderRecordField(arguments[0]);">
            <script type='dojo/connect' event='onOpen'>//setORDesc();</script>
            <table class='dijitTooltipTable'>
                <tr>
                    <td><label for="code">Code:</label></td>
                    <td><input dojoType='dijit.form.TextBox' name='code'/></td>
                </tr>
                <tr>
                    <td><label for="description">Description: </label></td>
                    <td><input id='oils-acq-provider-or-desc' dojoType="dijit.form.TextBox" name="description"> </input></td>
                </tr>
                <tr>
                    <td><label for="amount">Tag: </label></td>
                    <td><input dojoType="dijit.form.TextBox" name="tag"></input></td>
                </tr>
                <tr>
                    <td><label for="amount">Subfield: </label></td>
                    <td><input dojoType="dijit.form.TextBox" name="subfield"></input></td>
                </tr>
                <tr>
                    <td><label for="ident">Identifer Field?: </label></td>
                    <td>
                        <select dojoType="dijit.form.FilteringSelect" name="ident">
                            <option value='f' selected='selected'>False</option>
                            <option value='t'>True</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><label for="amount">XPath (advanced): </label></td>
                    <td><input dojoType="dijit.form.TextBox" name="xpath"></input></td>
                </tr>
                <tr>
                    <td colspan='2' align='center'>
                        <button dojoType=dijit.form.Button type="submit">Apply</button>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <script>
        var liAttrGridLayout = [{
            cells : [[
                {name: 'ID', field: 'id'},
                {name: 'Code', field:'code', width:'auto'},
                {name: 'Description', field: "description", width:'auto'}, 
                {name: 'Tag', get:getTag},
                {name: 'Subfield', get:getSubfield},
                {name: 'Identifier', field:'ident'},
                {name: 'XPath', field:'xpath', width:'auto'}
            ]]
        }];
    </script>
    <div dojoType="dijit.layout.TabContainer">
        <div dojoType="dijit.layout.ContentPane" 
                class='oils-acq-detail-content-pane' title="MARC Attributes" style='height:600px;'>
            <script type='dojo/connect' event='onShow'>loadMarcAttrGrid();</script>
            <div jsId='liMarcAttrGrid' dojoType="dojox.Grid" structure='liAttrGridLayout'> </div>
        </div>
        <div dojoType="dijit.layout.ContentPane" 
                class='oils-acq-detail-content-pane' title="Generated Attributes" style='height:600px;'>
            <script type='dojo/connect' event='onShow'>loadGeneratedAttrGrid();</script>
            <div jsId='liGeneratedAttrGrid' dojoType="dojox.Grid" structure='liAttrGridLayout'> </div>
        </div>
    </div>
</div>
[% END %]