1 <style type="text/css">
2 .css-form input.ng-invalid {
3 background-color: #FA787E;
5 .css-form select.ng-invalid {
6 background-color: #FA787E;
9 ul.copy-attributes-grid {
13 padding-inline-start: 0px;
16 ul.copy-attributes-grid > li {
19 /* Force the grid to overflow to the next line every 4 entries
20 while leaving some wiggle space for padding/margins */
23 flex-direction: column;
26 ul.copy-attributes-grid > li > div {
28 /* padding here is required to allow the "item modified" bg
29 color to appear around some widgets (mainly selectors) */
33 ul.copy-attributes-grid > li > div:nth-child(1) {
34 border-radius: 6px 6px 0px 0px;
37 ul.copy-attributes-grid > li > div:nth-child(2) {
38 border: 1px solid #d9edf7;
41 ul.copy-attributes-grid li label {
48 <form novalidate class="css-form" name="forms.myForm">
49 <div class="row bg-info">
50 <div class="col-md-1">
51 <h5>[% l('Template') %]</h5>
53 <div ng-class="template_controls ? 'col-md-2' : 'col-md-5'">
54 <eg-basic-combo-box list="template_name_list" selected="template_name"></eg-basic-combo-box>
56 <div class="col-md-1">
57 <button class="btn btn-default " ng-click="applyTemplate(template_name)" type="button">[% l('Apply') %]</button>
59 <div class="col-md-6" ng-show="template_controls">
61 <div class="col-md-4">
62 <div class="btn-group">
63 <label class="btn btn-default" ng-click="saveTemplate(template_name)">[% l('Save') %]</label>
64 <label class="btn btn-default" ng-click="deleteTemplate(template_name)">[% l('Delete') %]</label>
67 <div class="col-md-8">
68 <div class="btn-group pull-right">
69 <span class="btn btn-default btn-file">
71 <input type="file" eg-file-reader container="imported_templates.data">
73 <label class="btn btn-default"
74 eg-json-exporter container="templates"
75 default-file-name="'[% l('exported_copy_templates.json') %]'">
82 <div class="col-md-2" ng-class="{'col-md-offset-3' : !template_controls}">
83 <button class="btn btn-default pull-right" ng-click="clearWorking()" type="button">[% l('Clear') %]</button>
87 <div class="row pad-vert" ng-if="template_controls && defaults.show_vol_template_controls">
89 <div class="col-xs-12">
90 <h4 class="center-block">[% l('Call Number Attributes') %]</h4>
95 <div class="row pad-vert" ng-if="template_controls && defaults.show_vol_template_controls">
96 <div class="col-md-1 bg-info">
97 <b>[% l('Classification') %]</b>
99 <div class="nullable col-md-2" ng-class="{'bg-success': working.callnumber.classification !== undefined}">
100 <select class="form-control" ng-model="working.callnumber.classification" ng-options="cl.id() as cl.name() for cl in classification_list">
101 <option value="">[% l('<NONE>') %]</option>
104 <div class="col-md-1 bg-info">
105 <b>[% l('Prefix') %]</b>
107 <div class="nullable col-xs-2" ng-class="{'bg-success': working.callnumber.prefix !== undefined}">
108 <select class="form-control" ng-model="working.callnumber.prefix" ng-options="p.id() as p.label() for p in prefix_list">
109 <option value="">[% l('<NONE>') %]</option>
112 <div class="col-md-1 bg-info">
113 <b>[% l('Suffix') %]</b>
115 <div class="nullable col-md-2" ng-class="{'bg-success': working.callnumber.suffix !== undefined}">
116 <select class="form-control" ng-model="working.callnumber.suffix" ng-options="s.id() as s.label() for s in suffix_list">
117 <option value="">[% l('<NONE>') %]</option>
122 <div class="row pad-vert" ng-if="template_controls && defaults.show_vol_template_controls">
124 <div class="col-xs-12">
125 <h4 class="center-block">[% l('Item Attributes') %]</h4>
130 <ul class="copy-attributes-grid">
131 <li ng-if="defaults.attributes.circulate">
132 <div class="bg-info"><label>[% l('Circulate?') %]</label></div>
133 <div ng-class="{'bg-success': working.circulate !== undefined}">
134 <div class="col-lg-6">
136 <input type="radio" ng-model="working.circulate" value="t"/>
140 <div class="col-lg-6">
142 <input type="radio" ng-model="working.circulate" value="f"/>
147 <!-- this dummy div ensures each <li> has exactly 3 vertical
148 flex divs, ensuring consistent widget/label height -->
149 <div ng-if="hasMulti()"> </div>
151 <li ng-if="defaults.attributes.status">
152 <div class="bg-info"><label>[% l('Status') %]</label></div>
153 <div ng-class="{'bg-success': working.status !== undefined}">
154 <select class="form-control" ng-model="working.status"
155 ng-options="s.id() as s.name() disable when magic_status_list.indexOf(s.id(),0) > -1 for s in status_list">
158 <div ng-if="hasMulti()">
159 <div ng-if="working.MultiMap.status.length > 1 && working.status === undefined">
160 <eg-list-counts label="[% l('Multiple statuses') %]"
161 list="working.MultiMap.status" render="statusName"
162 on-select="select_by_status">
167 <li ng-if="defaults.attributes.circ_lib">
168 <div class="bg-info"><label>[% l('Circulating Library') %]</label></div>
169 <div ng-class="{'bg-success': working.circ_lib !== undefined}">
171 alldisabled="{{!defaults.attributes.circ_lib}}"
172 selected="working.circ_lib"
174 label="[% l('(Unset)') %]"
175 disable-test="cant_have_vols">
178 <div ng-if="hasMulti()">
180 ng-if="working.MultiMap.circ_lib.length > 1 && working.circ_lib === undefined">
181 <eg-list-counts label="[% l('Multiple values') %]"
182 list="working.MultiMap.circ_lib" render="orgShortname"
183 on-select="select_by_circ_lib">
188 <li ng-if="defaults.attributes.ref">
189 <div class="bg-info"><label>[% l('Reference?') %]</label></div>
190 <div ng-class="{'bg-success': working.ref !== undefined}">
191 <div class="col-lg-6">
193 <input type="radio" ng-model="working.ref" value="t"/>
197 <div class="col-lg-6">
199 <input type="radio" ng-model="working.ref" value="f"/>
204 <div ng-if="hasMulti()">
206 ng-if="working.MultiMap.ref.length > 1 && working.ref === undefined">
207 <eg-list-counts label="[% l('Multiple values') %]"
208 list="working.MultiMap.ref" render="labelYesNo" on-select="select_by_ref">
213 <li ng-if="defaults.attributes.location">
214 <div class="bg-info"><label>[% l('Shelving Location') %]</label></div>
215 <div ng-class="{'bg-success': working.location !== undefined}">
216 <select class="form-control" ng-model="working.location"
217 ng-options="l.id() as i18n.ou_qualified_location_name(l) for l in location_list">
220 <div ng-if="hasMulti()">
222 ng-if="working.MultiMap.location.length > 1 && working.location === undefined">
223 <eg-list-counts label="[% l('Multiple locations') %]"
224 list="working.MultiMap.location" render="locationName"
225 on-select="select_by_location"></eg-list-counts>
229 <li ng-if="defaults.attributes.opac_visible">
230 <div class="bg-info"><label>[% l('OPAC Visible?') %]</label></div>
231 <div ng-class="{'bg-success': working.opac_visible !== undefined}">
232 <div class="col-lg-6">
234 <input type="radio" ng-model="working.opac_visible" value="t"/>
238 <div class="col-lg-6">
240 <input type="radio" ng-model="working.opac_visible" value="f"/>
245 <div ng-if="hasMulti()">
247 ng-if="working.MultiMap.opac_visible.length > 1 && working.opac_visible === undefined">
248 <eg-list-counts label="[% l('Multiple values') %]"
249 list="working.MultiMap.opac_visible" render="labelYesNo"
250 on-select="select_by_opac_visible"></eg-list-counts>
254 <li ng-if="defaults.attributes.circ_modifier">
255 <div class="bg-info"><label>[% l('Circulation Modifier') %]</label></div>
256 <div ng-class="{'bg-success': working.circ_modifier !== undefined}">
257 <select class="form-control"
258 ng-model="working.circ_modifier"
259 ng-options="m.code() as m.name() for m in circ_modifier_list | orderBy: 'name()'">
260 <option value="">[% l('<NONE>') %]</option>
263 <div ng-if="hasMulti()">
264 <div ng-if="working.MultiMap.circ_modifier.length > 1 && working.circ_modifier === undefined">
265 <eg-list-counts label="[% l('Multiple values') %]"
266 list="working.MultiMap.circ_modifier" render="labelYesNo"
267 on-select="select_by_circ_modifier"></eg-list-counts>
271 <li ng-if="defaults.attributes.price">
272 <div class="bg-info"><label>[% l('Price') %]</label></div>
273 <div ng-class="{'bg-success': working.price !== undefined}">
274 <input class="form-control" str-to-float ng-model="working.price"
275 type="number" step="0.01"/>
277 <div ng-if="hasMulti()">
278 <div ng-if="working.MultiMap.price.length > 1 && working.price === undefined">
279 <eg-list-counts label="[% l('Multiple prices') %]"
280 list="working.MultiMap.price" on-select="select_by_price">
285 <li ng-if="defaults.attributes.loan_duration">
286 <div class="bg-info"><label>[% l('Loan Duration') %]</label></div>
287 <div ng-class="{'bg-success': working.loan_duration !== undefined}">
288 <select class="form-control" int-to-str ng-model="working.loan_duration">
289 <option value="1">[% l('Short') %]</option>
290 <option value="2" selected>[% l('Normal') %]</option>
291 <option value="3">[% l('Extended') %]</option>
294 <div ng-if="hasMulti()">
295 <div ng-show="working.MultiMap.loan_duration.length > 1 && working.loan_duration === undefined">
296 <eg-list-counts label="[% l('Multiple durations') %]"
297 list="working.MultiMap.loan_duration" render="durationLabel"
298 on-select="select_by_loan_duration"></eg-list-counts>
302 <li ng-if="defaults.attributes.cost">
303 <div class="bg-info"><label>[% l('Acquisitions Cost') %]</label></div>
304 <div ng-class="{'bg-success': working.cost !== undefined}">
305 <input class="form-control" str-to-float ng-model="working.cost"
306 type="number" step="0.01"/>
308 <div ng-if="hasMulti()">
309 <div ng-if="working.MultiMap.cost.length > 1 && working.cost === undefined">
310 <eg-list-counts label="[% l('Multiple costs') %]"
311 list="working.MultiMap.cost" on-select="select_by_cost">
316 <li ng-if="defaults.attributes.circ_as_type">
317 <div class="bg-info"><label>[% l('Circulate as Type') %]</label></div>
318 <div ng-class="{'bg-success': working.circ_as_type !== undefined}">
319 <select class="form-control" ng-model="working.circ_as_type"
320 ng-options="t.code() as t.value() for t in circ_type_list">
321 <option value="">[% l('<NONE>') %]</option>
324 <div ng-if="hasMulti()">
325 <div ng-if="working.MultiMap.circ_as_type.length > 1 && working.circ_as_type === undefined">
326 <eg-list-counts label="[% l('Multiple types') %]"
327 list="working.MultiMap.circ_as_type" render="circTypeValue"
328 on-select="select_by_circ_as_type">
333 <li ng-if="defaults.attributes.holdable">
334 <div class="bg-info"><label>[% l('Holdable?') %]</label></div>
335 <div ng-class="{'bg-success': working.holdable !== undefined}">
336 <div class="col-lg-6">
338 <input type="radio" ng-model="working.holdable" value="t"/>
342 <div class="col-lg-6">
344 <input type="radio" ng-model="working.holdable" value="f"/>
349 <div ng-if="hasMulti()">
350 <div ng-show="working.MultiMap.holdable.length > 1 && working.holdable === undefined">
351 <eg-list-counts label="[% l('Multiple values') %]"
352 list="working.MultiMap.holdable" render="labelYesNo"
353 on-select="select_by_holdable"></eg-list-counts>
357 <li ng-if="defaults.attributes.deposit">
358 <div class="bg-info"><label>[% l('Deposit?') %]</label></div>
359 <div ng-class="{'bg-success': working.deposit !== undefined}">
360 <div class="col-lg-6">
362 <input type="radio" ng-model="working.deposit" value="t"/>
366 <div class="col-lg-6">
368 <input type="radio" ng-model="working.deposit" value="f"/>
373 <div ng-if="hasMulti()">
374 <div ng-if="working.MultiMap.deposit.length > 1 && working.deposit === undefined">
375 <eg-list-counts label="[% l('Multiple values') %]"
376 list="working.MultiMap.deposit" render="labelYesNo"
377 on-select="select_by_deposit"></eg-list-counts>
381 <li ng-if="defaults.attributes.deposit_amount">
382 <div class="bg-info"><label>[% l('Deposit Amount') %]</label></div>
383 <div ng-class="{'bg-success': working.deposit_amount !== undefined}">
384 <input class="form-control" str-to-float
385 ng-model="working.deposit_amount" type="number" step="0.01"/>
387 <div ng-if="hasMulti()">
388 <div ng-if="working.MultiMap.deposit_amount.length > 1 && working.deposit_amount === undefined">
389 <eg-list-counts label="[% l('Multiple amounts') %]"
390 list="working.MultiMap.deposit_amount"
391 on-select="select_by_deposit_amount"></eg-list-counts>
395 <li ng-if="defaults.attributes.age_protect">
396 <div class="bg-info"><label>[% l('Age-based Hold Protection') %]</label></div>
397 <div ng-class="{'bg-success': working.age_protect !== undefined}">
398 <select class="form-control"
399 ng-model="working.age_protect"
400 ng-options="a.id() as a.name() for a in age_protect_list">
401 <option value="">[% l('<NONE>') %]</option>
404 <div ng-if="hasMulti()">
405 <div ng-if="working.MultiMap.age_protect.length > 1 && working.age_protect === undefined">
406 <eg-list-counts label="[% l('Multiple values') %]"
407 list="working.MultiMap.age_protect" render="ageprotectName"
408 on-select="select_by_age_protect"></eg-list-counts>
412 <li ng-if="defaults.attributes.mint_condition">
413 <div class="bg-info"><label>[% l('Quality') %]</label></div>
414 <div ng-class="{'bg-success': working.mint_condition !== undefined}">
415 <div class="col-lg-6">
417 <input type="radio" ng-model="working.mint_condition" value="t"/>
421 <div class="col-lg-6">
423 <input type="radio"ng-model="working.mint_condition" value="f"/>
428 <div ng-if="hasMulti()">
429 <div ng-if="working.MultiMap.mint_condition.length > 1 && working.mint_condition === undefined">
430 <eg-list-counts label="[% l('Multiple values') %]"
431 list="working.MultiMap.mint_condition" render="labelYesNo"
432 on-select="select_by_mint_condition"></eg-list-counts>
436 <li ng-if="defaults.attributes.fine_level">
437 <div class="bg-info"><label>[% l('Fine Level') %]</label></div>
438 <div ng-class="{'bg-success': working.fine_level !== undefined}">
439 <select class="form-control" int-to-str ng-model="working.fine_level">
440 <option value="1">[% l('Low') %]</option>
441 <option value="2" selected>[% l('Normal') %]</option>
442 <option value="3">[% l('High') %]</option>
445 <div ng-if="hasMulti()">
446 <div ng-if="working.MultiMap.fine_level.length > 1 && working.fine_level === undefined">
447 <eg-list-counts label="[% l('Multiple levels') %]"
448 list="working.MultiMap.fine_level" render="fineLabel"
449 on-select="select_by_fine_level"></eg-list-counts>
453 <li ng-if="defaults.copy_notes">
454 <div class="bg-info"><label>[% l('Item Notes') %]</label></div>
455 <div ng-class="{'bg-success': working.copy_notes !== undefined}">
456 <button class="btn btn-default" type="button"
457 ng-click="copy_notes_dialog(workingGridControls.selectedItems())">
458 [% l('Item Notes') %]
461 <div ng-if="hasMulti()"> </div>
463 <li ng-if="defaults.attributes.alerts">
464 <div class="bg-info"><label>[% l('Item Alerts') %]</label></div>
465 <div ng-class="{'bg-success': working.alerts !== undefined}">
466 <button class="btn btn-default" type="button"
467 ng-click="copy_alerts_dialog(workingGridControls.selectedItems())">
468 [% l('Item Alerts') %]
471 <div ng-if="hasMulti()"> </div>
473 <li ng-if="defaults.attributes.floating">
474 <div class="bg-info"><label>[% l('Floating') %]</label></div>
475 <div ng-class="{'bg-success': working.floating !== undefined}">
476 <select class="form-control" ng-model="working.floating"
477 ng-options="a.id() as a.name() for a in floating_list">
478 <option value="">[% l('<NONE>') %]</option>
481 <div ng-if="hasMulti()">
482 <div ng-if="working.MultiMap.floating.length > 1 && working.floating === undefined">
483 <eg-list-counts label="[% l('Multiple values') %]"
484 list="working.MultiMap.floating" render="floatingName"
485 on-select="select_by_floating"></eg-list-counts>
489 <li ng-if="defaults.copy_tags">
490 <div class="bg-info"><label>[% l('Item Tags') %]</label></div>
491 <div ng-class="{'bg-success': working.copy_tags !== undefined}">
493 class="btn btn-default"
494 ng-click="copy_tags_dialog(workingGridControls.selectedItems())"
496 [% l('View/Edit Item Tags') %]
499 <div ng-if="hasMulti()"> </div>
501 <li ng-if="defaults.statcats">
502 <div class="bg-info"><label>[% l('Statistical Categories') %]</label></div>
504 <select class="form-control" ng-disabled="!defaults.statcats"
505 ng-model="working.statcat_filter"
506 ng-options="o.id() as o.shortname() for o in statcat_filter_list">
507 <option value="">[% l('Filter by Library') %]</option>
510 <div ng-if="hasMulti()"> </div>
513 <li ng-repeat="sc in statcats | orderBy:['owner().name()','name()']" ng-if="statcat_visible(sc.owner().id())">
514 <div class="bg-info"><label>{{sc.owner().name() }} : {{ sc.name()}}</label></div>
515 <div ng-class="{'bg-success': working.statcats[sc.id()] !== undefined}">
516 <select class="form-control" ng-disabled="!defaults.statcats"
517 ng-change="statcatUpdate(sc.id())"
518 ng-model="working.statcats[sc.id()]"
519 ng-options="e.id() as e.value() for e in sc.entries()"
520 ng-required="sc.required() == 't' && !working.statcats_multi[sc.id()]">
522 {{ !working.statcats_multi[sc.id()] ? '[% l('<NONE>') %]' : '[% l('<MULTIPLE>') %]' }}
526 <div ng-if="hasMulti()"> </div>