Open-ILS/src/templates/actor/org_unit/sibling_order.tt2

   1 [% WRAPPER base.tt2 %]
   2 [% ctx.page_title = l('Org Unit Sibling Order') %]
   3 <link rel='stylesheet' type='text/css' href='[% ctx.media_prefix %]/js/dojo/dojo/resources/dnd.css'/>
   4 <style>
   5     .dimple_img { padding-right: 5px; }
   6     #child-table { margin-left: 15px; margin-top: 10px;}
   7     #child-tbody td { padding: 5px 10px 5px 10px; }
   8     #child-tbody tr:nth-child(odd) {
   9         background-color:#E7A555;
  10         border-left: 1px solid #4A4747;
  11         border-right: 1px solid #4A4747;
  12     }
  13     #wrapper { width:100%; margin-top: 15px; }
  14     #left-pane { float:left; padding-right: 20px; max-width: 40%; }
  15     #right-pane { float:left; padding-left: 10px; max-width: 58%; }
  16     #ol { border:2px dashed #4A4747; -moz-border-radius: 10px; padding: 5px; }
  17 </style>
  18
  19 <h2>[% l('Org Unit Sibling Order') %]</h2>
  20 <hr/>
  21
  22 <div id='wrapper'>
  23     <div id='left-pane'>
  24         <div>
  25             <select dojoType="openils.widget.OrgUnitFilteringSelect"
  26                     jsId='contextOrgSelector'
  27                     searchAttr='shortname'
  28                     labelAttr='shortname'>
  29             </select>
  30         </div>
  31         <table id='child-table'>
  32             <tbody id='child-tbody'>
  33                 <tr id='row-template'>
  34                     <td name='name'></td>
  35                     <td>
  36                         <img class='dimple_img' src="[% ctx.media_prefix %]/images/dimple.png"/>
  37                         <img class='dimple_img' src="[% ctx.media_prefix %]/images/dimple.png"/>
  38                         <img class='dimple_img' src="[% ctx.media_prefix %]/images/dimple.png"/>
  39                     </td>
  40                 </tr>
  41             </tbody>
  42         </table>
  43     </div>
  44     <div id='right-pane'>
  45         <div id='ol'>
  46             <ol>
  47                 <li>[% l('Select the org unit whose children you wish to sort.') %]</li>
  48                 <li>[% l('Drag the child org units up or down to change the position.') %]</li>
  49                 <li>[% l('After each drag operation, the changes are automatically saved.') %]</li>
  50                 <li>[% l('When finished, it will be necessary to restart/reload the web server (Apache) for the changes to take effect.') %]</li>
  51             </ol>
  52         </div>
  53     </div>
  54 </div>
  55
  56 <script type="text/javascript" src='[% ctx.media_prefix %]/js/ui/default/actor/org_unit/sibling_order.js'> </script>
  57 [% END %]