Open-ILS/src/templates/conify/global/actor/org_unit_custom_tree.tt2

   1 [% WRAPPER base.tt2 %]
   2 [% ctx.page_title = l('Org Unit Custom Tree') %]
   3 <script type="text/javascript" src='[% ctx.media_prefix %]/js/ui/default/conify/global/actor/org_unit_custom_tree.js'> </script>
   4 <link rel='stylesheet' type='text/css' href='[% ctx.media_prefix %]/js/dojo/dojo/resources/dnd.css'/>
   5 <link rel='stylesheet' type='text/css' href='[% ctx.media_prefix %]/js/dojo/dojo/resources/dndDefault.css'/>
   6
   7 <style>
   8     #wrapper     {width : 100%; height: 100%}
   9     .block       {height: 100%; float : left; vertical-align : top; text-align: left; overflow: auto;}
  10     #left-block  {border-right: 2px solid #333; margin-right: 20px; padding-right: 40px; max-width 40%}
  11     #right-block  {max-width: 58%}
  12     .action-wrapper { padding-right: 5px; margin-right: 5px; border-right: 2px dotted #333; }
  13     .tree-actions {
  14         width : 98%;
  15         padding: 5px;
  16         margin: 5px;
  17         background-color:#E7A555;
  18         border-bottom: 2px solid #4A4747;
  19     }
  20 </style>
  21
  22 <h2>[% l('Org Unit Custom Tree') %]</h2>
  23 <ul>
  24     <li>[% l('To add new nodes to the custom tree, drag them from the full tree on the left') %]</li>
  25     <li>[% l('Changes to custom org trees may require web server (apache) reload before taking effect') %]</li>
  26 </ul>
  27 <hr/>
  28
  29 <div id='wrapper'>
  30     <div id='left-block' class='block'>
  31         <h3>[% l('Full Org Unit Tree') %]</h3>
  32         <div class='tree-actions'>
  33             <a href='javascript:;' onClick='realTree.expandAll()'>[% l('Expand') %]</a>&nbsp;/&nbsp;<a
  34                 href='javascript:;' onClick='realTree.collapseAll()'>[% l('Collapse') %]</a>
  35         </div>
  36         <div id='real-tree'></div>
  37     </div>
  38     <div id='right-block' class='block'>
  39         <table>
  40             <td style='padding-right: 10px;'>
  41                 <h3>[% l('Custom Unit Tree: ') %]</h3>
  42             </td>
  43             <td style='vertical-align: bottom'>
  44                 <!-- 'opac' is currently the only purpose -->
  45                 <select jsId='treePurposeSelector' dojoType='dijit.form.FilteringSelect' disabled='disabled' onChange='drawMagicTree()'>
  46                     <option value='opac'>[% l('OPAC') %]</option>
  47                 </select>
  48             </td>
  49         </tr></table>
  50         <div class='tree-actions'>
  51             <span class='action-wrapper'>
  52                 <a href='javascript:;' onClick='magicTree.expandAll()'>[% l('Expand') %]</a>&nbsp;/&nbsp;<a
  53                     href='javascript:;' onClick='magicTree.collapseAll()'>[% l('Collapse') %]</a>
  54             </span>
  55             <span class='action-wrapper'>
  56                 <a href='javascript:;' onClick='deleteSelected()'>[% l('Delete Selected') %]</a>
  57             </span>
  58             <span class='action-wrapper'>
  59                 <a id='activate-tree'   href='javascript:;' onClick='activateTree()'>[% l('Activate Tree') %]</a>
  60                 <a id='deactivate-tree' href='javascript:;' onClick='deactivateTree()' class='hidden'>[% l('Deactivate Tree') %]</a>
  61             </span>
  62             <span>
  63                 <a href='javascript:;' onClick='applyChanges()'>[% l('Apply Changes') %]</a>
  64             </span>
  65         </div>
  66         <div id='magic-tree'></div>
  67     </div>
  68 </div>
  69
  70 <div jsId="progressDialog" dojoType="openils.widget.ProgressDialog"></div>
  71 [% END %]
  72
  73