Open-ILS/web/templates/default/conify/global/vandelay/match_set_tree.tt2

   1 [% WRAPPER 'default/base.tt2' %]
   2 [% ctx.page_title = 'Vandelay Match Set Editor' %]
   3 <style type="text/css">
   4     h1 { margin: 1ex 0; }
   5     .outer { clear: both; margin-bottom: 1ex; }
   6     button { margin: 0 0.5em; }
   7     input[type=submit] { padding: 0 0.5em; }
   8     #tree-here { margin-bottom: 1.5em; }
   9     #vms-table { padding-bottom: 2ex; }
  10     #vms-table th { text-align: right; }
  11     #vms-table td { padding-left: 1em; }
  12     #src-pane { float: left; width: 49%; }
  13     #tree-pane { float: right; width: 50%; }
  14     #submit-row { clear: both; text-align: center; padding-top: 1.5ex; }
  15     #submit-row hr { margin: 1.5ex 0; }
  16     #expr-preview-row { margin: 2ex 0; }
  17     #expr-preview {
  18         font-family: monospace;
  19         font-size: 125%;
  20         font-weight: bold;
  21         background-color: #000066;
  22         color: white;
  23     }
  24     .node-editor { margin-bottom: 1.5ex; }
  25     .node-editor td { padding: 0.5ex; }
  26     li { background-color: #ddd; }
  27     .replace-mode { background-color: #990; color: #fff; }
  28 </style>
  29 <h1>[% ctx.page_title %]</h1>
  30 <table id="vms-table">
  31     <tbody>
  32         <tr>
  33             <th>Match set name:</th>
  34             <td><strong id="vms-name"></strong></td>
  35         </tr>
  36         <tr>
  37             <th>Owning Library:</th>
  38             <td id="vms-owner"></td>
  39         </tr>
  40         <tr>
  41             <th>Type:</th>
  42             <td id="vms-mtype"></td>
  43         </tr>
  44     </tbody>
  45 </table>
  46 <hr />
  47 <!-- XXX TODO
  48     give some indication of which match set we're editing the tree for
  49     -->
  50 <table class="hidden">
  51     <tr consistent-controls="1">
  52         <td>
  53             <label for="quality-input"
  54                 title="A relative number representing the impact of this expression on the quality of the overall record match"><!-- XXX tooltipize -->
  55                 Quality:
  56             </label>
  57         </td>
  58         <td>
  59             <input id="quality-input" type="text" value="1"
  60                 size="4" maxlength="3" fmfield="quality" />
  61         </td>
  62     </tr>
  63     <tr consistent-controls="1">
  64         <td>
  65             <label for="negate-input">Negate?</label>
  66         </td>
  67         <td>
  68             <input id="negate-input" type="checkbox" fmfield="negate" />
  69         </td>
  70     </tr>
  71     <tr quality-controls="1">
  72         <td>
  73             <label for="value-input">Value:</label>
  74         </td>
  75         <td>
  76             <input id="value-input" type="text" fmfield="value" />
  77         </td>
  78     </tr>
  79 </table>
  80 <div class="outer">
  81     <div id="expr-preview-row">
  82         <em>Your Expression:</em>
  83         <span id="expr-preview"></span>
  84     </div>
  85     <div id="vmsp-buttons">
  86         Add new
  87         <button onclick="node_editor.add('svf');">Record Attribute</button>
  88         <button onclick="node_editor.add('tag');">MARC Tag and Subfield</button>
  89         <button onclick="node_editor.add('bool_op');">Boolean Operator</button>
  90     </div>
  91 </div>
  92 <div class="outer" style="margin-top: 2ex;">
  93     <div id="src-pane">
  94         <div><big>Working Match Point</big></div>
  95         <div>
  96             <form id="node-editor-container" onsubmit="return false;"></form>
  97         </div>
  98         <ul id="src-here"></ul>
  99     </div>
 100
 101     <div id="tree-pane">
 102         <div><big>Your Expression</big></div>
 103         <div id="tree-here"></div>
 104         <div>
 105             <button id="deleter" onclick="delete_selected_in_tree()">
 106                 Delete Selected Node
 107             </button>
 108             <button id="replacer" onclick="replace_mode()"></button>
 109         </div>
 110     </div>
 111 </div>
 112 <div id="submit-row">
 113     <button onclick="save_tree()">Save Changes To Expression</button>
 114 </div>
 115 <hr />
 116 <div id="quality-editor-wrapper">
 117     <div>
 118         <div style="float: left; width: 50%;">
 119             <big>Quality Metrics for this Match Set</big>
 120         </div>
 121         <div style="float: right; width: 49%; text-align: right;">
 122             <button onclick="qnode_editor.add('svf')">
 123                 Record Attribute
 124             </button>
 125             <button onclick="qnode_editor.add('tag')">
 126                 MARC Tag and Subfield
 127             </button>
 128             <button onclick="vmsq_grid.deleteSelected()">
 129                 Delete Selected Metrics
 130             </button>
 131         </div>
 132     </div>
 133     <br style="clear: both;" />
 134     <table jsId="vmsq_grid"
 135         dojoType="openils.widget.AutoGrid"
 136         query="{id: '*'}"
 137         defaultCellWidth="'17%'"
 138         fmClass="vmsq"
 139         fieldOrder="['quality','svf','tag','subfield','value']"
 140         suppressFields="['match_set']"
 141         showPaginator="true"
 142         editOnEnter="false">
 143     </table>
 144 </div>
 145 <div jsId="progress_dialog" dojoType="openils.widget.ProgressDialog"></div>
 146 <script type="text/javascript"
 147     src="[% ctx.media_prefix %]/js/ui/default/conify/global/vandelay/match_set.js"></script>
 148 [% END %]