Open-ILS/src/templates/staff/admin/workstation/t_print_config.tt2

   1 <div class="container" id="admin-workstation-printing">
   2
   3   <style>
   4     /* TODO: more context and move me */
   5     textarea {
   6       height: 400px;
   7       width: 100%;
   8     }
   9     .tab-pane .row {
  10       padding-top: 20px;
  11     }
  12     h2 { margin-bottom: 15px }
  13
  14   </style>
  15
  16   <div class="row">
  17     <div class="col-md-12">
  18       <h2>[% l('Printer Settings for Remote Printing') %]</h2>
  19     </div>
  20   </div>
  21
  22   <div class="row">
  23     <div class="col-md-12">
  24       <ul class="nav nav-tabs">
  25         <li ng-class="{active : context == 'default'}">
  26           <a href='' ng-click="setContext('default')">[% l('Default') %]</a>
  27         </li>
  28         <li ng-class="{active : context == 'receipt'}">
  29           <a href='' ng-click="setContext('receipt')">[% l('Receipt') %]</a>
  30         </li>
  31         <li ng-class="{active : context == 'label'}">
  32           <a href='' ng-click="setContext('label')">[% l('Label') %]</a>
  33         </li>
  34         <li ng-class="{active : context == 'mail'}">
  35           <a href='' ng-click="setContext('mail')">[% l('Mail') %]</a>
  36         </li>
  37         <li ng-class="{active : context == 'offline'}">
  38           <a href='' ng-click="setContext('offline')">[% l('Offline') %]</a>
  39         </li>
  40         <li ng-class="{active : isTestView}" class="pull-right">
  41           <a href='' ng-click="isTestView=true">[% l('Test Printing') %]</a>
  42         </li>
  43       </ul>
  44       <div class="tab-content">
  45         <div class="tab-pane active">
  46
  47           <!-- printer config UI -->
  48           <div class="row" ng-hide="isTestView">
  49             <div class="col-md-6">
  50               <div class="input-group">
  51                 <div class="input-group-btn" uib-dropdown>
  52                   <button type="button" class="btn btn-default" uib-dropdown-toggle>
  53                     [% l('Select Printer') %]
  54                     <span class="caret"></span></button>
  55                   <ul uib-dropdown-menu>
  56                     <li ng-repeat="printer in printers">
  57                       <a href='' ng-click="setPrinter(printer.name)">
  58                         {{printer.name}}
  59                       </a>
  60                     </li>
  61                   </ul>
  62                 </div><!-- /btn-group -->
  63                 <input ng-if="!printers[0]" type="text"
  64                   class="form-control" disabled="disabled"
  65                   value="[% l('No Printers Found') %]">
  66                 <input ng-if="printers[0] && !printConfig[context]" type="text"
  67                   class="form-control" disabled="disabled"
  68                   value="[% l('No Printer Selected') %]">
  69                 <input ng-if="printConfig[context].printer" type="text"
  70                   class="form-control" disabled="disabled"
  71                   value="{{printConfig[context].printer}}">
  72               </div><!-- /input-group -->
  73             </div><!-- col -->
  74             <div class="col-md-6">
  75               <div class="input-group">
  76                 <div class="input-group-btn">
  77                   <button type="button"
  78                     ng-click="configurePrinter()"
  79                     ng-class="{disabled : actionPending || !printers[0]}"
  80                     class="btn btn-default btn-success">
  81                       [% l('Configure Printer') %]
  82                   </button>
  83                   <button type="button"
  84                     ng-click="resetConfig()"
  85                     ng-class="{disabled : actionPending}"
  86                     class="btn btn-default btn-warning">
  87                       [% l('Reset Configuration') %]
  88                   </button>
  89                 </div>
  90               </div>
  91             </div>
  92           </div><!-- row -->
  93           <div class="row" ng-hide="isTestView">
  94             <div class="col-md-12">
  95               <h2>[% l('Compiled Printer Settings') %]</h2>
  96               <pre>{{printerConfString()}}</pre>
  97             </div><!-- col -->
  98           </div><!-- row -->
  99
 100           <!-- printer test UI -->
 101           <div class="row" ng-show="isTestView">
 102             <div class="col-md-10">
 103               <div class="btn-group">
 104                 <button type="button"
 105                   class="btn btn-default btn-lg"
 106                   ng-class="{active : contentType=='text/plain'}"
 107                   ng-click="setContentType('text/plain')">[% l('Plain Text') %]</button>
 108                 <button type="button"
 109                   class="btn btn-default btn-lg"
 110                   ng-class="{active : contentType=='text/html'}"
 111                   ng-click="setContentType('text/html')">[% l('HTML') %]</button>
 112               </div>
 113             </div>
 114             <div class="col-md-2">
 115               <div class="input-group pull-right">
 116                 <div class="input-group-btn">
 117                   <button type="button"
 118                     ng-click="testPrint()"
 119                     class="btn btn-default btn-success">
 120                       [% l('Print') %]</button>
 121                   <button type="button"
 122                     ng-click="testPrint(true)"
 123                     class="btn btn-default btn-info">
 124                       [% l('Print with Dialog') %]</button>
 125                 </div>
 126               </div>
 127             </div>
 128           </div>
 129
 130           <div class="row" ng-show="isTestView">
 131             <div class="col-md-12">
 132               <div ng-show="contentType=='text/plain'"
 133 ng-init="textPrintContent='
 134 [% l('Test Print') %]
 135
 136 1234567890
 137
 138 12345678901234567890
 139
 140 123456789012345678901234567890
 141
 142 1234567890123456789012345678901234567890
 143
 144 12345678901234567890123456789012345678901234567890
 145
 146 12345678901234567890123456789012345678901234567890123456790
 147
 148 [% l('Test Print') %]
 149 '">
 150         <pre><textarea>{{textPrintContent}}</textarea></pre>
 151       </div>
 152
 153       <div ng-show="contentType=='text/html'">
 154         <textarea ng-model="htmlPrintContent"
 155 ng-init="htmlPrintContent='
 156 <div>
 157   <style>p { color: blue }</style>
 158   <h2>[% l('Test HTML Print') %]</h2>
 159   <br/>
 160   <img src=\'https://[% ctx.hostname %]/opac/images/main_logo.png\' width=\'140\' height=\'24\'/>
 161   <p>[% l('Welcome, Stranger!') %]</p>
 162   <p>{{value1}}</p>
 163   <p>{{value2}}</p>
 164   <p>{{date_value | date}}</p>
 165 </div>
 166 '">
 167                 </textarea>
 168               </div><!-- html content -->
 169             </div><!-- col -->
 170           </div><!-- row -->
 171         </div><!-- tab pane -->
 172       </div><!-- tab content -->
 173     </div><!-- col -->
 174   </div><!-- row -->
 175 </div><!-- container -->
 176