Open-ILS/src/templates/staff/t_login.tt2

   1 <div class="container">
   2   <div class="row">
   3     <div class="col-md-3"></div><!-- offset? -->
   4       <div class="col-md-6">
   5         <fieldset>
   6           <legend>[% l('Sign In') %]</legend>
   7           <!--
   8             login() hangs off the page $scope.
   9             Values entered by the user are put into 'args',
  10             which is is autovivicated if needed.
  11             The input IDs are there to match the labels.
  12             They are not referenced in the Login controller.
  13           -->
  14           <form ng-submit="login(args)" name="login-form" class="form-horizontal" role="form">
  15             <div class="form-group">
  16               <label class="col-md-4 control-label" for="login-username">[% l('Username') %]</label>
  17               <div class="col-md-8">
  18                 <input type="text" id="login-username" class="form-control"
  19                   focus-me="focusMe" select-me="focusMe"
  20                   placeholder="Username" ng-model="args.username"/>
  21               </div>
  22             </div>
  23
  24             <div class="form-group">
  25               <label class="col-md-4 control-label" for="login-password">[% l('Password') %]</label>
  26               <div class="col-md-8">
  27                 <input type="password" id="login-password" class="form-control"
  28                   placeholder="Password" ng-model="args.password"/>
  29               </div>
  30             </div>
  31
  32             <div class="form-group" ng-show="workstations.length > 0">
  33               <label class="col-md-4 control-label"
  34                 for="login-workstation">[% l('Workstation') %]</label>
  35               <div class="col-md-8">
  36                 <select class="form-control" ng-model="args.workstation"
  37                   ng-options="ws for ws in workstations">
  38                   <option>[% l('Select Workstation') %]</option>
  39                 </select>
  40               </div>
  41             </div>
  42
  43             <div class="form-group">
  44               <div class="col-md-offset-4 col-md-2">
  45                 <button type="submit" class="btn btn-default">[% l('Sign in') %]</button>
  46               </div>
  47               <div class="col-md-2">
  48                 <span ng-show="loginFailed" class="label label-warning">[% l('Login Failed') %]</span>
  49               </div>
  50             </div>
  51
  52             <div class="form-group" ng-if="pendingXacts">
  53               <div class="col-md-offset-4 col-md-8">
  54                 <div class="alert alert-warning">
  55                   [% | l('{{pendingXacts | date:"short"}}') %]
  56                   Unprocessed offline transactions waiting for upload.
  57                   Last transaction added at [_1].
  58                   [% END %]
  59                 </div>
  60               </div>
  61             </div>
  62
  63           </form>
  64         </fieldset>
  65       </div>
  66     <div class="col-md-3"></div><!-- offset? -->
  67   </div>
  68 </div>