Open-ILS/web/templates/default/actor/user/register.tt2

   1 [% ctx.page_title = 'User Editor' %]
   2 [% WRAPPER default/base.tt2 %]
   3 <script src='[% ctx.media_prefix %]/js/ui/default/actor/user/register.js'> </script>
   4
   5 <style type="text/css">
   6
   7     /* XXX Move me into the CSS tree XXX */
   8
   9     #uedit-tbody tr td {
  10         padding: 5px;
  11         text-align: left;
  12     }
  13
  14
  15     #uedit-save-div {
  16         position: fixed;
  17         top:40px;
  18         right:30px;
  19         width:300px;
  20         border:2px solid #d9e8f9;
  21         -moz-border-radius: 10px;
  22         font-weight: bold;
  23         padding: 12px;
  24         text-align:center;
  25         vertical-align:middle;
  26     }
  27
  28     #uedit-help-div {
  29         position: fixed;
  30         top:124px;
  31         right:30px;
  32         width:300px;
  33         border:2px dashed #d9e8f9;
  34         -moz-border-radius: 10px;
  35         font-weight: bold;
  36         padding: 20px;
  37     }
  38
  39     #uedit-dupe-div {
  40         position: fixed;
  41         top:124px;
  42         right:30px;
  43         width:300px;
  44         border:2px dashed #d9e8f9;
  45         -moz-border-radius: 10px;
  46         font-weight: bold;
  47         padding: 20px;
  48     }
  49
  50     .uedit-help {
  51         width: 25px;
  52         border:1px solid #e0e0e0;
  53         text-align:center;
  54         vertical-align:middle;
  55     }
  56     .divider td {
  57         min-height:10px;
  58         background-color: #e0e0e0;
  59     }
  60
  61     .divider span { padding: 0px 5px 0px 5px; }
  62
  63     .newaddr-row td {
  64         text-align: right;
  65         border-top:1px dashed #d9e8f9;
  66     }
  67     .newaddr-row td:last-child {
  68         border-right:1px dashed #d9e8f9;
  69     }
  70
  71     .pending-addr-row td { border:1px solid #aaa; }
  72
  73     .uedit-addr-del-button {margin-left: 10px; color:red;}
  74
  75     .dijitTextBoxFocused, .dijitFocused { border:1px dashed #3e3e3e; color: #303030; font-weight:bold;}
  76
  77     .hide-non-required tr:not([required]) {
  78         visibility:hidden;
  79         display:none;
  80     }
  81
  82     #require-toggle {
  83         margin-top:10px;
  84         margin-bottom:-5px;
  85     }
  86
  87 </style>
  88
  89 <div dojoType="dijit.form.Form" id="myForm" jsId="myForm" encType="multipart/form-data" action="" method="">
  90     <script type="dojo/method" event="onSubmit">
  91         /* we don't want to use the form action, but uEditSave and UEditSaveClone from the Save buttons.  We
  92             do want to use the Form's validation features, which we do from within UEditSave, etc. */
  93         return false;
  94     </script>
  95     <table>
  96         [% INCLUDE default/actor/user/register_table.tt2 %]
  97     </table>
  98 </div>
  99
 100 <div id='uedit-save-div'>
 101     <button dojoType='dijit.form.Button' jsId='saveButton' onClick='uEditSave' scrollOnFocus='false'>Save</button>
 102     <button dojoType='dijit.form.Button' jsId='saveCloneButton' onClick='uEditSaveClone' scrollOnFocus='false'>Save &amp; Clone</button>
 103     <div id='require-toggle'>
 104         <a href='javascript:uEditToggleRequired();' id='uedit-show-required'>Show Only Required Fields</a>
 105         <a href='javascript:uEditToggleRequired();' id='uedit-show-all' class='hidden'>Show All Fields</a>
 106     </div>
 107 </div>
 108
 109 <!-- context help widget -->
 110 <a class='hidden' id='uedit-help-template'><img src='/opac/images/advancedsearch-icon.png'></img></a>
 111 <fieldset id='uedit-help-div' class='hidden'>
 112     <legend id='uedit-help-field'/>
 113     <div id='uedit-help-text'/>
 114 </fieldset>
 115
 116 <!-- duplicate patron search results -->
 117 <div id='uedit-dupe-div' class='hidden'>
 118     <div><a href='javascript:void(0);' id='uedit-dupe-names-link'></a></div>
 119     <div><a href='javascript:void(0);' id='uedit-dupe-email-link'></a></div>
 120     <div><a href='javascript:void(0);' id='uedit-dupe-ident-link'></a></div>
 121     <div><a href='javascript:void(0);' id='uedit-dupe-phone-link'></a></div>
 122     <div><a href='javascript:void(0);' id='uedit-dupe-address-link'></a></div>
 123 </div>
 124
 125 <div class='hidden'>
 126     <span id='true' style='color:green;'>&#x2713;</span>
 127     <span id='false' style='color:red;'>&#x2717;</span>
 128     <div dojoType='dijit.Dialog' jsId='allCardsDialog'>
 129         <table class='oils-generic-table' style='margin:10px;'>
 130             <thead>
 131                 <tr>
 132                     <th>Barcode</th>
 133                     <th>Active</th>
 134                 </tr>
 135             </thead>
 136             <tbody id='uedit-all-cards-tbody'>
 137                 <tr id='uedit-all-cards-tr-template'>
 138                     <td><div name='barcode'></div></td>
 139                     <td><div name='active'></div></td>
 140                 </tr>
 141             </tbody>
 142             <tbody>
 143                 <tr>
 144                     <td colspan='2' style='text-align:center;'>
 145                         <button dojoType='dijit.form.Button' onClick='allCardsDialog.hide()' scrollOnFocus='false'>Close</button>
 146                     </td>
 147                 </tr>
 148             </tbody>
 149         </table>
 150     </div>
 151 </div>
 152
 153
 154 [% END %]
 155