Open-ILS/src/templates/staff/cat/printlabels/t_view.tt2

   1 <style>
   2   /* TODO: move me */
   3   .print-template-text {
   4     height: 36em;
   5     width: 100%;
   6   }
   7   .cn-template-text {
   8     height: 12em;
   9     width: 100%;
  10   }
  11 </style>
  12
  13 <div class="container-fluid" style="text-align:center">
  14     <div class="alert alert-info alert-less-pad strong-text-2">
  15         [% l('Print Item Labels') %]
  16     </div>
  17 </div>
  18
  19 <div class="row">
  20     <div class="col-md-3">
  21        <div class="input-group">
  22             <span class="input-group-addon">[% l('Template') %]</span>
  23             <eg-basic-combo-box list="template_name_list" selected="template_name"></eg-basic-combo-box>
  24        </div>
  25     </div>
  26     <div class="col-md-1">
  27         <button class="btn btn-default" ng-click="applyTemplate(template_name)">[% l('Apply') %]</button>
  28     </div>
  29     <div class="col-md-2">
  30        <div class="input-group">
  31             <span class="input-group-addon">[% l('Printer') %]</span>
  32             <select class="form-control" ng-model="print.template_context">
  33                 <option value="default">[% l('Default') %]</option>
  34                 <option value="receipt">[% l('Receipt') %]</option>
  35                 <option value="label">[% l('Label') %]</option>
  36                 <option value="mail">[% l('Mail') %]</option>
  37                 <option value="offline">[% l('Offline') %]</option>
  38             </select>
  39         </div>
  40     </div>
  41
  42     <div class="col-md-2">
  43         <div class="btn-group">
  44             <button class="btn btn-default" ng-click="saveTemplate(template_name)">[% l('Save') %]</button>
  45             <button class="btn btn-default" ng-click="deleteTemplate(template_name)">[% l('Delete') %]</button>
  46         </div>
  47     </div>
  48
  49     <div class="col-md-3">
  50         <div class="btn-group">
  51             <span class="btn btn-default btn-file">
  52                 [% l('Import') %]
  53                 <input type="file" eg-file-reader container="imported_templates.data">
  54             </span>
  55             <label class="btn btn-default"
  56                eg-json-exporter container="templates"
  57                default-file-name="'[% l('exported_label_templates.json') %]'">
  58                [% l('Export') %]
  59             </label>
  60             <label class="btn btn-default" ng-click="reset_to_default()">[% l('Default') %]</label>
  61          </div>
  62     </div>
  63
  64     <div class="col-md-1 pull-right">
  65         <button class="btn btn-default" ng-click="print_labels()">[% l('Print') %]</button>
  66     </div>
  67 </div>
  68
  69 <hr/>
  70
  71 <div class="row">
  72   <div class="col-md-5">
  73     <ul class="nav nav-tabs">
  74         <li ng-class="{active : current_tab == 'cn_template'}">
  75             <a ng-click="set_tab('cn_template')">
  76                 [% l('Call Number Template') %]
  77             </a>
  78         </li>
  79         <li ng-class="{active : current_tab == 'call_numbers'}">
  80             <a ng-click="set_tab('call_numbers')">
  81                 [% l('Call Numbers') %]
  82             </a>
  83         </li>
  84         <li ng-class="{active : current_tab == 'settings'}">
  85             <a ng-click="set_tab('settings')">
  86                 [% l('Settings') %]
  87             </a>
  88         </li>
  89         <li ng-class="{active : current_tab == 'template'}">
  90             <a ng-click="set_tab('template')">
  91                 [% l('Label Template') %]
  92             </a>
  93         </li>
  94     </ul>
  95     <div class="tab-content">
  96         <div class="tab-pane active">
  97             <div ng-show="current_tab == 'cn_template'">
  98                 <h4>
  99                     [% l('Call Number Preview') %]
 100                 </h4>
 101                 <div eg-print-template-output ng-show="true"
 102                     content="print.cn_template_content"
 103                     context="{ copy : preview_scope.copies[0], get_cn_and_location_prefix : preview_scope.get_cn_and_location_prefix, get_cn_and_location_suffix : preview_scope.get_cn_and_location_suffix, settings : preview_scope.settings }"></div>
 104                 <h4>
 105                     [% l('Call Number Template') %]
 106                 </h4>
 107                 <div><span>[% l('Changes here will wipe out manual changes in the Call Numbers tab.') %]<br/></span></div>
 108                 <textarea ng-model="print.cn_template_content" class="print-template-text">
 109                 </textarea>
 110                 <div ng-repeat="copy in preview_scope.copies">
 111                     <div id="cn_for_copy_{{copy.id}}" eg-print-template-output ng-show="false"
 112                         content="print.cn_template_content"
 113                         context="{ copy : copy, get_cn_and_location_prefix : preview_scope.get_cn_and_location_prefix, get_cn_and_location_suffix : preview_scope.get_cn_and_location_suffix, settings : preview_scope.settings }"></div>
 114                 </div>
 115             </div>
 116             <div ng-show="current_tab == 'call_numbers'">
 117                 <h4>
 118                     [% l('Formatted Call Numbers') %]
 119                 </h4>
 120                 <div><span>[% l('Manual adjustments may be made here. These do not get saved with templates.') %]<br/></span></div>
 121                 <div ng-repeat="cn in rendered_call_number_set">
 122                     <textarea ng-model="cn.value" class="cn-template-text">
 123                     </textarea>
 124                 </div>
 125             </div>
 126             <div ng-show="current_tab == 'settings'">
 127                 <div><span>[% l('These settings do get saved with templates and will override corresponding Library Settings.') %]<br/></span></div>
 128                 <div ng-repeat="s in org_unit_settings">
 129                     <div class="row" style="margin-top: 5mm; border-top: solid thin black">
 130                         <div class="col-md-6" style="font-weight: bold">{{s.label}}</div>
 131                         <div class="col-md-6"><input type="text" ng-model="preview_scope.settings[s.name]"></input></div>
 132                     </div>
 133
 134                     <div class="row">
 135                         <div>{{s.description}}</div>
 136                     </div>
 137                 </div>
 138
 139             </div>
 140             <div ng-show="current_tab == 'template'">
 141                 <div ng-if="print.load_failed" class="alert alert-danger">
 142                   [% l(
 143                     "Unable to load template '[_1]'.  The web server returned an error.",
 144                     '{{print.template_name}}')
 145                   %]
 146                 </div>
 147                 <div>
 148                   <textarea ng-model="print.template_content" class="print-template-text">
 149                   </textarea>
 150                 </div>
 151             </div>
 152         </div>
 153     </div>
 154   </div>
 155   <div class="col-md-7">
 156     <h3>
 157         [% l('Label Preview') %]
 158     </h3>
 159     <div eg-print-template-output
 160       content="print.template_content"
 161       context="preview_scope"></div>
 162   </div> <!-- col -->
 163 </div>
 164