[% WRAPPER base.tt2 %]
[% ctx.page_title = l('MARC Record Attribute Definitions') %]
<h1>[% l('Record Attribute Definitions') %]</h1> <br/>

<div dojoType="dijit.layout.ContentPane" layoutAlign="client" class='oils-header-panel'>
    <div>[% l('Record Attribute Definitions') %]</div>
    <div>
        <button dojoType='dijit.form.Button' onClick='cradGrid.showCreateDialog()'>[% l('New Attr. Definition') %]</button>
        <button dojoType='dijit.form.Button' onClick='cradGrid.deleteSelected()'>[% l('Delete Selected') %]</button>
    </div>
</div>

<div dojoType="dijit.layout.ContentPane" layoutAlign="client">
    <table  jsId="cradGrid"
            autoHeight='true'
            dojoType="openils.widget.AutoGrid"
            fieldOrder="['name', 'label']",
            query="{name: '*'}"
            fmClass='crad'
            showPaginator='true'
            editOnEnter='true'>
      <thead>
        <tr><th field='coded_value_maps' 
                get='getCcvms' 
                formatter='formatCcvmsLink'>
            [% l('Coded Value Maps') %]</th></tr>
      </thead>
    </table>
 </div>

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

    function getCcvms(rowId, item) {
      if (!item) return '';
      return this.grid.store.getValue(item, 'name');
    }

    function formatCcvmsLink(name) {
      if (name) {
        return "<a href='" + oilsBasePath +
          "/conify/global/config/coded_value_map/"
          + name + "'>[% l('Manage') %]</a>";
        } else {
          return "";
      }
    }

    openils.Util.addOnLoad(
        function() {
            // avoid loading the entire config.xml_transform object
            cradGrid.overrideWidgetArgs.format = {searchOptions : {"select":{"cxt":["name"]}}};
            cradGrid.loadAll({order_by : {crad : 'name'}}) 
        }
    );
</script>

[% END %]