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     .tundra .dijitComboBoxDisabled {
  21             color: gray !important;
  22     }
  23 </style>
  24
  25 <h2>[% l('Org Unit Custom Tree') %]</h2>
  26 <ul>
  27     <li>[% l('To add new nodes to the custom tree, drag them from the full tree on the left') %]</li>
  28     <li>[% l('Changes to custom org trees may require web server (apache) reload before taking effect') %]</li>
  29 </ul>
  30 <hr/>
  31
  32 <div id='wrapper'>
  33     <div id='left-block' class='block'>
  34         <h3>[% l('Full Org Unit Tree') %]</h3>
  35         <div class='tree-actions'>
  36             <a href='javascript:;' onClick='realTree.expandAll()'>[% l('Expand') %]</a>&nbsp;/&nbsp;<a
  37                 href='javascript:;' onClick='realTree.collapseAll()'>[% l('Collapse') %]</a>
  38         </div>
  39         <div id='real-tree'></div>
  40     </div>
  41     <div id='right-block' class='block'>
  42         <table>
  43             <td style='padding-right: 10px;'>
  44                 <h3>[% l('Custom Unit Tree: ') %]</h3>
  45             </td>
  46             <td style='vertical-align: bottom'>
  47                 <!-- 'opac' is currently the only purpose -->
  48                 <select jsId='treePurposeSelector' dojoType='dijit.form.FilteringSelect' disabled='disabled' onChange='drawMagicTree()'>
  49                     <option value='opac'>[% l('OPAC') %]</option>
  50                 </select>
  51             </td>
  52         </tr></table>
  53         <div class='tree-actions'>
  54             <span class='action-wrapper'>
  55                 <a href='javascript:;' onClick='magicTree.expandAll()'>[% l('Expand') %]</a>&nbsp;/&nbsp;<a
  56                     href='javascript:;' onClick='magicTree.collapseAll()'>[% l('Collapse') %]</a>
  57             </span>
  58             <span class='action-wrapper'>
  59                 <a href='javascript:;' onClick='deleteSelected()'>[% l('Delete Selected') %]</a>
  60             </span>
  61             <span class='action-wrapper'>
  62                 <a id='activate-tree'   href='javascript:;' onClick='activateTree()'>[% l('Activate Tree') %]</a>
  63                 <a id='deactivate-tree' href='javascript:;' onClick='deactivateTree()' class='hidden'>[% l('Deactivate Tree') %]</a>
  64             </span>
  65             <span>
  66                 <a href='javascript:;' onClick='applyChanges()'>[% l('Apply Changes') %]</a>
  67             </span>
  68         </div>
  69         <div id='magic-tree'></div>
  70     </div>
  71 </div>
  72
  73 <div jsId="progressDialog" dojoType="openils.widget.ProgressDialog"></div>
  74 [% END %]
  75
  76